vft 0.0.290 → 0.0.293

package/lib/components/select/index.d.ts

@@ -240,12 +240,13 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -255,7 +256,6 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -658,12 +658,13 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -673,7 +674,6 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -1077,12 +1077,13 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -1092,7 +1093,6 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -1495,12 +1495,13 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -1510,7 +1511,6 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -2115,10 +2115,10 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
     "onVisible-change"?: ((visible: boolean) => any) | undefined;
     "onRemove-tag"?: ((val: unknown) => any) | undefined;
 }>, {
+    disabled: boolean;
     height: number;
     offset: number;
     props: import("./useProps").Props;
-    disabled: boolean;
     placement: import("@popperjs/core").Placement;
     effect: string;
     tabindex: string | number;

package/lib/components/select/select.vue.d.ts

@@ -236,12 +236,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -251,7 +252,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -654,12 +654,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -669,7 +670,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -1073,12 +1073,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -1088,7 +1089,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -1491,12 +1491,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -1506,7 +1507,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -2111,10 +2111,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onVisible-change"?: ((visible: boolean) => any) | undefined;
     "onRemove-tag"?: ((val: unknown) => any) | undefined;
 }>, {
+    disabled: boolean;
     height: number;
     offset: number;
     props: import("./useProps").Props;
-    disabled: boolean;
     placement: import("@popperjs/core").Placement;
     effect: string;
     tabindex: string | number;

package/lib/components/select/useSelect.d.ts

@@ -84,12 +84,13 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -99,7 +100,6 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -502,12 +502,13 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -517,7 +518,6 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -921,12 +921,13 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -936,7 +937,6 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
@@ -1339,12 +1339,13 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
         $data: {};
         $props: Partial<{}> & Omit<{
             readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly disabled?: boolean | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            readonly onBlur?: Function | undefined;
             readonly onClick?: Function | undefined;
+            readonly onBlur?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
             readonly onFocus?: Function | undefined;
             readonly onKeydown?: Function | undefined;
@@ -1354,7 +1355,6 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
-            readonly disabled?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;

package/lib/components/side-menu/index.d.ts

@@ -53,6 +53,8 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<boolean | {
             maxWidth?: number;
             minWidth?: number;
+            unit?: string | boolean;
+            baseUnitValue?: number;
         }>;
         default: boolean;
     };
@@ -144,6 +146,8 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<boolean | {
             maxWidth?: number;
             minWidth?: number;
+            unit?: string | boolean;
+            baseUnitValue?: number;
         }>;
         default: boolean;
     };
@@ -190,6 +194,8 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     dragWidthCfg: boolean | {
         maxWidth?: number;
         minWidth?: number;
+        unit?: string | boolean;
+        baseUnitValue?: number;
     };
     useRouterJump: boolean;
     autoScrollActiveDom: boolean | number;

package/lib/components/side-menu/side-menu.vue.d.ts

@@ -25,6 +25,8 @@ export interface MenuConProps {
     dragWidthCfg?: boolean | {
         maxWidth?: number;
         minWidth?: number;
+        unit?: string | boolean;
+        baseUnitValue?: number;
     };
     /** 是否使用菜单组件内部的选中事件 */
     useRouterJump?: boolean;
@@ -111,6 +113,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     dragWidthCfg: boolean | {
         maxWidth?: number;
         minWidth?: number;
+        unit?: string | boolean;
+        baseUnitValue?: number;
     };
     useRouterJump: boolean;
     autoScrollActiveDom: boolean | number;

package/lib/components/side-menu/use-drag-line.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@vft/use"),u=require("vue");function W(l,d,r){const a=r.props?.dragWidthCfg?.minWidth||200;u.onMounted(()=>{u.nextTick(()=>{f.useDebounceFn(h,100)()})});function s(e){const n=u.unref(e);return n?Reflect.has(n,"$el")?u.unref(e)?.$el:u.unref(e):null}function m(e,n,i){document.onmousemove=function(o){let t=e.left+(o.clientX-i);o=o||window.event;const c=r.props?.dragWidthCfg?.maxWidth||800,g=u.unref(a);return t<=g?void 0:(t<0&&(t=0),t>c&&(t=c),e.style.left=t+"px",f.useThrottleFn(()=>{r.emit("update:width",t)},150)(),!1)}}function p(e){document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null,e.releaseCapture?.()}}function h(){const e=s(d);if(!e)return;const n=s(l);n&&(e.onmousedown=i=>{const o=i?.clientX;return e.left=e.offsetLeft,m(e,n,o),p(e),e.setCapture?.(),!1})}return{}}exports.useDragLine=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@vft/use"),v=require("@vft/utils"),u=require("vue");function w(l,a,o){const p=o.props?.dragWidthCfg?.minWidth||200;u.onMounted(()=>{u.nextTick(()=>{f.useDebounceFn(g,100)()})});function s(e){const t=u.unref(e);return t?Reflect.has(t,"$el")?u.unref(e)?.$el:u.unref(e):null}function m(e,t,i){document.onmousemove=function(r){let n=e.left+(r.clientX-i);r=r||window.event;const c=o.props?.dragWidthCfg?.maxWidth||800,W=u.unref(p);if(n<=W)return;n<0&&(n=0),n>c&&(n=c);const d=v.addUnit(n,o.props?.dragWidthCfg?.unit,o.props?.dragWidthCfg?.baseUnitValue);return e.style.left=d,f.useThrottleFn(()=>{o.emit("update:width",d)},150)(),!1}}function h(e){document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null,e.releaseCapture?.()}}function g(){const e=s(a);if(!e)return;const t=s(l);t&&(e.onmousedown=i=>{const r=i?.clientX;return e.left=e.offsetLeft,m(e,t,r),h(e),e.setCapture?.(),!1})}return{}}exports.useDragLine=w;

package/lib/components/space/index.d.ts

@@ -16,7 +16,7 @@ export declare const VftSpace: import("vft/es/utils").SFCWithInstall<import("vue
     readonly fill: BooleanConstructor;
     readonly fillRatio: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -44,17 +44,17 @@ export declare const VftSpace: import("vft/es/utils").SFCWithInstall<import("vue
     readonly fill: BooleanConstructor;
     readonly fillRatio: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
 }>> & Readonly<{}>, {
-    readonly fill: boolean;
     readonly style: import("vue").StyleValue;
     readonly spacer: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").VNodeChild & {}) | (() => import("vue").VNodeChild) | (((new (...args: any[]) => import("vue").VNodeChild & {}) | (() => import("vue").VNodeChild)) | null)[], unknown, string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>>;
+    readonly fill: boolean;
     readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "vertical" | "horizontal", unknown>;
     readonly class: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => import("vft/es/utils").Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => import("vft/es/utils").Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown>;
     readonly wrap: boolean;

package/lib/components/space/space.d.ts

@@ -18,7 +18,7 @@ export declare const spaceProps: {
     readonly fill: BooleanConstructor;
     readonly fillRatio: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -43,7 +43,7 @@ declare const Space: import("vue").DefineComponent<ExtractPropTypes<{
     readonly fill: BooleanConstructor;
     readonly fillRatio: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -71,17 +71,17 @@ declare const Space: import("vue").DefineComponent<ExtractPropTypes<{
     readonly fill: BooleanConstructor;
     readonly fillRatio: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
 }>> & Readonly<{}>, {
-    readonly fill: boolean;
     readonly style: StyleValue;
     readonly spacer: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>>;
+    readonly fill: boolean;
     readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "vertical" | "horizontal", unknown>;
     readonly class: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown>;
     readonly wrap: boolean;

package/lib/components/super-form/index.d.ts

@@ -97,6 +97,9 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        inputMaxLength: {
+            type: import("vue").PropType<number>;
+        };
     }>> & Readonly<{
         onReset?: ((data: import("../types").Recordable) => any) | undefined;
         onSubmit?: ((formData: Record<string, any>, isChange?: boolean | undefined, changeData?: any[] | undefined) => any) | undefined;
@@ -243,6 +246,9 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        inputMaxLength: {
+            type: import("vue").PropType<number>;
+        };
     }>> & Readonly<{
         onReset?: ((data: import("../types").Recordable) => any) | undefined;
         onSubmit?: ((formData: Record<string, any>, isChange?: boolean | undefined, changeData?: any[] | undefined) => any) | undefined;
@@ -381,6 +387,9 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    inputMaxLength: {
+        type: import("vue").PropType<number>;
+    };
 }>> & Readonly<{
     onReset?: ((data: import("../types").Recordable) => any) | undefined;
     onSubmit?: ((formData: Record<string, any>, isChange?: boolean | undefined, changeData?: any[] | undefined) => any) | undefined;

package/lib/components/super-form/super-form-item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("../col/index.cjs"),H=require("../divider/index.cjs"),G=require("../form/index.cjs");require("@vueuse/core");const m=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const $=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const r=require("./component-map.cjs"),O=require("./use/helper.cjs");function D(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!e.isVNode(o)}const J=e.defineComponent({inheritAttrs:!1}),z=e.defineComponent({...J,__name:"super-form-item",props:{schema:{},formProps:{},allDefaultValues:{},formModel:{},setFormModel:{},updateSchema:{},formActionType:{}},setup(o){const M=$.useNamespace("super-form"),h=e.computed(()=>{const{mergeDynamicData:t}=o.formProps;return{field:o.schema.field,model:o.formModel,values:{...t,...o.allDefaultValues,...o.formModel},schema:o.schema}}),x=e.computed(()=>{let{componentProps:t={}}=o.schema;m.isFunction(t)&&(t=t({schema:o.schema,formModel:o.formModel,formActionType:o.formActionType})??{});const n=new Map([[r.FormCompEnum.DIVIDER,{type:"horizontal"}],[r.FormCompEnum.TEXTAREA,{type:"textarea"}],[r.FormCompEnum.PASSWORD,{type:"password","show-password":!0}],[r.FormCompEnum.INPUT_NUMBER,{type:"number"}],[r.FormCompEnum.CHECKBOX_BUTTON,{useButton:!0}],[r.FormCompEnum.RADIO_BUTTON,{useButton:!0}],[r.FormCompEnum.YEAR_PICKER,{type:r.FormCompEnum.YEAR_PICKER}],[r.FormCompEnum.MONTH_PICKER,{type:r.FormCompEnum.MONTH_PICKER}],[r.FormCompEnum.DATE_PICKER,{type:r.FormCompEnum.DATE_PICKER}],[r.FormCompEnum.DATES_PICKER,{type:r.FormCompEnum.DATES_PICKER}],[r.FormCompEnum.DATETIME_PICKER,{type:r.FormCompEnum.DATETIME_PICKER}],[r.FormCompEnum.WEEK_PICKER,{type:r.FormCompEnum.WEEK_PICKER}],[r.FormCompEnum.TIMERANGE_PICKER,{type:r.FormCompEnum.TIME_PICKER,"is-range":!0,"start-placeholder":"开始时间","end-placeholder":"结束时间"}],[r.FormCompEnum.DATETIMERANGE_PICKER,{type:r.FormCompEnum.DATETIMERANGE_PICKER,"start-placeholder":"开始日期","end-placeholder":"结束日期"}],[r.FormCompEnum.DATERANGE_PICKER,{type:r.FormCompEnum.DATERANGE_PICKER,"start-placeholder":"开始日期","end-placeholder":"结束日期"}],[r.FormCompEnum.MONTHRANGE_PICKER,{type:r.FormCompEnum.MONTHRANGE_PICKER,"start-placeholder":"开始月份","end-placeholder":"结束月份"}]]);return n.has(o.schema.type)&&(t=Object.assign(n.get(o.schema.type)||{},t)),t}),L=e.computed(()=>{const{disabled:t}=o.formProps,{dynamicDisabled:n}=o.schema,{disabled:c=!1}=e.unref(x);let a=!!t||c;return m.isBoolean(n)&&(a=n),m.isFunction(n)&&(a=n(e.unref(h))),a});function q(){const{show:t,ifShow:n}=o.schema;let c=!0,a=!0;return m.isBoolean(t)&&(c=t),m.isBoolean(n)&&(a=n),m.isFunction(t)&&(c=t(e.unref(h))),m.isFunction(n)&&(a=n(e.unref(h))),{isShow:c,isIfShow:a}}function k(){const{rules:t=[],type:n=r.FormCompEnum.INPUT,rulesMessageJoinLabel:c,label:a,title:p,dynamicRule:u,required:C,dynamicRuleAdd:g=!0}=o.schema,E=a||p;if(m.isFunction(u)&&!g)return u(e.unref(h));let s=m.cloneDeep(m.isArray(t)?t:[t]);const{rulesMessageJoinLabel:I}=o.formProps,y=Reflect.has(o.schema,"rulesMessageJoinLabel")?c:I,N=O.createPlaceholderMessage(n,`${y?E:""}`);function A(l,i){const b=l.message||N;return i===void 0||m.isNull(i)||Array.isArray(i)&&i.length===0||typeof i=="string"&&i.trim()===""||typeof i=="object"&&Reflect.has(i,"checked")&&Reflect.has(i,"halfChecked")&&Array.isArray(i.checked)&&Array.isArray(i.halfChecked)&&i.checked.length===0&&i.halfChecked.length===0?Promise.reject(b):Promise.resolve()}const f=m.isFunction(C)?C(e.unref(h)):C;f&&(!s||s.length===0?s=[{required:f,validator:A}]:s.findIndex(i=>Reflect.has(i,"required"))===-1&&s.unshift({required:f,validator:A}));const F=s.findIndex(l=>Reflect.has(l,"required")&&!Reflect.has(l,"validator"));if(F!==-1){const l=s[F],{isShow:i}=q();i||(l.required=!1),n&&(l.message=l.message||N)}const d=s.findIndex(l=>l.min),P=s.findIndex(l=>l.max);function T(l,i,b="all"){const S=s[i],v=S.isNumber?isNaN(l)?l?.length||0:Number(l):l?.length||0;return["min","all"].includes(b)&&v<S.min?Promise.reject(E+"至少为"+S.min+"位"):["max","all"].includes(b)&&v>S.max?Promise.reject(E+"最多"+S.max+"位"):Promise.resolve()}(d!==-1||P!==-1)&&(d!==-1&&P!==-1&&!s[d].validator&&!s[d].message?s[d].validator=(l,i)=>T(i,d):d!==-1&&!s[d].validator&&!s[d].message?s[d].validator=(l,i)=>T(i,d,"min"):P!==-1&&!s[P].validator&&!s[P].message&&(s[P].validator=(l,i)=>T(i,P,"max")));const R=s.findIndex(l=>l.len);if(R!==-1&&(s[R].validator=(l,i)=>i.length!==s[R].len?Promise.reject(E+"必须是"+s[R].len+"位"):Promise.resolve()),m.isFunction(u)&&g){let l=u(e.unref(h));l=m.isArray(l)?l:[l],s=s.concat(l)}return s}const B=()=>{const{renderComponentContent:t,type:n=r.FormCompEnum.INPUT,field:c,changeEvent:a="change",valueField:p,label:u,title:C,placeholderJoinLabel:g=!0}=o.schema;let E=a;r.isInput(n)?E="input":(r.isDatePicker(n)||n===r.FormCompEnum.TIME_PICKER)&&(E="update:modelValue");const s=`on${m.upperFirst(E)}`,I={[s]:(...R)=>{const[l]=R;f[s]&&f[s](...R);const i=l?l.target:null,b=i?i.value:l;o.setFormModel(c,b,o.schema)}},y=r.componentMap.get(n),{autoSetPlaceHolder:N,size:A}=o.formProps,f={clearable:!0,...e.unref(x)};if([r.FormCompEnum.SEARCH].includes(n)||(f.size=e.unref(x)?.size||A,f.disabled=e.unref(L)),!f.disabled&&N&&!r.isRangePicker(n)&&n){const R=u||C;f.placeholder=e.unref(x)?.placeholder||O.createPlaceholderMessage(n,g&&m.isString(R)?R:"")}const d={[p||"model-value"]:o.formModel[c]},P={...I,...f,...d};if(!t)return e.createVNode(y,P,null);const T=m.isFunction(t)?{...t(e.unref(h))}:{default:()=>t};return e.createVNode(y,P,D(T)?T:{default:()=>[T]})};function V(){const{showLabel:t=!0,label:n,title:c,subLabel:a,labelRequired:p}=o.schema;let u=n||c;return u=p?e.createVNode("span",null,[e.createVNode("span",{class:"label-required"},[e.createTextVNode("*")]),e.createVNode("span",null,[u])]):u,t&&u?a?e.createVNode("span",null,[u,e.createTextVNode(" "),e.createVNode("span",{class:"sub-label"},[a])]):u:void 0}const K=e.useSlots();function w(t,n="default",c){if(!t||!Reflect.has(t,n))return null;if(!m.isFunction(t[n]))return console.error(`${n} is not a function!`),null;const a=t[n];return a?a(c):null}function U(){const{itemProps:t,slot:n,render:c,field:a,suffix:p,prefix:u,prefixParentStyle:C}=o.schema,{autoCleanErrorMessage:g,compFullWidth:E}=o.formProps,s=()=>n?w(K,n,e.unref(h)):c?c(e.unref(h)):B(),I=!!p,y=!!u,N=m.isFunction(p)?p(e.unref(h)):p,A=m.isFunction(u)?u(e.unref(h)):u,f=()=>{o.updateSchema([{field:a,itemProps:{error:""}}])},F=()=>e.createVNode(G.VftFormItem,e.mergeProps({style:{marginRight:o.formProps.customLayout?"10px":0},prop:a,class:[{[M.is("suffix")]:I},{[M.is("comp-full-width")]:E},M.e("item")]},t,{label:t?.label||t?.title,"onUpdate:error":g?f:()=>{},rules:k()}),{default:()=>[e.createVNode("div",{class:M.e("container")},[e.createVNode("div",{class:M.e("content")},[s(),I&&e.createVNode("span",{class:M.m("suffix")},[N])])])],label:V()?()=>V():void 0});return y?e.createVNode("div",{style:C},[e.createVNode("span",{class:M.m("prefix")},[A]),F()]):F()}return()=>{let t;const{colProps:n={},colSlot:c,renderColContent:a,type:p=r.FormCompEnum.INPUT,render:u,quickColSpan:C}=o.schema;if(!r.componentMap.has(p)&&!a&&!u)return null;const{baseColProps:g={},quickColSpan:E}=o.formProps,s=E?{span:Math.ceil(24/E),...g}:{...g},I=C?{span:Math.ceil(24/C),...n}:{...n},y={...s,...I},{isIfShow:N,isShow:A}=q(),f=e.unref(h),F=()=>c?w(K,c,f):a?a(f):U();if(p===r.FormCompEnum.DIVIDER){let d;return e.createVNode(j.VftCol,e.mergeProps({span:24},I),{default:()=>[e.createVNode(H.VftDivider,e.unref(x),D(d=V())?d:{default:()=>[d]})]})}return N&&(o.formProps.customLayout?F():e.withDirectives(e.createVNode(j.VftCol,y,D(t=F())?t:{default:()=>[t]}),[[e.vShow,A]]))}}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("../col/index.cjs"),H=require("../divider/index.cjs"),G=require("../form/index.cjs");require("@vueuse/core");const m=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const $=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const r=require("./component-map.cjs"),L=require("./use/helper.cjs");function D(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const J=e.defineComponent({inheritAttrs:!1}),z=e.defineComponent({...J,__name:"super-form-item",props:{schema:{},formProps:{},allDefaultValues:{},formModel:{},setFormModel:{},updateSchema:{},formActionType:{}},setup(n){const A=$.useNamespace("super-form"),h=e.computed(()=>{const{mergeDynamicData:t}=n.formProps;return{field:n.schema.field,model:n.formModel,values:{...t,...n.allDefaultValues,...n.formModel},schema:n.schema}}),T=e.computed(()=>{let{componentProps:t={}}=n.schema;m.isFunction(t)&&(t=t({schema:n.schema,formModel:n.formModel,formActionType:n.formActionType})??{});const o=new Map([[r.FormCompEnum.DIVIDER,{type:"horizontal"}],[r.FormCompEnum.TEXTAREA,{type:"textarea"}],[r.FormCompEnum.PASSWORD,{type:"password","show-password":!0}],[r.FormCompEnum.INPUT_NUMBER,{type:"number"}],[r.FormCompEnum.CHECKBOX_BUTTON,{useButton:!0}],[r.FormCompEnum.RADIO_BUTTON,{useButton:!0}],[r.FormCompEnum.YEAR_PICKER,{type:r.FormCompEnum.YEAR_PICKER}],[r.FormCompEnum.MONTH_PICKER,{type:r.FormCompEnum.MONTH_PICKER}],[r.FormCompEnum.DATE_PICKER,{type:r.FormCompEnum.DATE_PICKER}],[r.FormCompEnum.DATES_PICKER,{type:r.FormCompEnum.DATES_PICKER}],[r.FormCompEnum.DATETIME_PICKER,{type:r.FormCompEnum.DATETIME_PICKER}],[r.FormCompEnum.WEEK_PICKER,{type:r.FormCompEnum.WEEK_PICKER}],[r.FormCompEnum.TIMERANGE_PICKER,{type:r.FormCompEnum.TIME_PICKER,"is-range":!0,"start-placeholder":"开始时间","end-placeholder":"结束时间"}],[r.FormCompEnum.DATETIMERANGE_PICKER,{type:r.FormCompEnum.DATETIMERANGE_PICKER,"start-placeholder":"开始日期","end-placeholder":"结束日期"}],[r.FormCompEnum.DATERANGE_PICKER,{type:r.FormCompEnum.DATERANGE_PICKER,"start-placeholder":"开始日期","end-placeholder":"结束日期"}],[r.FormCompEnum.MONTHRANGE_PICKER,{type:r.FormCompEnum.MONTHRANGE_PICKER,"start-placeholder":"开始月份","end-placeholder":"结束月份"}]]);return o.has(n.schema.type)&&(t=Object.assign(o.get(n.schema.type)||{},t)),n.formProps.inputMaxLength&&[r.FormCompEnum.INPUT].includes(n.schema.type)&&!t?.maxlength&&(t.maxlength=n.formProps.inputMaxLength),t}),O=e.computed(()=>{const{disabled:t}=n.formProps,{dynamicDisabled:o}=n.schema,{disabled:c=!1}=e.unref(T);let a=!!t||c;return m.isBoolean(o)&&(a=o),m.isFunction(o)&&(a=o(e.unref(h))),a});function q(){const{show:t,ifShow:o}=n.schema;let c=!0,a=!0;return m.isBoolean(t)&&(c=t),m.isBoolean(o)&&(a=o),m.isFunction(t)&&(c=t(e.unref(h))),m.isFunction(o)&&(a=o(e.unref(h))),{isShow:c,isIfShow:a}}function k(){const{rules:t=[],type:o=r.FormCompEnum.INPUT,rulesMessageJoinLabel:c,label:a,title:p,dynamicRule:u,required:C,dynamicRuleAdd:R=!0}=n.schema,E=a||p;if(m.isFunction(u)&&!R)return u(e.unref(h));let s=m.cloneDeep(m.isArray(t)?t:[t]);const{rulesMessageJoinLabel:I}=n.formProps,y=Reflect.has(n.schema,"rulesMessageJoinLabel")?c:I,N=L.createPlaceholderMessage(o,`${y?E:""}`);function M(l,i){const b=l.message||N;return i===void 0||m.isNull(i)||Array.isArray(i)&&i.length===0||typeof i=="string"&&i.trim()===""||typeof i=="object"&&Reflect.has(i,"checked")&&Reflect.has(i,"halfChecked")&&Array.isArray(i.checked)&&Array.isArray(i.halfChecked)&&i.checked.length===0&&i.halfChecked.length===0?Promise.reject(b):Promise.resolve()}const f=m.isFunction(C)?C(e.unref(h)):C;f&&(!s||s.length===0?s=[{required:f,validator:M}]:s.findIndex(i=>Reflect.has(i,"required"))===-1&&s.unshift({required:f,validator:M}));const F=s.findIndex(l=>Reflect.has(l,"required")&&!Reflect.has(l,"validator"));if(F!==-1){const l=s[F],{isShow:i}=q();i||(l.required=!1),o&&(l.message=l.message||N)}const d=s.findIndex(l=>l.min),P=s.findIndex(l=>l.max);function x(l,i,b="all"){const S=s[i],v=S.isNumber?isNaN(l)?l?.length||0:Number(l):l?.length||0;return["min","all"].includes(b)&&v<S.min?Promise.reject(E+"至少为"+S.min+"位"):["max","all"].includes(b)&&v>S.max?Promise.reject(E+"最多"+S.max+"位"):Promise.resolve()}(d!==-1||P!==-1)&&(d!==-1&&P!==-1&&!s[d].validator&&!s[d].message?s[d].validator=(l,i)=>x(i,d):d!==-1&&!s[d].validator&&!s[d].message?s[d].validator=(l,i)=>x(i,d,"min"):P!==-1&&!s[P].validator&&!s[P].message&&(s[P].validator=(l,i)=>x(i,P,"max")));const g=s.findIndex(l=>l.len);if(g!==-1&&(s[g].validator=(l,i)=>i.length!==s[g].len?Promise.reject(E+"必须是"+s[g].len+"位"):Promise.resolve()),m.isFunction(u)&&R){let l=u(e.unref(h));l=m.isArray(l)?l:[l],s=s.concat(l)}return s}const U=()=>{const{renderComponentContent:t,type:o=r.FormCompEnum.INPUT,field:c,changeEvent:a="change",valueField:p,label:u,title:C,placeholderJoinLabel:R=!0}=n.schema;let E=a;r.isInput(o)?E="input":(r.isDatePicker(o)||o===r.FormCompEnum.TIME_PICKER)&&(E="update:modelValue");const s=`on${m.upperFirst(E)}`,I={[s]:(...g)=>{const[l]=g;f[s]&&f[s](...g);const i=l?l.target:null,b=i?i.value:l;n.setFormModel(c,b,n.schema)}},y=r.componentMap.get(o),{autoSetPlaceHolder:N,size:M}=n.formProps,f={clearable:!0,...e.unref(T)};if([r.FormCompEnum.SEARCH].includes(o)||(f.size=e.unref(T)?.size||M,f.disabled=e.unref(O)),!f.disabled&&N&&!r.isRangePicker(o)&&o){const g=u||C;f.placeholder=e.unref(T)?.placeholder||L.createPlaceholderMessage(o,R&&m.isString(g)?g:"")}const d={[p||"model-value"]:n.formModel[c]},P={...I,...f,...d};if(!t)return e.createVNode(y,P,null);const x=m.isFunction(t)?{...t(e.unref(h))}:{default:()=>t};return e.createVNode(y,P,D(x)?x:{default:()=>[x]})};function V(){const{showLabel:t=!0,label:o,title:c,subLabel:a,labelRequired:p}=n.schema;let u=o||c;return u=p?e.createVNode("span",null,[e.createVNode("span",{class:"label-required"},[e.createTextVNode("*")]),e.createVNode("span",null,[u])]):u,t&&u?a?e.createVNode("span",null,[u,e.createTextVNode(" "),e.createVNode("span",{class:"sub-label"},[a])]):u:void 0}const K=e.useSlots();function w(t,o="default",c){if(!t||!Reflect.has(t,o))return null;if(!m.isFunction(t[o]))return console.error(`${o} is not a function!`),null;const a=t[o];return a?a(c):null}function B(){const{itemProps:t,slot:o,render:c,field:a,suffix:p,prefix:u,prefixParentStyle:C}=n.schema,{autoCleanErrorMessage:R,compFullWidth:E}=n.formProps,s=()=>o?w(K,o,e.unref(h)):c?c(e.unref(h)):U(),I=!!p,y=!!u,N=m.isFunction(p)?p(e.unref(h)):p,M=m.isFunction(u)?u(e.unref(h)):u,f=()=>{n.updateSchema([{field:a,itemProps:{error:""}}])},F=()=>e.createVNode(G.VftFormItem,e.mergeProps({style:{marginRight:n.formProps.customLayout?"10px":0},prop:a,class:[{[A.is("suffix")]:I},{[A.is("comp-full-width")]:E},A.e("item")]},t,{label:t?.label||t?.title,"onUpdate:error":R?f:()=>{},rules:k()}),{default:()=>[e.createVNode("div",{class:A.e("container")},[e.createVNode("div",{class:A.e("content")},[s(),I&&e.createVNode("span",{class:A.m("suffix")},[N])])])],label:V()?()=>V():void 0});return y?e.createVNode("div",{style:C},[e.createVNode("span",{class:A.m("prefix")},[M]),F()]):F()}return()=>{let t;const{colProps:o={},colSlot:c,renderColContent:a,type:p=r.FormCompEnum.INPUT,render:u,quickColSpan:C}=n.schema;if(!r.componentMap.has(p)&&!a&&!u)return null;const{baseColProps:R={},quickColSpan:E}=n.formProps,s=E?{span:Math.ceil(24/E),...R}:{...R},I=C?{span:Math.ceil(24/C),...o}:{...o},y={...s,...I},{isIfShow:N,isShow:M}=q(),f=e.unref(h),F=()=>c?w(K,c,f):a?a(f):B();if(p===r.FormCompEnum.DIVIDER){let d;return e.createVNode(j.VftCol,e.mergeProps({span:24},I),{default:()=>[e.createVNode(H.VftDivider,e.unref(T),D(d=V())?d:{default:()=>[d]})]})}return N&&(n.formProps.customLayout?F():e.withDirectives(e.createVNode(j.VftCol,y,D(t=F())?t:{default:()=>[t]}),[[e.vShow,M]]))}}});exports.default=z;

package/lib/components/super-form/super-form.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("../col/index.cjs"),W=require("../form/index.cjs"),J=require("../row/index.cjs"),M=require("@vueuse/core"),m=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const Q=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const X=require("./super-form-action.vue2.cjs"),Y=require("./super-form-item.vue2.cjs"),Z=require("./use/use-auto-focus.cjs"),ee=require("./use/use-form-context.cjs"),te=require("./use/use-form-events.cjs"),oe=require("./use/use-form-values.cjs"),ne=e.defineComponent({name:"vft-super-form"}),re=e.defineComponent({...ne,props:{size:{default:"default"},rowProps:{default:{gutter:20}},baseColProps:{},quickColSpan:{default:3},autoSetPlaceHolder:{type:Boolean,default:!0},schemas:{},autoFocusFirstItem:{type:Boolean,default:!1},submitOnReset:{type:Boolean},mergeDynamicData:{},fieldMapToTime:{},autoSubmitOnEnter:{type:Boolean,default:!0},rulesMessageJoinLabel:{type:Boolean,default:!0},submitOnChange:{type:Boolean},showActionButtonGroup:{type:Boolean,default:!0},autoCleanErrorMessage:{type:Boolean},beforeSubmitFunc:{},submitFunc:{},watchDataIsChange:{type:Boolean},compFullWidth:{type:Boolean,default:!1},actionInline:{type:Boolean,default:!1},resetFunc:{},customLayout:{type:Boolean,default:!1},showResetButton:{type:Boolean,default:!1},showSubmitButton:{type:Boolean,default:!0},showCommonButton:{type:Boolean,default:!1},resetButtonOptions:{},submitButtonOptions:{},commonButtonOptions:{},actionRowOptions:{},disabled:{type:Boolean},model:{},rules:{},labelPosition:{default:"right"},requireAsteriskPosition:{default:"left"},labelWidth:{default:"auto"},labelSuffix:{},inline:{type:Boolean},inlineMessage:{type:Boolean},statusIcon:{type:Boolean},showMessage:{type:Boolean,default:!0},validateOnRuleChange:{type:Boolean,default:!0},hideRequiredAsterisk:{type:Boolean,default:!1},scrollToError:{type:Boolean},scrollIntoViewOptions:{type:Boolean}},emits:["register","reset","submit","field-value-change"],setup(D,{expose:T,emit:x}){const $=Q.useNamespace("super-form"),F=D,k=x,L=e.useAttrs(),s=e.reactive({}),p=e.ref({}),i=e.ref(!1),c=e.ref({}),w=e.ref(),d=e.ref(null),C=e.ref(),o=e.computed(()=>({...F,...e.unref(c)})),a=e.computed(()=>({...L,...F,...e.unref(o)})),u=e.computed(()=>{const t=e.unref(w);return m.cloneDeep(t)}),{handleFormValues:N,initDefault:S}=oe.useFormValues({getProps:o,defaultValueRef:p,getSchema:u,formModel:s});Z.useAutoFocus({getSchema:u,getProps:o,isInitedDefault:i,formElRef:d});const{handleSubmit:l,setFieldsValue:B,clearValidate:q,validate:_,validateField:P,getFieldsValue:h,updateSchema:v,resetSchema:f,appendSchemaByField:A,removeSchemaByField:O,resetFields:y,scrollToField:G,getFieldValue:R}=te.useFormEvents({emit:k,getProps:o,formModel:s,getSchema:u,defaultValueRef:p,formElRef:d,schemaRef:w,handleFormValues:N,initValues:C});ee.createFormContext({resetAction:y,submitAction:l}),e.watch(()=>e.unref(o).model,()=>{const{model:t}=e.unref(o);t&&B(t)},{immediate:!0}),e.watch(()=>e.unref(o).schemas,(t,n)=>{m.isEqual(t,n)||f(t??[])}),e.watch(()=>u.value,t=>{e.nextTick(()=>{}),!e.unref(i)&&t?.length&&(S(),i.value=!0,o.value?.watchDataIsChange&&M.useTimeoutFn(()=>{C.value=h()},40))}),e.watch(()=>s,M.useDebounceFn(()=>{e.unref(o).submitOnChange&&l()},300),{deep:!0});async function V(t){c.value=m.deepMerge(e.unref(c)||{},t),i.value||(f(c.value?.schemas??[]),S())}function z(t,n,r){s[t]=n,r&&r.itemProps}function H(t){const{autoSubmitOnEnter:n}=e.unref(o);if(n&&t.key==="Enter"&&t.target&&t.target instanceof HTMLElement){const r=t.target;r&&r.tagName&&r.tagName.toUpperCase()==="INPUT"&&l()}}const E={getFieldsValue:h,getFieldValue:R,setFieldsValue:B,resetFields:y,updateSchema:v,resetSchema:f,setProps:V,removeSchemaByField:O,appendSchemaByField:A,clearValidate:q,validateField:P,validate:_,submit:l,scrollToField:G};k("register",E);const j=e.computed(()=>m.pick(o.value,["showResetButton","showCommonButton","showSubmitButton","resetButtonOptions","submitButtonOptions","commonButtonOptions","actionRowOptions","actionSpan"])),g=e.useSlots(),b=t=>t?e.h(X.default,j.value,{resetBefore:n=>g.resetBefore?.(n),submitBefore:n=>g.submitBefore?.(n),submitAfter:n=>g.submitAfter?.(n)}):null;return T({getFieldsValue:h,getFieldValue:R,setFieldsValue:B,resetFields:y,updateSchema:v,resetSchema:f,setProps:V,removeSchemaByField:O,appendSchemaByField:A,clearValidate:q,validateField:P,validate:_,submit:l,getSchema:u,formModel:s}),(t,n)=>u.value?.length?(e.openBlock(),e.createBlock(e.unref(W.VftForm),e.mergeProps({key:0},a.value,{ref_key:"formElRef",ref:d,class:e.unref($).b(),model:s,onSubmit:n[0]||(n[0]=e.withModifiers(()=>{},["prevent"])),onKeypress:e.withKeys(H,["enter"])}),{default:e.withCtx(()=>[u.value?.length?(e.openBlock(),e.createBlock(e.unref(J.VftRow),e.normalizeProps(e.mergeProps({key:0},a.value?.rowProps)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"formHeader"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,r=>(e.openBlock(),e.createBlock(Y.default,{key:r.field,"form-action-type":E,schema:r,"form-props":o.value,"all-default-values":p.value,"form-model":s,"set-form-model":z,"update-schema":e.unref(v)},e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),I=>({name:I,fn:e.withCtx(K=>[e.renderSlot(t.$slots,I,e.mergeProps({ref_for:!0},K||{}))])}))]),1032,["schema","form-props","all-default-values","form-model","update-schema"]))),128)),o.value?.customLayout?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b(o.value?.showActionButtonGroup&&o.value?.actionInline)),{key:1})):(e.openBlock(),e.createBlock(e.unref(U.VftCol),e.normalizeProps(e.mergeProps({key:0},a.value?.quickColSpan?{span:Math.ceil(24/a.value?.quickColSpan),...a.value?.baseColProps}:{})),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b(o.value?.showActionButtonGroup&&o.value?.actionInline))))]),_:1},16))]),_:3},16)):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b(o.value?.showActionButtonGroup&&!o.value?.actionInline)))),e.renderSlot(t.$slots,"formFooter")]),_:3},16,["class","model"])):e.createCommentVNode("",!0)}});exports.default=re;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("../col/index.cjs"),W=require("../form/index.cjs"),J=require("../row/index.cjs"),I=require("@vueuse/core"),m=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const Q=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const X=require("./super-form-action.vue2.cjs"),Y=require("./super-form-item.vue2.cjs"),Z=require("./use/use-auto-focus.cjs"),ee=require("./use/use-form-context.cjs"),te=require("./use/use-form-events.cjs"),oe=require("./use/use-form-values.cjs"),ne=e.defineComponent({name:"vft-super-form"}),re=e.defineComponent({...ne,props:{size:{default:"default"},rowProps:{default:{gutter:20}},baseColProps:{},quickColSpan:{default:3},autoSetPlaceHolder:{type:Boolean,default:!0},schemas:{},autoFocusFirstItem:{type:Boolean,default:!1},submitOnReset:{type:Boolean},mergeDynamicData:{},fieldMapToTime:{},autoSubmitOnEnter:{type:Boolean,default:!0},rulesMessageJoinLabel:{type:Boolean,default:!0},submitOnChange:{type:Boolean},showActionButtonGroup:{type:Boolean,default:!0},autoCleanErrorMessage:{type:Boolean},beforeSubmitFunc:{},submitFunc:{},watchDataIsChange:{type:Boolean},compFullWidth:{type:Boolean,default:!1},actionInline:{type:Boolean,default:!1},resetFunc:{},customLayout:{type:Boolean,default:!1},showResetButton:{type:Boolean,default:!1},showSubmitButton:{type:Boolean,default:!0},showCommonButton:{type:Boolean,default:!1},resetButtonOptions:{},submitButtonOptions:{},commonButtonOptions:{},actionRowOptions:{},inputMaxLength:{},disabled:{type:Boolean},model:{},rules:{},labelPosition:{default:"right"},requireAsteriskPosition:{default:"left"},labelWidth:{default:"auto"},labelSuffix:{},inline:{type:Boolean},inlineMessage:{type:Boolean},statusIcon:{type:Boolean},showMessage:{type:Boolean,default:!0},validateOnRuleChange:{type:Boolean,default:!0},hideRequiredAsterisk:{type:Boolean,default:!1},scrollToError:{type:Boolean},scrollIntoViewOptions:{type:Boolean}},emits:["register","reset","submit","field-value-change"],setup(D,{expose:x,emit:T}){const L=Q.useNamespace("super-form"),F=D,k=T,$=e.useAttrs(),s=e.reactive({}),p=e.ref({}),i=e.ref(!1),c=e.ref({}),w=e.ref(),d=e.ref(null),C=e.ref(),o=e.computed(()=>({...F,...e.unref(c)})),a=e.computed(()=>({...$,...F,...e.unref(o)})),u=e.computed(()=>{const t=e.unref(w);return m.cloneDeep(t)}),{handleFormValues:N,initDefault:S}=oe.useFormValues({getProps:o,defaultValueRef:p,getSchema:u,formModel:s});Z.useAutoFocus({getSchema:u,getProps:o,isInitedDefault:i,formElRef:d});const{handleSubmit:l,setFieldsValue:B,clearValidate:q,validate:_,validateField:P,getFieldsValue:h,updateSchema:v,resetSchema:f,appendSchemaByField:A,removeSchemaByField:O,resetFields:y,scrollToField:G,getFieldValue:R}=te.useFormEvents({emit:k,getProps:o,formModel:s,getSchema:u,defaultValueRef:p,formElRef:d,schemaRef:w,handleFormValues:N,initValues:C});ee.createFormContext({resetAction:y,submitAction:l}),e.watch(()=>e.unref(o).model,()=>{const{model:t}=e.unref(o);t&&B(t)},{immediate:!0}),e.watch(()=>e.unref(o).schemas,(t,n)=>{m.isEqual(t,n)||f(t??[])}),e.watch(()=>u.value,t=>{e.nextTick(()=>{}),!e.unref(i)&&t?.length&&(S(),i.value=!0,o.value?.watchDataIsChange&&I.useTimeoutFn(()=>{C.value=h()},40))}),e.watch(()=>s,I.useDebounceFn(()=>{e.unref(o).submitOnChange&&l()},300),{deep:!0});async function V(t){c.value=m.deepMerge(e.unref(c)||{},t),i.value||(f(c.value?.schemas??[]),S())}function z(t,n,r){s[t]=n,r&&r.itemProps}function H(t){const{autoSubmitOnEnter:n}=e.unref(o);if(n&&t.key==="Enter"&&t.target&&t.target instanceof HTMLElement){const r=t.target;r&&r.tagName&&r.tagName.toUpperCase()==="INPUT"&&l()}}const E={getFieldsValue:h,getFieldValue:R,setFieldsValue:B,resetFields:y,updateSchema:v,resetSchema:f,setProps:V,removeSchemaByField:O,appendSchemaByField:A,clearValidate:q,validateField:P,validate:_,submit:l,scrollToField:G};k("register",E);const j=e.computed(()=>m.pick(o.value,["showResetButton","showCommonButton","showSubmitButton","resetButtonOptions","submitButtonOptions","commonButtonOptions","actionRowOptions","actionSpan"])),g=e.useSlots(),b=t=>t?e.h(X.default,j.value,{resetBefore:n=>g.resetBefore?.(n),submitBefore:n=>g.submitBefore?.(n),submitAfter:n=>g.submitAfter?.(n)}):null;return x({getFieldsValue:h,getFieldValue:R,setFieldsValue:B,resetFields:y,updateSchema:v,resetSchema:f,setProps:V,removeSchemaByField:O,appendSchemaByField:A,clearValidate:q,validateField:P,validate:_,submit:l,getSchema:u,formModel:s}),(t,n)=>u.value?.length?(e.openBlock(),e.createBlock(e.unref(W.VftForm),e.mergeProps({key:0},a.value,{ref_key:"formElRef",ref:d,class:e.unref(L).b(),model:s,onSubmit:n[0]||(n[0]=e.withModifiers(()=>{},["prevent"])),onKeypress:e.withKeys(H,["enter"])}),{default:e.withCtx(()=>[u.value?.length?(e.openBlock(),e.createBlock(e.unref(J.VftRow),e.normalizeProps(e.mergeProps({key:0},a.value?.rowProps)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"formHeader"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,r=>(e.openBlock(),e.createBlock(Y.default,{key:r.field,"form-action-type":E,schema:r,"form-props":o.value,"all-default-values":p.value,"form-model":s,"set-form-model":z,"update-schema":e.unref(v)},e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),M=>({name:M,fn:e.withCtx(K=>[e.renderSlot(t.$slots,M,e.mergeProps({ref_for:!0},K||{}))])}))]),1032,["schema","form-props","all-default-values","form-model","update-schema"]))),128)),o.value?.customLayout?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b(o.value?.showActionButtonGroup&&o.value?.actionInline)),{key:1})):(e.openBlock(),e.createBlock(e.unref(U.VftCol),e.normalizeProps(e.mergeProps({key:0},a.value?.quickColSpan?{span:Math.ceil(24/a.value?.quickColSpan),...a.value?.baseColProps}:{})),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b(o.value?.showActionButtonGroup&&o.value?.actionInline))))]),_:1},16))]),_:3},16)):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b(o.value?.showActionButtonGroup&&!o.value?.actionInline)))),e.renderSlot(t.$slots,"formFooter")]),_:3},16,["class","model"])):e.createCommentVNode("",!0)}});exports.default=re;