npm - @wlydfe/pro-ui - Versions diffs - 0.2.3 → 0.2.5 - Mend

@wlydfe/pro-ui 0.2.3 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (547) hide show

package/es/components/drawer-form/src/index.vue.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { PlusFormProps } from '@wlydfe/pro-ui/es/es/components/form';
-import type { FieldValues, PlusColumn } from '@wlydfe/pro-ui-types';
+import type { PlusFormProps } from '@wlydfe/pro-ui/es/components/form';
+import type { FieldValues, PlusColumn } from '@wlydfe/pro-ui/es/types';
 import type { FormInstance } from 'element-plus';
 export interface PlusDrawerFormProps {
     modelValue?: FieldValues;
@@ -45,7 +45,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     props: any;
     emit: (event: "reset" | "submit" | "update:modelValue" | "cancel" | "change" | "update:visible", ...args: any[]) => void;
-    t: import("@wlydfe/pro-ui-hooks").Translator;
+    t: import("@wlydfe/pro-ui/es/hooks").Translator;
     formInstance: import("vue").Ref<any, any>;
     computedFormInstance: import("vue").ComputedRef<FormInstance>;
     drawerInstance: import("vue").Ref<({
@@ -79,9 +79,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }> & Omit<{
             readonly size: string | number;
             readonly modelValue: boolean;
+            readonly closeOnPressEscape: boolean;
+            readonly appendTo: string | HTMLElement;
             readonly title: string;
             readonly center: boolean;
-            readonly appendTo: string | HTMLElement;
             readonly showClose: boolean;
             readonly direction: "ltr" | "rtl" | "ttb" | "btt";
             readonly withHeader: boolean;
@@ -90,7 +91,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly appendToBody: boolean;
             readonly destroyOnClose: boolean;
             readonly closeOnClickModal: boolean;
-            readonly closeOnPressEscape: boolean;
             readonly lockScroll: boolean;
             readonly modal: boolean;
             readonly openDelay: number;
@@ -117,7 +117,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             onClosed?: (() => any) | undefined;
             onOpenAutoFocus?: (() => any) | undefined;
             onCloseAutoFocus?: (() => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "modelValue" | "title" | "center" | "appendTo" | "showClose" | "direction" | "withHeader" | "modalFade" | "headerAriaLevel" | "appendToBody" | "destroyOnClose" | "closeOnClickModal" | "closeOnPressEscape" | "lockScroll" | "modal" | "openDelay" | "closeDelay" | "trapFocus" | "alignCenter" | "draggable" | "overflow" | "fullscreen" | "ariaLevel">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "modelValue" | "closeOnPressEscape" | "appendTo" | "title" | "center" | "showClose" | "direction" | "withHeader" | "modalFade" | "headerAriaLevel" | "appendToBody" | "destroyOnClose" | "closeOnClickModal" | "lockScroll" | "modal" | "openDelay" | "closeDelay" | "trapFocus" | "alignCenter" | "draggable" | "overflow" | "fullscreen" | "ariaLevel">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -130,7 +130,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
         $host: Element | null;
-        $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "open") => void) & ((event: "close") => void) & ((event: "opened") => void) & ((event: "closed") => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void);
+        $emit: ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "close") => void) & ((event: "opened") => void) & ((event: "closed") => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             readonly direction: {
@@ -558,7 +558,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onClosed?: (() => any) | undefined;
         onOpenAutoFocus?: (() => any) | undefined;
         onCloseAutoFocus?: (() => any) | undefined;
-    }, "size" | "modelValue" | "title" | "center" | "appendTo" | "showClose" | "direction" | "withHeader" | "modalFade" | "headerAriaLevel" | "appendToBody" | "destroyOnClose" | "closeOnClickModal" | "closeOnPressEscape" | "lockScroll" | "modal" | "openDelay" | "closeDelay" | "trapFocus" | "alignCenter" | "draggable" | "overflow" | "fullscreen" | "ariaLevel" | "handleClose" | "afterEnter" | "afterLeave"> & import("vue").ShallowUnwrapRef<{
+    }, "size" | "modelValue" | "closeOnPressEscape" | "appendTo" | "title" | "center" | "showClose" | "direction" | "withHeader" | "modalFade" | "headerAriaLevel" | "appendToBody" | "destroyOnClose" | "closeOnClickModal" | "lockScroll" | "modal" | "openDelay" | "closeDelay" | "trapFocus" | "alignCenter" | "draggable" | "overflow" | "fullscreen" | "ariaLevel" | "handleClose" | "afterEnter" | "afterLeave"> & import("vue").ShallowUnwrapRef<{
         handleClose: () => void;
         afterEnter: () => void;
         afterLeave: () => void;
@@ -604,9 +604,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }> & Omit<{
             readonly size: string | number;
             readonly modelValue: boolean;
+            readonly closeOnPressEscape: boolean;
+            readonly appendTo: string | HTMLElement;
             readonly title: string;
             readonly center: boolean;
-            readonly appendTo: string | HTMLElement;
             readonly showClose: boolean;
             readonly direction: "ltr" | "rtl" | "ttb" | "btt";
             readonly withHeader: boolean;
@@ -615,7 +616,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly appendToBody: boolean;
             readonly destroyOnClose: boolean;
             readonly closeOnClickModal: boolean;
-            readonly closeOnPressEscape: boolean;
             readonly lockScroll: boolean;
             readonly modal: boolean;
             readonly openDelay: number;
@@ -642,7 +642,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             onClosed?: (() => any) | undefined;
             onOpenAutoFocus?: (() => any) | undefined;
             onCloseAutoFocus?: (() => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "modelValue" | "title" | "center" | "appendTo" | "showClose" | "direction" | "withHeader" | "modalFade" | "headerAriaLevel" | "appendToBody" | "destroyOnClose" | "closeOnClickModal" | "closeOnPressEscape" | "lockScroll" | "modal" | "openDelay" | "closeDelay" | "trapFocus" | "alignCenter" | "draggable" | "overflow" | "fullscreen" | "ariaLevel">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "modelValue" | "closeOnPressEscape" | "appendTo" | "title" | "center" | "showClose" | "direction" | "withHeader" | "modalFade" | "headerAriaLevel" | "appendToBody" | "destroyOnClose" | "closeOnClickModal" | "lockScroll" | "modal" | "openDelay" | "closeDelay" | "trapFocus" | "alignCenter" | "draggable" | "overflow" | "fullscreen" | "ariaLevel">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -655,7 +655,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
         $host: Element | null;
-        $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "open") => void) & ((event: "close") => void) & ((event: "opened") => void) & ((event: "closed") => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void);
+        $emit: ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "close") => void) & ((event: "opened") => void) & ((event: "closed") => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             readonly direction: {
@@ -1083,7 +1083,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onClosed?: (() => any) | undefined;
         onOpenAutoFocus?: (() => any) | undefined;
         onCloseAutoFocus?: (() => any) | undefined;
-    }, "size" | "modelValue" | "title" | "center" | "appendTo" | "showClose" | "direction" | "withHeader" | "modalFade" | "headerAriaLevel" | "appendToBody" | "destroyOnClose" | "closeOnClickModal" | "closeOnPressEscape" | "lockScroll" | "modal" | "openDelay" | "closeDelay" | "trapFocus" | "alignCenter" | "draggable" | "overflow" | "fullscreen" | "ariaLevel" | "handleClose" | "afterEnter" | "afterLeave"> & import("vue").ShallowUnwrapRef<{
+    }, "size" | "modelValue" | "closeOnPressEscape" | "appendTo" | "title" | "center" | "showClose" | "direction" | "withHeader" | "modalFade" | "headerAriaLevel" | "appendToBody" | "destroyOnClose" | "closeOnClickModal" | "lockScroll" | "modal" | "openDelay" | "closeDelay" | "trapFocus" | "alignCenter" | "draggable" | "overflow" | "fullscreen" | "ariaLevel" | "handleClose" | "afterEnter" | "afterLeave"> & import("vue").ShallowUnwrapRef<{
         handleClose: () => void;
         afterEnter: () => void;
         afterLeave: () => void;
@@ -1214,7 +1214,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {
         props: any;
         emit: (event: "reset" | "submit" | "update:modelValue" | "change" | "submitError", ...args: any[]) => void;
-        t: import("@wlydfe/pro-ui-hooks").Translator;
+        t: import("@wlydfe/pro-ui/es/hooks").Translator;
         formInstance: import("vue").Ref<FormInstance | undefined, FormInstance | undefined>;
         values: import("vue").Ref<FieldValues, FieldValues>;
         filterHide: (columns: PlusColumn[]) => PlusColumn[];
@@ -1249,7 +1249,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     __epPropKey: true;
                 };
                 readonly labelPosition: {
-                    readonly type: import("vue").PropType<"right" | "top" | "left">;
+                    readonly type: import("vue").PropType<"top" | "right" | "left">;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -1332,7 +1332,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 readonly disabled: boolean;
                 readonly inline: boolean;
                 readonly labelWidth: string | number;
-                readonly labelPosition: "right" | "top" | "left";
+                readonly labelPosition: "top" | "right" | "left";
                 readonly inlineMessage: boolean;
                 readonly showMessage: boolean;
                 readonly requireAsteriskPosition: "right" | "left";
@@ -1358,7 +1358,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     __epPropKey: true;
                 };
                 readonly labelPosition: {
-                    readonly type: import("vue").PropType<"right" | "top" | "left">;
+                    readonly type: import("vue").PropType<"top" | "right" | "left">;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -1439,7 +1439,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 readonly disabled: boolean;
                 readonly inline: boolean;
                 readonly labelWidth: string | number;
-                readonly labelPosition: "right" | "top" | "left";
+                readonly labelPosition: "top" | "right" | "left";
                 readonly inlineMessage: boolean;
                 readonly showMessage: boolean;
                 readonly requireAsteriskPosition: "right" | "left";
@@ -1462,7 +1462,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 __epPropKey: true;
             };
             readonly labelPosition: {
-                readonly type: import("vue").PropType<"right" | "top" | "left">;
+                readonly type: import("vue").PropType<"top" | "right" | "left">;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -1545,7 +1545,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly disabled: boolean;
             readonly inline: boolean;
             readonly labelWidth: string | number;
-            readonly labelPosition: "right" | "top" | "left";
+            readonly labelPosition: "top" | "right" | "left";
             readonly inlineMessage: boolean;
             readonly showMessage: boolean;
             readonly requireAsteriskPosition: "right" | "left";
@@ -1572,7 +1572,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         readonly default: "";
                     };
                     readonly labelPosition: {
-                        readonly type: import("vue").PropType<"" | "right" | "top" | "left">;
+                        readonly type: import("vue").PropType<"" | "top" | "right" | "left">;
                         readonly required: false;
                         readonly validator: ((val: unknown) => boolean) | undefined;
                         __epPropKey: true;
@@ -1639,7 +1639,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
                     readonly required: boolean;
                     readonly labelWidth: string | number;
-                    readonly labelPosition: "" | "right" | "top" | "left";
+                    readonly labelPosition: "" | "top" | "right" | "left";
                     readonly inlineMessage: string | boolean;
                     readonly showMessage: boolean;
                 }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -1660,7 +1660,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         readonly default: "";
                     };
                     readonly labelPosition: {
-                        readonly type: import("vue").PropType<"" | "right" | "top" | "left">;
+                        readonly type: import("vue").PropType<"" | "top" | "right" | "left">;
                         readonly required: false;
                         readonly validator: ((val: unknown) => boolean) | undefined;
                         __epPropKey: true;
@@ -1727,7 +1727,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, {
                     readonly required: boolean;
                     readonly labelWidth: string | number;
-                    readonly labelPosition: "" | "right" | "top" | "left";
+                    readonly labelPosition: "" | "top" | "right" | "left";
                     readonly inlineMessage: string | boolean;
                     readonly showMessage: boolean;
                 }>;
@@ -1745,7 +1745,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     readonly default: "";
                 };
                 readonly labelPosition: {
-                    readonly type: import("vue").PropType<"" | "right" | "top" | "left">;
+                    readonly type: import("vue").PropType<"" | "top" | "right" | "left">;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -1812,7 +1812,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
                 readonly required: boolean;
                 readonly labelWidth: string | number;
-                readonly labelPosition: "" | "right" | "top" | "left";
+                readonly labelPosition: "" | "top" | "right" | "left";
                 readonly inlineMessage: string | boolean;
                 readonly showMessage: boolean;
             }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -1857,7 +1857,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 readonly bodyClass: StringConstructor;
                 readonly footerClass: StringConstructor;
                 readonly shadow: {
-                    readonly type: import("vue").PropType<"hover" | "always" | "never">;
+                    readonly type: import("vue").PropType<"always" | "never" | "hover">;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -1868,7 +1868,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 readonly footer: string;
                 readonly header: string;
                 readonly bodyStyle: import("vue").StyleValue;
-                readonly shadow: "hover" | "always" | "never";
+                readonly shadow: "always" | "never" | "hover";
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -1905,7 +1905,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 readonly bodyClass: StringConstructor;
                 readonly footerClass: StringConstructor;
                 readonly shadow: {
-                    readonly type: import("vue").PropType<"hover" | "always" | "never">;
+                    readonly type: import("vue").PropType<"always" | "never" | "hover">;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -1916,7 +1916,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 readonly footer: string;
                 readonly header: string;
                 readonly bodyStyle: import("vue").StyleValue;
-                readonly shadow: "hover" | "always" | "never";
+                readonly shadow: "always" | "never" | "hover";
             }>;
             __isFragment?: undefined;
             __isTeleport?: undefined;
@@ -1950,7 +1950,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly bodyClass: StringConstructor;
             readonly footerClass: StringConstructor;
             readonly shadow: {
-                readonly type: import("vue").PropType<"hover" | "always" | "never">;
+                readonly type: import("vue").PropType<"always" | "never" | "hover">;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -1961,7 +1961,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly footer: string;
             readonly header: string;
             readonly bodyStyle: import("vue").StyleValue;
-            readonly shadow: "hover" | "always" | "never";
+            readonly shadow: "always" | "never" | "hover";
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: {
                 header?(_: {}): any;
@@ -2454,7 +2454,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             emit: (event: "update:modelValue" | "change", ...args: any[]) => void;
             values: import("vue").Ref<FieldValues, FieldValues>;
             getHasLabel: (hasLabel?: boolean | import("vue").Ref<boolean, boolean> | import("vue").ComputedRef<boolean> | undefined) => any;
-            handleChange: (value: import("@wlydfe/pro-ui-types").FieldValueType, column: PlusColumn) => void;
+            handleChange: (value: import("@wlydfe/pro-ui/es/types").FieldValueType, column: PlusColumn) => void;
             readonly ElRow: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                     readonly tag: {
@@ -2474,7 +2474,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         readonly default: 0;
                     };
                     readonly justify: {
-                        readonly type: import("vue").PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+                        readonly type: import("vue").PropType<"start" | "end" | "center" | "space-around" | "space-between" | "space-evenly">;
                         readonly required: false;
                         readonly validator: ((val: unknown) => boolean) | undefined;
                         __epPropKey: true;
@@ -2488,7 +2488,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         __epPropKey: true;
                     };
                 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
-                    readonly justify: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
+                    readonly justify: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
                     readonly tag: string;
                     readonly gutter: number;
                 }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -2516,7 +2516,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         readonly default: 0;
                     };
                     readonly justify: {
-                        readonly type: import("vue").PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+                        readonly type: import("vue").PropType<"start" | "end" | "center" | "space-around" | "space-between" | "space-evenly">;
                         readonly required: false;
                         readonly validator: ((val: unknown) => boolean) | undefined;
                         __epPropKey: true;
@@ -2530,7 +2530,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         __epPropKey: true;
                     };
                 }>>, {}, {}, {}, {}, {
-                    readonly justify: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
+                    readonly justify: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
                     readonly tag: string;
                     readonly gutter: number;
                 }>;
@@ -2555,7 +2555,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     readonly default: 0;
                 };
                 readonly justify: {
-                    readonly type: import("vue").PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+                    readonly type: import("vue").PropType<"start" | "end" | "center" | "space-around" | "space-between" | "space-evenly">;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -2569,7 +2569,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     __epPropKey: true;
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-                readonly justify: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
+                readonly justify: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
                 readonly tag: string;
                 readonly gutter: number;
             }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -2964,8 +2964,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 ElText: import("vue").Component;
                 props: any;
                 emit: (event: "update:modelValue" | "change", ...args: any[]) => void;
-                t: import("@wlydfe/pro-ui-hooks").Translator;
-                customOptions: import("vue").Ref<import("@wlydfe/pro-ui-types").OptionsRow[], import("@wlydfe/pro-ui-types").OptionsRow[]>;
+                t: import("@wlydfe/pro-ui/es/hooks").Translator;
+                customOptions: import("vue").Ref<import("@wlydfe/pro-ui/es/types").OptionsRow[], import("@wlydfe/pro-ui/es/types").OptionsRow[]>;
                 customOptionsIsReady: import("vue").Ref<boolean, boolean>;
                 formItemInstance: import("vue").Ref<({
                     $: import("vue").ComponentInternalInstance;
@@ -2973,23 +2973,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     $props: Partial<{
                         readonly required: boolean;
                         readonly labelWidth: string | number;
-                        readonly labelPosition: "" | "right" | "top" | "left";
+                        readonly labelPosition: "" | "top" | "right" | "left";
                         readonly inlineMessage: string | boolean;
                         readonly showMessage: boolean;
                     }> & Omit<{
+                        readonly labelPosition: "" | "top" | "right" | "left";
                         readonly labelWidth: string | number;
-                        readonly labelPosition: "" | "right" | "top" | "left";
                         readonly inlineMessage: string | boolean;
                         readonly showMessage: boolean;
                         readonly label?: string | undefined;
                         readonly size?: ("" | "default" | "small" | "large") | undefined;
                         readonly required?: boolean | undefined;
-                        readonly prop?: import("element-plus").FormItemProp | undefined;
                         readonly rules?: (import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | undefined;
+                        readonly prop?: import("element-plus").FormItemProp | undefined;
                         readonly error?: string | undefined;
                         readonly validateStatus?: ("" | "success" | "error" | "validating") | undefined;
                         readonly for?: string | undefined;
-                    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage">;
+                    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "labelPosition" | "labelWidth" | "inlineMessage" | "showMessage">;
                     $attrs: {
                         [x: string]: unknown;
                     };
@@ -3015,7 +3015,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             readonly default: "";
                         };
                         readonly labelPosition: {
-                            readonly type: import("vue").PropType<"" | "right" | "top" | "left">;
+                            readonly type: import("vue").PropType<"" | "top" | "right" | "left">;
                             readonly required: false;
                             readonly validator: ((val: unknown) => boolean) | undefined;
                             __epPropKey: true;
@@ -3082,7 +3082,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
                         readonly required: boolean;
                         readonly labelWidth: string | number;
-                        readonly labelPosition: "" | "right" | "top" | "left";
+                        readonly labelPosition: "" | "top" | "right" | "left";
                         readonly inlineMessage: string | boolean;
                         readonly showMessage: boolean;
                     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
@@ -3108,7 +3108,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 } & Readonly<{
                     readonly required: boolean;
                     readonly labelWidth: string | number;
-                    readonly labelPosition: "" | "right" | "top" | "left";
+                    readonly labelPosition: "" | "top" | "right" | "left";
                     readonly inlineMessage: string | boolean;
                     readonly showMessage: boolean;
                 }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -3122,7 +3122,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         readonly default: "";
                     };
                     readonly labelPosition: {
-                        readonly type: import("vue").PropType<"" | "right" | "top" | "left">;
+                        readonly type: import("vue").PropType<"" | "top" | "right" | "left">;
                         readonly required: false;
                         readonly validator: ((val: unknown) => boolean) | undefined;
                         __epPropKey: true;
@@ -3179,7 +3179,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         readonly validator: ((val: unknown) => boolean) | undefined;
                         __epPropKey: true;
                     };
-                }>>, "size" | "required" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "validateMessage" | "validateState" | "validate" | "clearValidate" | "resetField"> & import("vue").ShallowUnwrapRef<{
+                }>>, "size" | "required" | "labelPosition" | "labelWidth" | "inlineMessage" | "showMessage" | "validateMessage" | "validateState" | "validate" | "clearValidate" | "resetField"> & import("vue").ShallowUnwrapRef<{
                     size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
                     validateMessage: import("vue").Ref<string, string>;
                     validateState: import("vue").Ref<"" | "success" | "error" | "validating", "" | "success" | "error" | "validating">;
@@ -3202,23 +3202,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     $props: Partial<{
                         readonly required: boolean;
                         readonly labelWidth: string | number;
-                        readonly labelPosition: "" | "right" | "top" | "left";
+                        readonly labelPosition: "" | "top" | "right" | "left";
                         readonly inlineMessage: string | boolean;
                         readonly showMessage: boolean;
                     }> & Omit<{
+                        readonly labelPosition: "" | "top" | "right" | "left";
                         readonly labelWidth: string | number;
-                        readonly labelPosition: "" | "right" | "top" | "left";
                         readonly inlineMessage: string | boolean;
                         readonly showMessage: boolean;
                         readonly label?: string | undefined;
                         readonly size?: ("" | "default" | "small" | "large") | undefined;
                         readonly required?: boolean | undefined;
-                        readonly prop?: import("element-plus").FormItemProp | undefined;
                         readonly rules?: (import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | undefined;
+                        readonly prop?: import("element-plus").FormItemProp | undefined;
                         readonly error?: string | undefined;
                         readonly validateStatus?: ("" | "success" | "error" | "validating") | undefined;
                         readonly for?: string | undefined;
-                    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage">;
+                    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "labelPosition" | "labelWidth" | "inlineMessage" | "showMessage">;
                     $attrs: {
                         [x: string]: unknown;
                     };
@@ -3244,7 +3244,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             readonly default: "";
                         };
                         readonly labelPosition: {
-                            readonly type: import("vue").PropType<"" | "right" | "top" | "left">;
+                            readonly type: import("vue").PropType<"" | "top" | "right" | "left">;
                             readonly required: false;
                             readonly validator: ((val: unknown) => boolean) | undefined;
                             __epPropKey: true;
@@ -3311,7 +3311,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
                         readonly required: boolean;
                         readonly labelWidth: string | number;
-                        readonly labelPosition: "" | "right" | "top" | "left";
+                        readonly labelPosition: "" | "top" | "right" | "left";
                         readonly inlineMessage: string | boolean;
                         readonly showMessage: boolean;
                     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
@@ -3337,7 +3337,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 } & Readonly<{
                     readonly required: boolean;
                     readonly labelWidth: string | number;
-                    readonly labelPosition: "" | "right" | "top" | "left";
+                    readonly labelPosition: "" | "top" | "right" | "left";
                     readonly inlineMessage: string | boolean;
                     readonly showMessage: boolean;
                 }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -3351,7 +3351,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         readonly default: "";
                     };
                     readonly labelPosition: {
-                        readonly type: import("vue").PropType<"" | "right" | "top" | "left">;
+                        readonly type: import("vue").PropType<"" | "top" | "right" | "left">;
                         readonly required: false;
                         readonly validator: ((val: unknown) => boolean) | undefined;
                         __epPropKey: true;
@@ -3408,7 +3408,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         readonly validator: ((val: unknown) => boolean) | undefined;
                         __epPropKey: true;
                     };
-                }>>, "size" | "required" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "validateMessage" | "validateState" | "validate" | "clearValidate" | "resetField"> & import("vue").ShallowUnwrapRef<{
+                }>>, "size" | "required" | "labelPosition" | "labelWidth" | "inlineMessage" | "showMessage" | "validateMessage" | "validateState" | "validate" | "clearValidate" | "resetField"> & import("vue").ShallowUnwrapRef<{
                     size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
                     validateMessage: import("vue").Ref<string, string>;
                     validateState: import("vue").Ref<"" | "success" | "error" | "validating", "" | "success" | "error" | "validating">;
@@ -3429,7 +3429,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 fieldInstance: import("vue").Ref<any, any>;
                 customFormItemProps: import("vue").Ref<any, any>;
                 customFieldProps: import("vue").Ref<any, any>;
-                state: import("vue").Ref<import("@wlydfe/pro-ui-types").FieldValueType, import("@wlydfe/pro-ui-types").FieldValueType>;
+                state: import("vue").Ref<import("@wlydfe/pro-ui/es/types").FieldValueType, import("@wlydfe/pro-ui/es/types").FieldValueType>;
                 customFieldPropsIsReady: import("vue").Ref<boolean, boolean>;
                 valueIsReady: import("vue").Ref<boolean, boolean>;
                 isArrayValue: import("vue").ComputedRef<boolean>;
@@ -3439,7 +3439,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 handleChange: (val: any) => void;
                 handleSelect: ({ value }: any) => void;
                 readonly isFunction: (val: any) => boolean;
-                readonly getTooltip: (tooltip: string | import("element-plus").ElTooltipProps | undefined) => import("@wlydfe/pro-ui-types").RecordType | undefined;
+                readonly getTooltip: (tooltip: string | import("element-plus").ElTooltipProps | undefined) => import("@wlydfe/pro-ui/es/types").RecordType | undefined;
                 readonly getLabelSlotName: (prop?: string | number | undefined) => string;
                 readonly getFieldSlotName: (prop?: string | number | undefined) => string;
                 readonly versionIsLessThan260: boolean;
@@ -3816,16 +3816,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         }> & Omit<{
                             readonly fill: string;
                             readonly disabled: boolean;
-                            readonly textColor: string;
                             readonly validateEvent: boolean;
+                            readonly textColor: string;
                             readonly size?: ("" | "default" | "small" | "large") | undefined;
                             readonly name?: string | undefined;
                             readonly modelValue?: (string | number | boolean) | undefined;
-                            readonly ariaLabel?: string | undefined;
                             readonly id?: string | undefined;
+                            readonly ariaLabel?: string | undefined;
                             "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
                             onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
-                        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "fill" | "disabled" | "name" | "modelValue" | "id" | "textColor" | "validateEvent">;
+                        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "fill" | "disabled" | "name" | "validateEvent" | "modelValue" | "id" | "textColor">;
                         $attrs: {
                             [x: string]: unknown;
                         };
@@ -3999,7 +3999,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>> & {
                         "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
                         onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
-                    }, "fill" | "disabled" | "name" | "modelValue" | "id" | "textColor" | "validateEvent"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+                    }, "fill" | "disabled" | "name" | "validateEvent" | "modelValue" | "id" | "textColor"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
                         $slots: {
                             default?(_: {}): any;
                         };
@@ -4017,16 +4017,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         }> & Omit<{
                             readonly fill: string;
                             readonly disabled: boolean;
-                            readonly textColor: string;
                             readonly validateEvent: boolean;
+                            readonly textColor: string;
                             readonly size?: ("" | "default" | "small" | "large") | undefined;
                             readonly name?: string | undefined;
                             readonly modelValue?: (string | number | boolean) | undefined;
-                            readonly ariaLabel?: string | undefined;
                             readonly id?: string | undefined;
+                            readonly ariaLabel?: string | undefined;
                             "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
                             onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
-                        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "fill" | "disabled" | "name" | "modelValue" | "id" | "textColor" | "validateEvent">;
+                        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "fill" | "disabled" | "name" | "validateEvent" | "modelValue" | "id" | "textColor">;
                         $attrs: {
                             [x: string]: unknown;
                         };
@@ -4200,7 +4200,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>> & {
                         "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
                         onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
-                    }, "fill" | "disabled" | "name" | "modelValue" | "id" | "textColor" | "validateEvent"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+                    }, "fill" | "disabled" | "name" | "validateEvent" | "modelValue" | "id" | "textColor"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
                         $slots: {
                             default?(_: {}): any;
                         };
@@ -4209,7 +4209,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     attrs: {
                         [x: string]: unknown;
                     };
-                    radioClick: (e: MouseEvent, val: string | number | boolean, fieldItemProps: import("@wlydfe/pro-ui-types").RecordType | undefined) => void;
+                    radioClick: (e: MouseEvent, val: string | number | boolean, fieldItemProps: import("@wlydfe/pro-ui/es/types").RecordType | undefined) => void;
                     change: (val: string | number | boolean) => void;
                     readonly ElRadio: ({
                         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -5083,11 +5083,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>, {
                     props: any;
-                    emit: (event: "update:modelValue" | "change" | "focus", ...args: any[]) => void;
-                    t: import("@wlydfe/pro-ui-hooks").Translator;
+                    emit: (event: "focus" | "update:modelValue" | "change", ...args: any[]) => void;
+                    t: import("@wlydfe/pro-ui/es/hooks").Translator;
                     startPickerInstance: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                         readonly type: {
-                            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
+                            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
                             readonly required: false;
                             readonly validator: ((val: unknown) => boolean) | undefined;
                             __epPropKey: true;
@@ -5298,7 +5298,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
                         readonly disabled: boolean;
-                        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
+                        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
                         readonly placeholder: string;
                         readonly modelValue: import("element-plus").ModelValueType;
                         readonly placement: import("element-plus").Placement;
@@ -5328,7 +5328,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         Defaults: {};
                     }, Readonly<import("vue").ExtractPropTypes<{
                         readonly type: {
-                            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
+                            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
                             readonly required: false;
                             readonly validator: ((val: unknown) => boolean) | undefined;
                             __epPropKey: true;
@@ -5539,7 +5539,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                     }, () => JSX.Element, {}, {}, {}, {
                         readonly disabled: boolean;
-                        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
+                        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
                         readonly placeholder: string;
                         readonly modelValue: import("element-plus").ModelValueType;
                         readonly placement: import("element-plus").Placement;
@@ -5562,7 +5562,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         readonly isRange: boolean;
                     }> | null | undefined, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                         readonly type: {
-                            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
+                            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
                             readonly required: false;
                             readonly validator: ((val: unknown) => boolean) | undefined;
                             __epPropKey: true;
@@ -5773,7 +5773,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
                         readonly disabled: boolean;
-                        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
+                        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
                         readonly placeholder: string;
                         readonly modelValue: import("element-plus").ModelValueType;
                         readonly placement: import("element-plus").Placement;
@@ -5803,7 +5803,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         Defaults: {};
                     }, Readonly<import("vue").ExtractPropTypes<{
                         readonly type: {
-                            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
+                            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
                             readonly required: false;
                             readonly validator: ((val: unknown) => boolean) | undefined;
                             __epPropKey: true;
@@ -6014,7 +6014,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                     }, () => JSX.Element, {}, {}, {}, {
                         readonly disabled: boolean;
-                        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
+                        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
                         readonly placeholder: string;
                         readonly modelValue: import("element-plus").ModelValueType;
                         readonly placement: import("element-plus").Placement;
@@ -6038,7 +6038,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }> | null | undefined>;
                     endPickerInstance: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                         readonly type: {
-                            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
+                            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
                             readonly required: false;
                             readonly validator: ((val: unknown) => boolean) | undefined;
                             __epPropKey: true;
@@ -6249,7 +6249,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
                         readonly disabled: boolean;
-                        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
+                        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
                         readonly placeholder: string;
                         readonly modelValue: import("element-plus").ModelValueType;
                         readonly placement: import("element-plus").Placement;
@@ -6279,7 +6279,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         Defaults: {};
                     }, Readonly<import("vue").ExtractPropTypes<{
                         readonly type: {
-                            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
+                            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
                             readonly required: false;
                             readonly validator: ((val: unknown) => boolean) | undefined;
                             __epPropKey: true;
@@ -6490,7 +6490,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                     }, () => JSX.Element, {}, {}, {}, {
                         readonly disabled: boolean;
-                        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
+                        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
                         readonly placeholder: string;
                         readonly modelValue: import("element-plus").ModelValueType;
                         readonly placement: import("element-plus").Placement;
@@ -6513,7 +6513,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         readonly isRange: boolean;
                     }> | null | undefined, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                         readonly type: {
-                            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
+                            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
                             readonly required: false;
                             readonly validator: ((val: unknown) => boolean) | undefined;
                             __epPropKey: true;
@@ -6724,7 +6724,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
                         readonly disabled: boolean;
-                        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
+                        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
                         readonly placeholder: string;
                         readonly modelValue: import("element-plus").ModelValueType;
                         readonly placement: import("element-plus").Placement;
@@ -6754,7 +6754,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         Defaults: {};
                     }, Readonly<import("vue").ExtractPropTypes<{
                         readonly type: {
-                            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
+                            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
                             readonly required: false;
                             readonly validator: ((val: unknown) => boolean) | undefined;
                             __epPropKey: true;
@@ -6965,7 +6965,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                     }, () => JSX.Element, {}, {}, {}, {
                         readonly disabled: boolean;
-                        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
+                        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
                         readonly placeholder: string;
                         readonly modelValue: import("element-plus").ModelValueType;
                         readonly placement: import("element-plus").Placement;
@@ -6997,7 +6997,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     readonly ElDatePicker: {
                         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                             readonly type: {
-                                readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
+                                readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
                                 readonly required: false;
                                 readonly validator: ((val: unknown) => boolean) | undefined;
                                 __epPropKey: true;
@@ -7208,7 +7208,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
                             readonly disabled: boolean;
-                            readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
+                            readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
                             readonly placeholder: string;
                             readonly modelValue: import("element-plus").ModelValueType;
                             readonly placement: import("element-plus").Placement;
@@ -7238,7 +7238,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             Defaults: {};
                         }, Readonly<import("vue").ExtractPropTypes<{
                             readonly type: {
-                                readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
+                                readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
                                 readonly required: false;
                                 readonly validator: ((val: unknown) => boolean) | undefined;
                                 __epPropKey: true;
@@ -7449,7 +7449,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                         }, () => JSX.Element, {}, {}, {}, {
                             readonly disabled: boolean;
-                            readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
+                            readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
                             readonly placeholder: string;
                             readonly modelValue: import("element-plus").ModelValueType;
                             readonly placement: import("element-plus").Placement;
@@ -7476,7 +7476,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         __isSuspense?: undefined;
                     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                         readonly type: {
-                            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
+                            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
                             readonly required: false;
                             readonly validator: ((val: unknown) => boolean) | undefined;
                             __epPropKey: true;
@@ -7687,7 +7687,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", {
                         readonly disabled: boolean;
-                        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
+                        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
                         readonly placeholder: string;
                         readonly modelValue: import("element-plus").ModelValueType;
                         readonly placement: import("element-plus").Placement;
@@ -7710,7 +7710,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         readonly isRange: boolean;
                     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
                     readonly vClickOutside: import("vue").ObjectDirective<any, any, string, string>;
-                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "focus")[], "update:modelValue" | "change" | "focus", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "update:modelValue" | "change")[], "focus" | "update:modelValue" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     modelValue: {
                         type: ArrayConstructor;
                         required: false;
@@ -7757,9 +7757,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: (endTime: any, startValue: any) => boolean;
                     };
                 }>> & Readonly<{
+                    onFocus?: ((...args: any[]) => any) | undefined;
                     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                     onChange?: ((...args: any[]) => any) | undefined;
-                    onFocus?: ((...args: any[]) => any) | undefined;
                 }>, {
                     type: string;
                     modelValue: unknown[];
@@ -7818,7 +7818,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         inputValue: string;
                         isFocus: boolean;
                     };
-                    t: import("@wlydfe/pro-ui-hooks").Translator;
+                    t: import("@wlydfe/pro-ui/es/hooks").Translator;
                     onClickOutside: () => void;
                     handleClick: () => void;
                     handleClose: (tag: string) => void;
@@ -7965,7 +7965,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     readonly ElInput: {
                         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                             readonly inputmode: {
-                                readonly type: import("vue").PropType<"text" | "search" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined>;
+                                readonly type: import("vue").PropType<"text" | "search" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined>;
                                 readonly required: false;
                                 readonly validator: ((val: unknown) => boolean) | undefined;
                                 __epPropKey: true;
@@ -8018,7 +8018,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 readonly default: "text";
                             };
                             readonly resize: {
-                                readonly type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical">;
+                                readonly type: import("vue").PropType<"none" | "vertical" | "both" | "horizontal">;
                                 readonly required: false;
                                 readonly validator: ((val: unknown) => boolean) | undefined;
                                 __epPropKey: true;
@@ -8171,7 +8171,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             readonly validateEvent: boolean;
                             readonly inputStyle: import("vue").StyleValue;
                             readonly rows: number;
-                            readonly inputmode: "text" | "search" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined;
+                            readonly inputmode: "text" | "search" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
                             readonly clearable: boolean;
                             readonly showPassword: boolean;
                             readonly showWordLimit: boolean;
@@ -8185,7 +8185,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             Defaults: {};
                         }, Readonly<import("vue").ExtractPropTypes<{
                             readonly inputmode: {
-                                readonly type: import("vue").PropType<"text" | "search" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined>;
+                                readonly type: import("vue").PropType<"text" | "search" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined>;
                                 readonly required: false;
                                 readonly validator: ((val: unknown) => boolean) | undefined;
                                 __epPropKey: true;
@@ -8238,7 +8238,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 readonly default: "text";
                             };
                             readonly resize: {
-                                readonly type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical">;
+                                readonly type: import("vue").PropType<"none" | "vertical" | "both" | "horizontal">;
                                 readonly required: false;
                                 readonly validator: ((val: unknown) => boolean) | undefined;
                                 __epPropKey: true;
@@ -8378,7 +8378,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             readonly validateEvent: boolean;
                             readonly inputStyle: import("vue").StyleValue;
                             readonly rows: number;
-                            readonly inputmode: "text" | "search" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined;
+                            readonly inputmode: "text" | "search" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
                             readonly clearable: boolean;
                             readonly showPassword: boolean;
                             readonly showWordLimit: boolean;
@@ -8389,7 +8389,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         __isSuspense?: undefined;
                     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                         readonly inputmode: {
-                            readonly type: import("vue").PropType<"text" | "search" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined>;
+                            readonly type: import("vue").PropType<"text" | "search" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined>;
                             readonly required: false;
                             readonly validator: ((val: unknown) => boolean) | undefined;
                             __epPropKey: true;
@@ -8442,7 +8442,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             readonly default: "text";
                         };
                         readonly resize: {
-                            readonly type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical">;
+                            readonly type: import("vue").PropType<"none" | "vertical" | "both" | "horizontal">;
                             readonly required: false;
                             readonly validator: ((val: unknown) => boolean) | undefined;
                             __epPropKey: true;
@@ -8595,7 +8595,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         readonly validateEvent: boolean;
                         readonly inputStyle: import("vue").StyleValue;
                         readonly rows: number;
-                        readonly inputmode: "text" | "search" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined;
+                        readonly inputmode: "text" | "search" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
                         readonly clearable: boolean;
                         readonly showPassword: boolean;
                         readonly showWordLimit: boolean;
@@ -8647,9 +8647,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>> & Readonly<{
+                    onBlur?: ((...args: any[]) => any) | undefined;
                     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                     onChange?: ((...args: any[]) => any) | undefined;
-                    onBlur?: ((...args: any[]) => any) | undefined;
                     onRemove?: ((...args: any[]) => any) | undefined;
                     onEnter?: ((...args: any[]) => any) | undefined;
                     onSpace?: ((...args: any[]) => any) | undefined;
@@ -8811,14 +8811,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 options: any;
                 fieldSlots: any;
                 fieldChildrenSlot: any;
-                index: number;
-                hasLabel: any;
-                fieldProps: any;
                 valueType: any;
+                tooltip: any;
+                index: number;
                 formItemProps: any;
+                fieldProps: any;
                 renderField: any;
+                hasLabel: any;
                 renderLabel: any;
-                tooltip: any;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             readonly getLabelSlotName: (prop?: string | number | undefined) => string;
             readonly getFieldSlotName: (prop?: string | number | undefined) => string;
@@ -8856,9 +8856,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             modelValue: any;
             columns: unknown[];
+            colProps: Record<string, any>;
             hasLabel: boolean;
             rowProps: Record<string, any>;
-            colProps: Record<string, any>;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "submit" | "update:modelValue" | "change" | "submitError")[], "reset" | "submit" | "update:modelValue" | "change" | "submitError", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
@@ -8962,18 +8962,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onSubmitError?: ((...args: any[]) => any) | undefined;
     }>, {
         modelValue: any;
-        hasFooter: boolean;
-        footerAlign: string;
-        columns: unknown[];
-        hasLabel: boolean;
-        labelWidth: string;
-        labelPosition: string;
         rules: any;
+        labelPosition: string;
+        labelWidth: string;
+        labelSuffix: string;
         group: boolean | unknown[];
+        columns: unknown[];
+        colProps: Record<string, any>;
+        hasLabel: boolean;
+        hasFooter: boolean;
+        footerAlign: string;
         defaultValues: any;
         rowProps: Record<string, any>;
-        colProps: Record<string, any>;
-        labelSuffix: string;
         hasErrorTip: boolean;
         hasReset: boolean;
         submitText: string;
@@ -9650,17 +9650,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => {};
     };
 }>> & Readonly<{
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onSubmit?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;
 }>, {
     size: string | number;
     modelValue: any;
-    visible: boolean;
     form: any;
+    visible: boolean;
     drawer: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;