optimize(packages): ui: optimize radio

Author: honghuangdc

packages/ui-variants/src/variants/radio.ts

@@ -9,7 +9,7 @@ export const radioVariants = tv({
       'peer size-4 shrink-0 rounded-full border shadow',
       'focus-visible:(outline outline-2 outline-offset-2) disabled:(cursor-not-allowed opacity-50)'
     ],
-    indicator: 'flex justify-center items-center',
+    indicator: 'flex justify-center items-center size-full',
     group: 'flex gap-2',
     icon: 'size-2.5 fill-current'
   },

src/views/ui/modules/radio.vue

@@ -28,9 +28,9 @@ function createRadioGroupItems(): RadioGroupItemProps[] {
   </div>
   <div class="py-12px text-18px">Radio Group Vertical</div>
   <SRadioGroup orientation="vertical" :items="items" />
-  <div class="py-12px text-18px">Checkbox Group Disabled All</div>
+  <div class="py-12px text-18px">Radio Group Disabled All</div>
   <SRadioGroup :items="items" disabled />
-  <div class="py-12px text-18px">Checkbox Group Disabled Item</div>
+  <div class="py-12px text-18px">Radio Group Disabled Item</div>
   <SRadioGroup>
     <SRadio v-for="item in items" :key="item.value" v-bind="item" :disabled="item.value === '2'" />
   </SRadioGroup>