feat(useLayer): support color: inherit as special value

therealokoro · Feb 17, 2023 · 1975b04 · 1975b04
1 parent 9a422bf
commit 1975b04
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/docs/components/demos/list/DemoListSlots.vue b/docs/components/demos/list/DemoListSlots.vue
@@ -20,11 +20,11 @@ const items = [
         </template>
 
         <!-- 👉 Slot: Append -->
-        <template #append="{ index }">
+        <template #item-append="{ index }">
           <ABtn
             variant="outline"
             class="text-sm opacity-35 min-h-[24px] spacing-50"
-            color="default"
+            color="inherit"
             :states="false"
           >
             &#8984; {{ index + 1 }}

diff --git a/docs/components/demos/table/DemoTableExtraColumn.vue b/docs/components/demos/table/DemoTableExtraColumn.vue
@@ -20,22 +20,22 @@ const cols = [
             class="text-xs"
             icon="i-bx-link-external"
             icon-only
-            color="default"
+            color="inherit"
             variant="text"
           />
           <ABtn
             class="text-xs"
             icon="i-bx-edit-alt"
             icon-only
             variant="text"
-            color="default"
+            color="inherit"
           />
           <ABtn
             class="text-xs"
             icon="i-bx-trash"
             icon-only
             variant="text"
-            color="default"
+            color="inherit"
           />
         </div>
       </template>

diff --git a/packages/anu-vue/src/composables/useLayer.ts b/packages/anu-vue/src/composables/useLayer.ts
@@ -123,6 +123,12 @@ export const useLayer = () => {
           classes.push('text-[hsl(var(--a-layer-c))]')
       }
     }
+    else if (propColor === 'inherit') {
+      classes.push('text-inherit')
+
+      if (propVariant === 'outline')
+        classes.push('border-width-1 border-solid border-current')
+    }
     else if (propColor) {
       const _colord = colord(propColor as string)