@volverjs/ui-vue 0.0.10-beta.29 → 0.0.10-beta.30

package/src/components/VvInputText/VvInputText.vue

@@ -59,6 +59,13 @@
 		props.floating && isEmpty(props.placeholder) ? ' ' : props.placeholder,
 	)
 
+	// debounce
+	const localModelValue = useDebouncedInput(
+		modelValue,
+		emit,
+		debounce?.value ?? 0,
+	)
+
 	// mask
 	const maskReady = ref(false)
 	const { el, mask, typed, masked, unmasked } = useIMask(
@@ -152,20 +159,32 @@
 			},
 		},
 	)
+	const updateMaskValue = (newValue: string | number | undefined) => {
+		if (iMask) {
+			if (newValue === undefined) {
+				typed.value = ''
+				unmasked.value = ''
+				return
+			}
+			if (iMask.value?.mask === Date) {
+				typed.value = new Date(newValue)
+				return
+			}
+			typed.value = newValue
+			unmasked.value = `${typed.value}`
+		}
+	}
 	onMounted(() => {
 		if (mask.value) {
 			maskReady.value = true
-			typed.value = localModelValue.value ?? ''
+			updateMaskValue(props.modelValue)
 		}
 	})
 	watch(
 		() => props.modelValue,
 		(newValue) => {
 			if (mask.value) {
-				typed.value =
-					newValue && iMask?.value?.mask === Date
-						? new Date(newValue)
-						: newValue ?? ''
+				updateMaskValue(newValue)
 			}
 		},
 	)
@@ -184,13 +203,6 @@
 
 	defineExpose({ $inner: innerEl })
 
-	// debounce
-	const localModelValue = useDebouncedInput(
-		modelValue,
-		emit,
-		debounce?.value ?? 0,
-	)
-
 	// focus
 	const { focused } = useComponentFocus(inputEl, emit)
 	const isFocused = computed(

package/dist/components/VvAccordion/VvAccordion.vue.d.ts

@@ -1,63 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    name: StringConstructor;
-    title: StringConstructor;
-    content: StringConstructor;
-    modelValue: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    disabled: BooleanConstructor;
-    not: BooleanConstructor;
-    modifiers: {
-        type: globalThis.PropType<string | string[]>;
-        default: undefined;
-    };
-}, {
-    isExpanded: globalThis.Ref<boolean>;
-    expand: () => void;
-    collapse: () => void;
-    groupExpand: (name?: string | string[]) => void;
-    groupCollapse: (name?: string | string[]) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    [x: string]: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    name: StringConstructor;
-    title: StringConstructor;
-    content: StringConstructor;
-    modelValue: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    disabled: BooleanConstructor;
-    not: BooleanConstructor;
-    modifiers: {
-        type: globalThis.PropType<string | string[]>;
-        default: undefined;
-    };
-}>>, {
-    disabled: boolean;
-    modelValue: boolean;
-    not: boolean;
-    modifiers: string | string[];
-}, {}>, {
-    summary?(_: {
-        isExpanded: boolean;
-        expand: () => void;
-        collapse: () => void;
-        groupExpand: (name?: string | string[]) => void;
-        groupCollapse: (name?: string | string[]) => void;
-    }): any;
-    default?(_: {
-        isExpanded: boolean;
-        expand: () => void;
-        collapse: () => void;
-        groupExpand: (name?: string | string[]) => void;
-        groupCollapse: (name?: string | string[]) => void;
-    }): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/{components → src/components}/VvAlert/VvAlert.vue.d.ts

@@ -94,10 +94,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modifiers: string | string[];
     footer: string;
     role: "alert" | "alertdialog";
+    icon: string | import("../VvIcon/index.js").VvIconProps;
     dismissable: boolean;
     autoClose: number;
     closeLabel: string;
-    icon: string | import("../VvIcon/index.js").VvIconProps;
     iconPosition: "before" | "after";
 }, {}>, {
     header?(_: {}): any;

package/dist/{components → src/components}/VvCheckbox/VvCheckbox.vue.d.ts

@@ -137,10 +137,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: string | number | boolean | Record<string, any>;
     modifiers: string | string[];
     switch: boolean;
+    readonly: boolean;
     loading: boolean;
     loadingLabel: string;
     indeterminate: boolean;
-    readonly: boolean;
     hintLabel: string;
     invalid: boolean;
     invalidLabel: string | unknown[];

package/dist/{components → src/components}/VvCheckboxGroup/VvCheckboxGroup.vue.d.ts

@@ -153,9 +153,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: string | number | boolean | symbol | unknown[];
     modifiers: string | string[];
+    readonly: boolean;
     loading: boolean;
     loadingLabel: string;
-    readonly: boolean;
     hintLabel: string;
     invalid: boolean;
     invalidLabel: string | unknown[];

package/dist/{components → src/components}/VvCombobox/VvCombobox.vue.d.ts

@@ -700,9 +700,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         } | undefined;
         boundary?: import("@floating-ui/dom").Boundary | undefined;
     }> | undefined;
-    closeLabel: string;
-    icon: string | import("../VvIcon").VvIconProps;
-    iconPosition: "before" | "after";
+    readonly: boolean;
     flip: boolean | {
         rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
         elementContext?: import("@floating-ui/core").ElementContext | undefined;
@@ -728,11 +726,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         flipAlignment?: boolean | undefined;
         boundary?: import("@floating-ui/dom").Boundary | undefined;
     }> | undefined;
+    icon: string | import("../VvIcon").VvIconProps;
+    closeLabel: string;
+    iconPosition: "before" | "after";
     loading: boolean;
     loadingLabel: string;
     unselectable: boolean;
     multiple: boolean;
-    readonly: boolean;
     hintLabel: string;
     invalid: boolean;
     invalidLabel: string | unknown[];

package/dist/{components → src/components}/VvInputFile/VvInputFile.vue.d.ts

@@ -300,12 +300,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: string | number;
     modifiers: string | string[];
     progress: string | number;
+    readonly: boolean;
     icon: string | import("../VvIcon").VvIconProps;
     iconPosition: "before" | "after";
     loading: boolean;
     loadingLabel: string;
     multiple: boolean;
-    readonly: boolean;
     hintLabel: string;
     invalid: boolean;
     invalidLabel: string | unknown[];
@@ -313,8 +313,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     validLabel: string | unknown[];
     placeholder: string;
     accept: string;
-    capture: "user" | "environment";
     max: string | number;
+    capture: "user" | "environment";
     dropArea: boolean;
     sortable: boolean;
     labelAdd: string;

package/dist/{components → src/components}/VvInputText/VvInputText.vue.d.ts

@@ -382,14 +382,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     modifiers: string | string[];
     type: import("../VvInputText").InputType;
+    readonly: boolean;
     storageType: "local" | "session";
+    required: boolean;
     icon: string | import("../VvIcon").VvIconProps;
     iconPosition: "before" | "after";
-    required: boolean;
     loading: boolean;
     loadingLabel: string;
     multiple: boolean;
-    readonly: boolean;
     hintLabel: string;
     invalid: boolean;
     invalidLabel: string | unknown[];

package/dist/{components → src/components}/VvRadio/VvRadio.vue.d.ts

@@ -130,9 +130,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: string | number | boolean | Record<string, any>;
     modifiers: string | string[];
+    readonly: boolean;
     loading: boolean;
     loadingLabel: string;
-    readonly: boolean;
     hintLabel: string;
     invalid: boolean;
     invalidLabel: string | unknown[];

package/dist/{components → src/components}/VvRadioGroup/VvRadioGroup.vue.d.ts

@@ -153,9 +153,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: string | number | boolean | symbol | unknown[];
     modifiers: string | string[];
+    readonly: boolean;
     loading: boolean;
     loadingLabel: string;
-    readonly: boolean;
     hintLabel: string;
     invalid: boolean;
     invalidLabel: string | unknown[];

package/dist/{components → src/components}/VvSelect/VvSelect.vue.d.ts

@@ -214,14 +214,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: string | number | boolean | unknown[] | Record<string, any>;
     modifiers: string | string[];
+    readonly: boolean;
+    required: boolean;
     icon: string | import("../VvIcon/index.js").VvIconProps;
     iconPosition: "before" | "after";
-    required: boolean;
     loading: boolean;
     loadingLabel: string;
     unselectable: boolean;
     multiple: boolean;
-    readonly: boolean;
     hintLabel: string;
     invalid: boolean;
     invalidLabel: string | unknown[];

package/dist/{components → src/components}/VvTextarea/VvTextarea.vue.d.ts

@@ -241,12 +241,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: string | number;
     disabled: boolean;
     modifiers: string | string[];
+    readonly: boolean;
+    required: boolean;
     icon: string | import("../VvIcon").VvIconProps;
     iconPosition: "before" | "after";
-    required: boolean;
     loading: boolean;
     loadingLabel: string;
-    readonly: boolean;
     hintLabel: string;
     invalid: boolean;
     invalidLabel: string | unknown[];