feat(BaseTreeSelectItem): update app.config.ts and BaseTreeSelectItem…

….vue
shuriken-ui · Dec 18, 2023 · 9dfdc99 · 9dfdc99
1 parent 5bd8f5a
commit 9dfdc99
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 14 deletions.
diff --git a/app.config.ts b/app.config.ts
@@ -162,6 +162,9 @@ export default defineAppConfig({
       size: 'md',
       contrast: 'default',
     },
+    BaseTreeSelectItem: {
+      rounded: 'sm',
+    },
     defaultShapes: {
       accordion: 'rounded',
       autocompleteItem: 'rounded',

diff --git a/components/form/BaseTreeSelectItem.vue b/components/form/BaseTreeSelectItem.vue
@@ -37,22 +37,22 @@ const props = withDefaults(
     toggle?: () => void
 
     /**
-     * The shape of the component.
+     * The radius of the component.
+     *
+     * @since 2.0.0
+     * @default 'sm'
      */
-    shape?: 'straight' | 'rounded' | 'curved' | 'full'
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full'
   }>(),
   {
-    level: 1,
-    shape: undefined,
     value: () => ({}),
+    level: 1,
     toggle: undefined,
+    rounded: undefined,
   },
 )
 
-const appConfig = useAppConfig()
-const shape = computed(
-  () => props.shape ?? appConfig.nui?.defaultShapes?.autocompleteItem,
-)
+const rounded = useNuiDefaultProperty(props, 'BaseTreeSelectItem', 'rounded')
 
 const wrapperTag = computed(() => {
   if (!props.toggle) {
@@ -73,17 +73,17 @@ const wrapperProps = computed(() => {
     class: 'nui-focus',
   }
 })
-
-// shape
 </script>
 
 <template>
   <div
     class="flex items-center p-2 ps-0"
     :class="[
-      shape === 'rounded' && 'rounded-md',
-      shape === 'curved' && 'rounded-lg',
-      shape === 'full' && 'rounded-xl',
+      rounded === 'none' && 'rounded-none',
+      rounded === 'sm' && 'rounded',
+      rounded === 'md' && 'rounded-md',
+      rounded === 'lg' && 'rounded-lg',
+      rounded === 'full' && 'rounded-xl',
     ]"
   >
     <slot></slot>
@@ -106,7 +106,7 @@ const wrapperProps = computed(() => {
       </BaseIconBox>
       <div class="flex flex-col items-start">
         <div
-          class="text-muted-800 font-heading text-sm font-medium leading-none dark:text-white"
+          class="text-muted-800 font-sans text-sm font-medium leading-none dark:text-white"
         >
           {{ props.value.name }}
         </div>

diff --git a/nuxt.schema.ts b/nuxt.schema.ts
@@ -649,6 +649,14 @@ export default defineNuxtSchema({
          */
         contrast: 'default',
       },
+      BaseTreeSelectItem: {
+        /**
+         * The radius of the tree select item.
+         *
+         * @type {'none' | 'sm' | 'md' | 'lg'}
+         */
+        rounded: 'sm',
+      },
       defaultShapes: {
         /**
          * Default shape for the BaseAccordion component