adata-ui 4.0.48 → 4.0.50

package/dist/module.json

@@ -5,7 +5,7 @@
     "nuxt": ">=3.16.0"
   },
   "failOnWarn": false,
-  "version": "4.0.48",
+  "version": "4.0.50",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/dist/runtime/components/header/ProfileMenu.vue

@@ -25,7 +25,7 @@ defineEmits(["logout"]);
         class="hidden cursor-pointer items-center gap-2 text-sm font-semibold lg:flex"
         @click.stop="profileMenuOpen = true"
       >
-        <span>{{ email }}</span>
+        <span class="whitespace-nowrap">{{ email }}</span>
         <i-chevron-down :class="{ 'rotate-180': profileMenuOpen }" />
       </div>
     </dropdown-menu-trigger>

package/dist/runtime/components/radio-button/RadioButton.vue

@@ -1,33 +1,26 @@
 <script setup>
-import { computed } from "vue";
+import { computed, useId } from "vue";
 import RadioCheck from "#icons/radio/radio-check.vue";
 import RadioEmpty from "#icons/radio/radio-empty.vue";
 defineOptions({ name: "ARadioButton" });
 const props = defineProps({
+  inputId: { type: null, required: false },
   size: { type: String, required: false, default: "sm" },
   name: { type: String, required: false, default: "check" },
   disabled: { type: Boolean, required: false, default: false },
   side: { type: String, required: false, default: "left" },
-  value: { type: [String, Number, Boolean, null], required: true, skipCheck: true, default: null },
+  value: { type: [String, Number, Boolean], required: true },
   permanent: { type: Boolean, required: false, default: false }
 });
-const emit = defineEmits(["radioChanged"]);
+const emit = defineEmits(["change"]);
 const model = defineModel({ type: [String, Number, Boolean, null], skipCheck: true });
+const id = props.inputId ?? useId();
 const currentComponent = computed(() => {
-  if (model.value === props.value) {
-    return RadioCheck;
-  } else {
-    return RadioEmpty;
-  }
+  return model.value === props.value ? RadioCheck : RadioEmpty;
 });
 function update() {
-  if (props.disabled) return;
-  if (props.value == model.value && !props.permanent) {
-    model.value = void 0;
-  } else {
-    model.value = props.value;
-  }
-  emit("radioChanged", model.value);
+  model.value = props.value;
+  emit("change");
 }
 const sizeOptions = {
   lg: "min-w-6 min-h-6 max-w-6 max-h-6",
@@ -45,16 +38,16 @@ const textSizeOptions = {
     :class="[disabled ? 'opacity-20' : '']"
   >
     <input
-      :id="name"
+      :id="id"
       :name="name"
       type="radio"
       class="hidden"
-      :checked="model === props.value"
+      :checked="model === value"
       :disabled="disabled"
-      @click="update"
+      @change="update"
     >
     <label
-      :for="name"
+      :for="id"
       class="flex items-center text-deepblue-900 dark:text-gray-200 cursor-pointer w-full whitespace-nowrap"
       :class="[textSizeOptions[size]]"
     >

package/dist/runtime/components/radio-button/RadioButton.vue.d.ts

@@ -1,9 +1,10 @@
 interface Props {
+    inputId?: any;
     size?: 'lg' | 'sm';
     name?: string;
     disabled?: boolean;
     side?: 'right' | 'left';
-    value: string | number | boolean | null | undefined;
+    value: string | number | boolean;
     permanent?: boolean;
 }
 type __VLS_Props = Props;
@@ -16,11 +17,17 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | boolean | null | undefined) => any;
+} & {
+    change: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | boolean | null | undefined) => any) | undefined;
+}>, {
     name: string;
     size: "lg" | "sm";
     disabled: boolean;
-    value: string | number | boolean | null | undefined;
     side: "right" | "left";
     permanent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adata-ui",
-  "version": "4.0.48",
+  "version": "4.0.50",
   "description": "Adata UI",
   "repository": "your-org/my-module",
   "license": "MIT",