cnhis-design-vue 3.2.2-beta.2 → 3.2.2-beta.21

package/es/components/form-config/src/components/FormConfigCreator.vue.d.ts

@@ -153,6 +153,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
                 default: boolean;
             };
+            autoExpand: BooleanConstructor;
             lowCodeReactions: {
                 type: import("vue").PropType<import("../../..").LowCodeTypes.reactionConfig[]>;
             };
@@ -189,6 +190,10 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            selectMode: BooleanConstructor;
+            selectedFields: {
+                type: import("vue").PropType<string[]>;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
@@ -322,6 +327,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                     type: import("vue").PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
                     default: boolean;
                 };
+                autoExpand: BooleanConstructor;
                 lowCodeReactions: {
                     type: import("vue").PropType<import("../../..").LowCodeTypes.reactionConfig[]>;
                 };
@@ -358,12 +364,17 @@ declare const _default: import("vue").DefineComponent<{}, {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                selectMode: BooleanConstructor;
+                selectedFields: {
+                    type: import("vue").PropType<string[]>;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
                 onAnnotationChange?: ((...args: any[]) => any) | undefined;
+                "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
             }>>;
-            emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
+            emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields", ...args: any[]) => void;
             cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
             nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
             formRenderRef: import("vue").Ref<HTMLElement | undefined>;
@@ -515,6 +526,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 businessFormatter: import("../../../../components/form-render").FormBusinessFormatter;
                 requestInstance: import("../../..").FormRequestDefine.RequestInstance;
                 enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+                autoExpand: boolean;
                 lowCodeReactions: import("../../..").LowCodeTypes.reactionConfig[];
                 linebarAutoHidden: boolean;
                 bordered: string | boolean;
@@ -523,6 +535,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 outBordered: boolean;
                 forceClearable: boolean;
                 wordSplitFilter: boolean;
+                selectMode: boolean;
+                selectedFields: string[];
             }>) => Record<string, import("@formily/json-schema").Stringify<{
                 [key: symbol]: any;
                 [key: `x-${string}`]: any;
@@ -700,7 +714,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 readonly displayDirective: "if" | "show" | "show:lazy";
             }>;
             NTabs: any;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
                 type: import("vue").PropType<FieldItem[]>;
             };
@@ -832,6 +846,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
                 default: boolean;
             };
+            autoExpand: BooleanConstructor;
             lowCodeReactions: {
                 type: import("vue").PropType<import("../../..").LowCodeTypes.reactionConfig[]>;
             };
@@ -868,10 +883,15 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            selectMode: BooleanConstructor;
+            selectedFields: {
+                type: import("vue").PropType<string[]>;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
             onAnnotationChange?: ((...args: any[]) => any) | undefined;
+            "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
         }, {
             anchor: boolean;
             maxHeight: string | number;
@@ -882,12 +902,14 @@ declare const _default: import("vue").DefineComponent<{}, {
             scope: AnyObject;
             consumer: boolean;
             enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+            autoExpand: boolean;
             linebarAutoHidden: boolean;
             bordered: string | boolean;
             uniqueCacheData: boolean;
             outBordered: boolean;
             forceClearable: boolean;
             wordSplitFilter: boolean;
+            selectMode: boolean;
             operationalFormInit: boolean;
         }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;

package/es/components/form-config/src/components/FormConfigEdit.vue.d.ts

@@ -97,6 +97,7 @@ declare const _default: import("vue").DefineComponent<{
             businessFormatter: import("../../../../components/form-render").FormBusinessFormatter;
             requestInstance: import("../../../../components/index").FormRequestDefine.RequestInstance;
             enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+            autoExpand: boolean;
             lowCodeReactions: import("../../../../shared/types").LowCodeTypes.reactionConfig[];
             linebarAutoHidden: boolean;
             bordered: string | boolean;
@@ -105,6 +106,8 @@ declare const _default: import("vue").DefineComponent<{
             outBordered: boolean;
             forceClearable: boolean;
             wordSplitFilter: boolean;
+            selectMode: boolean;
+            selectedFields: string[];
         }>>>;
     };
 }, {
@@ -204,6 +207,7 @@ declare const _default: import("vue").DefineComponent<{
                 businessFormatter: import("../../../../components/form-render").FormBusinessFormatter;
                 requestInstance: import("../../../../components/index").FormRequestDefine.RequestInstance;
                 enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+                autoExpand: boolean;
                 lowCodeReactions: import("../../../../shared/types").LowCodeTypes.reactionConfig[];
                 linebarAutoHidden: boolean;
                 bordered: string | boolean;
@@ -212,6 +216,8 @@ declare const _default: import("vue").DefineComponent<{
                 outBordered: boolean;
                 forceClearable: boolean;
                 wordSplitFilter: boolean;
+                selectMode: boolean;
+                selectedFields: string[];
             }>>>;
         };
     }>> & {}>>;
@@ -5597,6 +5603,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
                 default: boolean;
             };
+            autoExpand: BooleanConstructor;
             lowCodeReactions: {
                 type: PropType<import("../../../../shared/types").LowCodeTypes.reactionConfig[]>;
             };
@@ -5633,6 +5640,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
+            selectMode: BooleanConstructor;
+            selectedFields: {
+                type: PropType<string[]>;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
@@ -5766,6 +5777,7 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
                     default: boolean;
                 };
+                autoExpand: BooleanConstructor;
                 lowCodeReactions: {
                     type: PropType<import("../../../../shared/types").LowCodeTypes.reactionConfig[]>;
                 };
@@ -5802,12 +5814,17 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                selectMode: BooleanConstructor;
+                selectedFields: {
+                    type: PropType<string[]>;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
                 onAnnotationChange?: ((...args: any[]) => any) | undefined;
+                "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
             }>>;
-            emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
+            emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields", ...args: any[]) => void;
             cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
             nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
             formRenderRef: import("vue").Ref<HTMLElement | undefined>;
@@ -5959,6 +5976,7 @@ declare const _default: import("vue").DefineComponent<{
                 businessFormatter: import("../../../../components/form-render").FormBusinessFormatter;
                 requestInstance: import("../../../../components/index").FormRequestDefine.RequestInstance;
                 enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+                autoExpand: boolean;
                 lowCodeReactions: import("../../../../shared/types").LowCodeTypes.reactionConfig[];
                 linebarAutoHidden: boolean;
                 bordered: string | boolean;
@@ -5967,6 +5985,8 @@ declare const _default: import("vue").DefineComponent<{
                 outBordered: boolean;
                 forceClearable: boolean;
                 wordSplitFilter: boolean;
+                selectMode: boolean;
+                selectedFields: string[];
             }>) => Record<string, import("@formily/json-schema").Stringify<{
                 [key: symbol]: any;
                 [key: `x-${string}`]: any;
@@ -6144,7 +6164,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly displayDirective: "if" | "show" | "show:lazy";
             }>;
             NTabs: any;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
                 type: PropType<FieldItem[]>;
             };
@@ -6276,6 +6296,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
                 default: boolean;
             };
+            autoExpand: BooleanConstructor;
             lowCodeReactions: {
                 type: PropType<import("../../../../shared/types").LowCodeTypes.reactionConfig[]>;
             };
@@ -6312,10 +6333,15 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
+            selectMode: BooleanConstructor;
+            selectedFields: {
+                type: PropType<string[]>;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
             onAnnotationChange?: ((...args: any[]) => any) | undefined;
+            "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
         }, {
             anchor: boolean;
             maxHeight: string | number;
@@ -6326,12 +6352,14 @@ declare const _default: import("vue").DefineComponent<{
             scope: import("../../../../shared/types").AnyObject;
             consumer: boolean;
             enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+            autoExpand: boolean;
             linebarAutoHidden: boolean;
             bordered: string | boolean;
             uniqueCacheData: boolean;
             outBordered: boolean;
             forceClearable: boolean;
             wordSplitFilter: boolean;
+            selectMode: boolean;
             operationalFormInit: boolean;
         }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -6431,6 +6459,7 @@ declare const _default: import("vue").DefineComponent<{
             businessFormatter: import("../../../../components/form-render").FormBusinessFormatter;
             requestInstance: import("../../../../components/index").FormRequestDefine.RequestInstance;
             enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+            autoExpand: boolean;
             lowCodeReactions: import("../../../../shared/types").LowCodeTypes.reactionConfig[];
             linebarAutoHidden: boolean;
             bordered: string | boolean;
@@ -6439,6 +6468,8 @@ declare const _default: import("vue").DefineComponent<{
             outBordered: boolean;
             forceClearable: boolean;
             wordSplitFilter: boolean;
+            selectMode: boolean;
+            selectedFields: string[];
         }>>>;
     };
 }>>, {}>;

package/es/components/form-config/src/hooks/useSortalbeConfig.js

@@ -1 +1 @@
-import{findAncestor as e,traverse as o}from"../../../../shared/utils/index.js";import{isFunction as t}from"lodash-es";import{unref as s}from"vue";import{FORM_CONFIG_GROUP as i}from"../constants/index.js";function a({group:a,hooks:r={},fieldList:n,materialList:c}={}){let l,m=null;return{move:function({to:i,from:a,dragged:m}){const{type:f,required:d,extra:u,key:g}=m.dataset||{};if("LINE_BAR"===f&&e(i,(e=>"LINE_BAR"===e.dataset.type)))return!1;const y=e(i,(e=>e.classList.contains("form-config__materialContent"))),h=e(a,(e=>e.classList.contains("form-config__materialContent")));if("true"===d&&"true"!==u&&y)return!1;if(t(r.beforeMove)){const e=[...s(n||[]),...s(c||[])];let t,l,m;o(e,((e,o)=>{t||e.key!==g||(t=e),l||e.key!==a.dataset.key||(l=e),m||e.key!==i.dataset.key||(m=e),t&&l&&m&&o()}));if(!1===r.beforeMove({fromType:h?"material":"layout",toType:y?"material":"layout",dragField:t,fromField:l,toField:m,from:a,to:i}))return!1}null==l||l.classList.remove("is-choosing-area"),l=i,i!==a&&a.classList.remove("is-choosing-area"),i.classList.add("is-choosing-area")},onChoose:function({target:e,item:o}){m=setTimeout((()=>{e.classList.add("is-choosing-area"),o.classList.add("is-choosing")}),200)},onUnchoose:function({from:e,to:o,target:t,item:s}){clearTimeout(m),[e,o,t].forEach((e=>{e.classList.remove("is-choosing-area")})),s.classList.remove("is-choosing")},tag:"section",forceFallback:!1,animation:"150","item-key":"key",group:a||i}}export{a as useSortableConfig};
+import{findAncestor as e,traverse as o}from"../../../../shared/utils/index.js";import{isFunction as t}from"lodash-es";import{unref as s}from"vue";import{FORM_CONFIG_GROUP as i}from"../constants/index.js";function a({group:a,hooks:r={},fieldList:n,materialList:c}={}){let l,m=null;return{move:function({to:i,from:a,dragged:m}){const{type:f,required:d,extra:u,key:g}=m.dataset||{};if("LINE_BAR"===f&&e(i,(e=>"LINE_BAR"===e.dataset.type)))return!1;const y=e(i,(e=>e.classList.contains("form-config__materialContent"))),h=e(a,(e=>e.classList.contains("form-config__materialContent")));if(t(r.beforeMove)){const e=[...s(n||[]),...s(c||[])];let t,l,m;o(e,((e,o)=>{t||e.key!==g||(t=e),l||e.key!==a.dataset.key||(l=e),m||e.key!==i.dataset.key||(m=e),t&&l&&m&&o()}));if(!1===r.beforeMove({fromType:h?"material":"layout",toType:y?"material":"layout",dragField:t,fromField:l,toField:m,from:a,to:i}))return!1}if("true"===d&&"true"!==u&&y)return!1;null==l||l.classList.remove("is-choosing-area"),l=i,i!==a&&a.classList.remove("is-choosing-area"),i.classList.add("is-choosing-area")},onChoose:function({target:e,item:o}){m=setTimeout((()=>{e.classList.add("is-choosing-area"),o.classList.add("is-choosing")}),200)},onUnchoose:function({from:e,to:o,target:t,item:s}){clearTimeout(m),[e,o,t].forEach((e=>{e.classList.remove("is-choosing-area")})),s.classList.remove("is-choosing")},tag:"section",forceFallback:!1,animation:"150","item-key":"key",group:a||i}}export{a as useSortableConfig};

package/es/components/form-render/index.d.ts

@@ -140,6 +140,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: import("vue").PropType<boolean | ((fieldItem: import("./src/types").FieldItem) => boolean | void)>;
             default: boolean;
         };
+        autoExpand: BooleanConstructor;
         lowCodeReactions: {
             type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionConfig[]>;
         };
@@ -176,6 +177,10 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        selectMode: BooleanConstructor;
+        selectedFields: {
+            type: import("vue").PropType<string[]>;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
@@ -309,6 +314,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<boolean | ((fieldItem: import("./src/types").FieldItem) => boolean | void)>;
                 default: boolean;
             };
+            autoExpand: BooleanConstructor;
             lowCodeReactions: {
                 type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionConfig[]>;
             };
@@ -345,12 +351,17 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            selectMode: BooleanConstructor;
+            selectedFields: {
+                type: import("vue").PropType<string[]>;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
             onAnnotationChange?: ((...args: any[]) => any) | undefined;
+            "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
         }>>;
-        emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
+        emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields", ...args: any[]) => void;
         cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
         nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
         formRenderRef: import("vue").Ref<HTMLElement | undefined>;
@@ -502,6 +513,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             businessFormatter: import("./src/types").FormBusinessFormatter;
             requestInstance: import("..").FormRequestDefine.RequestInstance;
             enterToNextWidget: boolean | ((fieldItem: import("./src/types").FieldItem) => boolean | void);
+            autoExpand: boolean;
             lowCodeReactions: import("../../shared/types").LowCodeTypes.reactionConfig[];
             linebarAutoHidden: boolean;
             bordered: string | boolean;
@@ -510,6 +522,8 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             outBordered: boolean;
             forceClearable: boolean;
             wordSplitFilter: boolean;
+            selectMode: boolean;
+            selectedFields: string[];
         }>) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -687,7 +701,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             readonly displayDirective: "if" | "show" | "show:lazy";
         }>;
         NTabs: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
             type: import("vue").PropType<import("./src/types").FieldItem[]>;
         };
@@ -819,6 +833,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: import("vue").PropType<boolean | ((fieldItem: import("./src/types").FieldItem) => boolean | void)>;
             default: boolean;
         };
+        autoExpand: BooleanConstructor;
         lowCodeReactions: {
             type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionConfig[]>;
         };
@@ -855,10 +870,15 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        selectMode: BooleanConstructor;
+        selectedFields: {
+            type: import("vue").PropType<string[]>;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
         onAnnotationChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
     }, {
         anchor: boolean;
         maxHeight: string | number;
@@ -869,12 +889,14 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         scope: import("../../shared/types").AnyObject;
         consumer: boolean;
         enterToNextWidget: boolean | ((fieldItem: import("./src/types").FieldItem) => boolean | void);
+        autoExpand: boolean;
         linebarAutoHidden: boolean;
         bordered: string | boolean;
         uniqueCacheData: boolean;
         outBordered: boolean;
         forceClearable: boolean;
         wordSplitFilter: boolean;
+        selectMode: boolean;
         operationalFormInit: boolean;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;

package/es/components/form-render/src/FormRender.vue.d.ts

@@ -135,6 +135,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
         default: boolean;
     };
+    autoExpand: BooleanConstructor;
     lowCodeReactions: {
         type: PropType<LowCodeTypes.reactionConfig[]>;
     };
@@ -171,6 +172,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    selectMode: BooleanConstructor;
+    selectedFields: {
+        type: PropType<string[]>;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
@@ -304,6 +309,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
             default: boolean;
         };
+        autoExpand: BooleanConstructor;
         lowCodeReactions: {
             type: PropType<LowCodeTypes.reactionConfig[]>;
         };
@@ -340,12 +346,17 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        selectMode: BooleanConstructor;
+        selectedFields: {
+            type: PropType<string[]>;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
         onAnnotationChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
     }>>;
-    emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
+    emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields", ...args: any[]) => void;
     cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
     nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
     formRenderRef: import("vue").Ref<HTMLElement | undefined>;
@@ -497,6 +508,7 @@ declare const _default: import("vue").DefineComponent<{
         businessFormatter: FormBusinessFormatter;
         requestInstance: FormRequestDefine.RequestInstance;
         enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+        autoExpand: boolean;
         lowCodeReactions: LowCodeTypes.reactionConfig[];
         linebarAutoHidden: boolean;
         bordered: string | boolean;
@@ -505,6 +517,8 @@ declare const _default: import("vue").DefineComponent<{
         outBordered: boolean;
         forceClearable: boolean;
         wordSplitFilter: boolean;
+        selectMode: boolean;
+        selectedFields: string[];
     }>) => Record<string, import("@formily/vue").Stringify<{
         [key: symbol]: any;
         [key: `x-${string}`]: any;
@@ -682,7 +696,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly displayDirective: "if" | "show" | "show:lazy";
     }>;
     NTabs: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fieldList: {
         type: PropType<FieldItem[]>;
     };
@@ -814,6 +828,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
         default: boolean;
     };
+    autoExpand: BooleanConstructor;
     lowCodeReactions: {
         type: PropType<LowCodeTypes.reactionConfig[]>;
     };
@@ -850,10 +865,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    selectMode: BooleanConstructor;
+    selectedFields: {
+        type: PropType<string[]>;
+    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;
     onAnnotationChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
 }, {
     anchor: boolean;
     maxHeight: string | number;
@@ -864,12 +884,14 @@ declare const _default: import("vue").DefineComponent<{
     scope: AnyObject;
     consumer: boolean;
     enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+    autoExpand: boolean;
     linebarAutoHidden: boolean;
     bordered: string | boolean;
     uniqueCacheData: boolean;
     outBordered: boolean;
     forceClearable: boolean;
     wordSplitFilter: boolean;
+    selectMode: boolean;
     operationalFormInit: boolean;
 }>;
 export default _default;

package/es/components/form-render/src/FormRender.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,ref as o,computed as t,provide as r,onUnmounted as s,openBlock as a,createBlock as i,unref as l,mergeProps as n,withCtx as m,createElementBlock as p,createVNode as d,isRef as u,Fragment as c,renderList as f,createCommentVNode as h,createElementVNode as y,normalizeStyle as g,withKeys as j,toDisplayString as b,renderSlot as k}from"vue";import{useTheme as v}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{isNumber as C,cloneDeep as F}from"lodash-es";import"@vue/shared";import"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{NForm as S,NTabs as H,NTabPane as w,NConfigProvider as A}from"naive-ui";import{useVersion as L}from"../../../shared/hooks/useVersion.js";import{createForm as R,onFormMount as x,onFieldValueChange as B,onFieldMount as O,onFieldUnmount as I,onFieldReact as V}from"@formily/core";import{Path as _}from"@formily/path";import{FormProvider as N,FormConsumer as D}from"@formily/vue";import{InjectionFormLifeCycleCaller as q,InjectionFormGraph as W}from"./constants/index.js";import{createObjSchema as T}from"./utils/schema.js";import{useAnchor as U}from"./hooks/useAnchor.js";import{useAutoHidden as E}from"./hooks/useAutoHidden.js";import"../index.js";import{useComplexOptionsSpan as G}from"./hooks/useComplexOptions.js";import{useFieldListAdaptor as K}from"./hooks/useFieldListAdaptor.js";import"../../../shared/utils/tapable/SyncHook.js";import"../../../shared/utils/tapable/SyncBailHook.js";import"../../../shared/utils/tapable/SyncWaterfallHook.js";import"../../../shared/utils/tapable/SyncLoopHook.js";import"../../../shared/utils/tapable/AsyncParallelHook.js";import"../../../shared/utils/tapable/AsyncParallelBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesHook.js";import"../../../shared/utils/tapable/AsyncSeriesBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesLoopHook.js";import"../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js";import{useFieldVisitor as M}from"./hooks/useFieldVisitor.js";import{useFormContext as P}from"./hooks/useFormContext.js";import{useFormDomEvent as J,useFormExposeEvent as $}from"./hooks/useFormEvent.js";import{useFormGraph as z}from"./hooks/useFormGraph.js";import{useFormRenderLifeCycle as Q}from"./hooks/useFormRenderLifeCycle.js";import{validateMessageLocale as X}from"./hooks/useFormValidator.js";import{useLowCodeEvent as Y}from"./hooks/useLowCodeEvent.js";import{useLowCodeReactions as Z}from"./hooks/useLowCodeReactions.js";import{useNuiThemeOverrides as ee}from"./hooks/useNuiThemeOverrides.js";import{useOperationalForm as oe}from"./hooks/useOperationalForm.js";import{useWordbookSetting as te}from"./hooks/useWordbookSetting.js";import{useNewLowCodeReactions as re}from"./hooks/useNewLowCodeReactions.js";const se={key:0,style:{height:"54px"}},ae={style:{"white-space":"pre"}};var ie=e({__name:"FormRender",props:{fieldList:{type:Array},initialData:{type:Object,default:()=>({})},fieldVisitor:{type:Object},column:{type:Number,default:24},maxHeight:{type:[Number,String],default:""},anchor:{type:Boolean,default:!1},parallelism:{type:Number,default:3},businessFormatter:{type:Function},schema:{type:Object},components:{type:Object,default:()=>({})},scope:{type:Object,default:()=>({})},annotation:{type:Object},annotationShortcuts:{type:Array},consumer:{type:Boolean,default:!1},uuid:{type:String},lifeCycle:{type:Object},requestInstance:{type:Object},enterToNextWidget:{type:[Boolean,Function],default:!0},lowCodeReactions:{type:Array},newLowCodeReactions:{type:Array},operationalForm:{type:Array},dateOperationalForm:{type:Object},operationalFormInit:{type:Boolean,default:!0},linebarAutoHidden:{type:Boolean},bordered:{type:[Boolean,String],default:!0},outBordered:{type:Boolean,default:!1},uniqueCacheData:{type:Boolean,default:!1},forceClearable:Boolean,wordSplitFilter:{type:Boolean,default:!0}},emits:["formChange","annotationChange","scroll"],setup(e,{expose:ie,emit:le}){const ne=e,me=v(),{nuiThemeOverrides:pe}=ee();X();const de=o(),ue=t((()=>C(ne.maxHeight)?ne.maxHeight+"px":ne.maxHeight)),{SchemaField:ce,businessCollector:fe,formItemDepsCollector:he,changeContextCollector:ye,formUUID:ge}=P(ne,le),{anchorBarRef:je,currentAnchor:be,updateAnchorList:ke,anchorIdList:ve,onScroll:Ce}=U(ne,le,de,he),{callLifeCycle:Fe}=Q(ne);r(q,Fe),Fe("onSetup");const{trigger:Se}=E(),{observeFormGraph:He,setGraph:we,removeGraph:Ae}=z();r(W,He);const{lowCodeEventTrigger:Le}=Y(),Re=R({initialValues:ne.initialData,effects(e){const o={};x((()=>{Object.assign(o,F(e.values))})),B("*",(t=>{const r=_.getIn(o,t.path);_.setIn(o,t.path,t.value);const s=t.props.name.toString();fe.trigger(e,s),he.trigger(t.path),le("formChange",{fieldInstance:t,fieldKey:s,oldValue:r,fieldName:t.title,value:t.value,context:ye.getContext(s,t.value)}),Le(t),xe(s),Be(s),Oe.trigger(s),Ie.trigger(s,t.value)})),O("*",we),O("*",(e=>{const o=e.props.name.toString();xe(o),Be(o),ne.operationalFormInit&&Oe.trigger(o)})),I("*",Ae),V("*",(e=>Se(e,ne.linebarAutoHidden))),x((e=>e.query("*").forEach((e=>Se(e,ne.linebarAutoHidden))))),ne.anchor&&V("*",ke)}}),{lowCodeReactionsHandler:xe}=Z(t((()=>ne.lowCodeReactions)),Re),{newLowCodeReactionsHandler:Be}=re(t((()=>ne.newLowCodeReactions)),Re),Oe=oe(ne,Re),Ie=te().create(Re,ye),{schemaAdaptor:Ve}=K(fe,ne.lifeCycle);let _e=ne.fieldList||[];const Ne=t((()=>ne.schema?ne.schema:ne.fieldList?(_e=M().traverse(F(ne.fieldList),ne.fieldVisitor),T(Ve(_e,ne))):T({}))),{onKeydown:De}=J({formModel:Re,formRenderRef:de,props:ne}),{clearSpan:qe}=G();s((()=>qe(ge)));const We=$({formModel:Re,formRenderRef:de,formItemDepsCollector:he,businessCollector:fe,wordbookSettingHandler:Ie,operationalFormHandler:Oe,getFieldList:()=>_e,formUUID:ge});return ie({formModel:Re,validate:(e="*",o={})=>We.validate(e,o),getFormValues:(e=!0)=>We.getFormValues(e),setFormValues:async(e,o={})=>We.setFormValues(e,o),setFieldState(e,o){We.setFieldState(e,o)},resetFields(e="*"){We.resetFields(e)},queryWidget:async e=>We.queryWidget(e),getFieldList:()=>_e,applySelectedSetting:e=>We.applySelectedSetting(e),async reload(){console.error("reload function is abstract,it should be overwrite!")}}),(o,t)=>(a(),i(l(S),n({class:["form-render",{"form-render--out-border":e.outBordered}],"require-mark-placement":"left",style:l(me)},l(L)()),{default:m((()=>[e.anchor?(a(),p("section",se,[d(l(H),{value:l(be),"onUpdate:value":t[0]||(t[0]=e=>u(be)?be.value=e:null),type:"line",ref_key:"anchorBarRef",ref:je},{default:m((()=>[(a(!0),p(c,null,f(l(ve),(e=>(a(),i(l(w),{name:e.name,tab:e.title,key:e.name},null,8,["name","tab"])))),128))])),_:1},8,["value"])])):h("v-if",!0),d(l(A),{"theme-overrides":l(pe)},{default:m((()=>[y("section",{class:"form-render__wrapper",style:g({"--column":e.column,"--form-height":l(ue)}),ref_key:"formRenderRef",ref:de,onScroll:t[1]||(t[1]=(...e)=>l(Ce)&&l(Ce)(...e)),onKeydownCapture:t[2]||(t[2]=j(((...e)=>l(De)&&l(De)(...e)),["enter"]))},[d(l(N),{form:l(Re)},{default:m((()=>[d(l(ce),{schema:l(Ne)},null,8,["schema"]),e.consumer?(a(),i(l(D),{key:0},{default:m((({form:e})=>[y("div",ae,b(JSON.stringify(e.values,null,2)),1)])),_:1})):h("v-if",!0),k(o.$slots,"default")])),_:3},8,["form"])],36)])),_:3},8,["theme-overrides"])])),_:3},16,["class","style"]))}});export{ie as default};
+import{defineComponent as e,ref as o,computed as t,provide as r,onUnmounted as s,openBlock as a,createBlock as i,unref as l,mergeProps as n,withCtx as m,createElementBlock as p,createVNode as d,isRef as u,Fragment as c,renderList as f,createCommentVNode as h,createElementVNode as y,normalizeStyle as g,toDisplayString as j,renderSlot as b}from"vue";import{useTheme as k}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{isNumber as v,cloneDeep as F}from"lodash-es";import"@vue/shared";import"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{NForm as C,NTabs as S,NTabPane as H,NConfigProvider as w}from"naive-ui";import{useVersion as A}from"../../../shared/hooks/useVersion.js";import{createForm as B,onFormMount as L,onFieldValueChange as x,onFieldMount as R,onFieldUnmount as O,onFieldReact as I}from"@formily/core";import{Path as V}from"@formily/path";import{FormProvider as _,FormConsumer as D}from"@formily/vue";import{InjectionFormLifeCycleCaller as N,InjectionFormGraph as U}from"./constants/index.js";import{createObjSchema as q}from"./utils/schema.js";import{useAnchor as W}from"./hooks/useAnchor.js";import{useAutoHidden as E}from"./hooks/useAutoHidden.js";import"../index.js";import{useComplexOptionsSpan as T}from"./hooks/useComplexOptions.js";import{useFieldListAdaptor as G}from"./hooks/useFieldListAdaptor.js";import"../../../shared/utils/tapable/SyncHook.js";import"../../../shared/utils/tapable/SyncBailHook.js";import"../../../shared/utils/tapable/SyncWaterfallHook.js";import"../../../shared/utils/tapable/SyncLoopHook.js";import"../../../shared/utils/tapable/AsyncParallelHook.js";import"../../../shared/utils/tapable/AsyncParallelBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesHook.js";import"../../../shared/utils/tapable/AsyncSeriesBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesLoopHook.js";import"../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js";import{useFieldVisitor as M}from"./hooks/useFieldVisitor.js";import{useFormContext as K}from"./hooks/useFormContext.js";import{useFormDomEvent as P,useFormExposeEvent as J}from"./hooks/useFormEvent.js";import{useFormGraph as $}from"./hooks/useFormGraph.js";import{useFormRenderLifeCycle as z}from"./hooks/useFormRenderLifeCycle.js";import{validateMessageLocale as Q}from"./hooks/useFormValidator.js";import{useLowCodeEvent as X}from"./hooks/useLowCodeEvent.js";import{useLowCodeReactions as Y}from"./hooks/useLowCodeReactions.js";import{useNuiThemeOverrides as Z}from"./hooks/useNuiThemeOverrides.js";import{useOperationalForm as ee}from"./hooks/useOperationalForm.js";import{useWordbookSetting as oe}from"./hooks/useWordbookSetting.js";import{useNewLowCodeReactions as te}from"./hooks/useNewLowCodeReactions.js";const re={key:0,style:{height:"54px"}},se={style:{"white-space":"pre"}};var ae=e({__name:"FormRender",props:{fieldList:{type:Array},initialData:{type:Object,default:()=>({})},fieldVisitor:{type:Object},column:{type:Number,default:24},maxHeight:{type:[Number,String],default:""},anchor:{type:Boolean,default:!1},parallelism:{type:Number,default:3},businessFormatter:{type:Function},schema:{type:Object},components:{type:Object,default:()=>({})},scope:{type:Object,default:()=>({})},annotation:{type:Object},annotationShortcuts:{type:Array},consumer:{type:Boolean,default:!1},uuid:{type:String},lifeCycle:{type:Object},requestInstance:{type:Object},enterToNextWidget:{type:[Boolean,Function],default:!0},autoExpand:Boolean,lowCodeReactions:{type:Array},newLowCodeReactions:{type:Array},operationalForm:{type:Array},dateOperationalForm:{type:Object},operationalFormInit:{type:Boolean,default:!0},linebarAutoHidden:{type:Boolean},bordered:{type:[Boolean,String],default:!0},outBordered:{type:Boolean,default:!1},uniqueCacheData:{type:Boolean,default:!1},forceClearable:Boolean,wordSplitFilter:{type:Boolean,default:!0},selectMode:Boolean,selectedFields:{type:Array}},emits:["formChange","annotationChange","scroll","update:selectedFields"],setup(e,{expose:ae,emit:ie}){const le=e,ne=k(),{nuiThemeOverrides:me}=Z();Q();const pe=o(),de=t((()=>v(le.maxHeight)?le.maxHeight+"px":le.maxHeight)),{SchemaField:ue,businessCollector:ce,formItemDepsCollector:fe,changeContextCollector:he,formUUID:ye}=K(le,ie),{anchorBarRef:ge,currentAnchor:je,updateAnchorList:be,anchorIdList:ke,onScroll:ve}=W(le,ie,pe,fe),{callLifeCycle:Fe}=z(le);r(N,Fe),Fe("onSetup");const{trigger:Ce}=E(),{observeFormGraph:Se,setGraph:He,removeGraph:we}=$();r(U,Se);const{lowCodeEventTrigger:Ae}=X(),Be=B({initialValues:le.initialData,effects(e){const o={};L((()=>{Object.assign(o,F(e.values))})),x("*",(t=>{const r=V.getIn(o,t.path);V.setIn(o,t.path,t.value);const s=t.props.name.toString();ce.trigger(e,s),fe.trigger(t.path),ie("formChange",{fieldInstance:t,fieldKey:s,oldValue:r,fieldName:t.title,value:t.value,context:he.getContext(s,t.value)}),Ae(t),Le(s),xe(s),Re.trigger(s),Oe.trigger(s,t.value)})),R("*",He),R("*",(e=>{const o=e.props.name.toString();Le(o),xe(o),le.operationalFormInit&&Re.trigger(o)})),O("*",we),I("*",(e=>Ce(e,le.linebarAutoHidden))),L((e=>e.query("*").forEach((e=>Ce(e,le.linebarAutoHidden))))),le.anchor&&I("*",be)}}),{lowCodeReactionsHandler:Le}=Y(t((()=>le.lowCodeReactions)),Be),{newLowCodeReactionsHandler:xe}=te(t((()=>le.newLowCodeReactions)),Be),Re=ee(le,Be),Oe=oe().create(Be,he),{schemaAdaptor:Ie}=G(ce,le.lifeCycle);let Ve=le.fieldList||[];const _e=t((()=>le.schema?le.schema:le.fieldList?(Ve=M().traverse(F(le.fieldList),le.fieldVisitor),q(Ie(Ve,le))):q({}))),{onKeydown:De}=P({formModel:Be,formRenderRef:pe,props:le,formUUID:ye}),{clearSpan:Ne}=T();s((()=>Ne(ye)));const Ue=J({formModel:Be,formRenderRef:pe,formItemDepsCollector:fe,businessCollector:ce,wordbookSettingHandler:Oe,operationalFormHandler:Re,getFieldList:()=>Ve,formUUID:ye});return ae({formModel:Be,validate:(e="*",o={})=>Ue.validate(e,o),getFormValues:(e=!0)=>Ue.getFormValues(e),setFormValues:async(e,o={})=>Ue.setFormValues(e,o),setFieldState(e,o){Ue.setFieldState(e,o)},resetFields(e="*"){Ue.resetFields(e)},queryWidget:async e=>Ue.queryWidget(e),getFieldList:()=>Ve,applySelectedSetting:e=>Ue.applySelectedSetting(e),async reload(){console.error("reload function is abstract,it should be overwrite!")}}),(o,t)=>(a(),i(l(C),n({class:["form-render",{"form-render--out-border":e.outBordered}],"require-mark-placement":"left",style:l(ne)},l(A)(),{uuid:l(ye)}),{default:m((()=>[e.anchor?(a(),p("section",re,[d(l(S),{value:l(je),"onUpdate:value":t[0]||(t[0]=e=>u(je)?je.value=e:null),type:"line",ref_key:"anchorBarRef",ref:ge},{default:m((()=>[(a(!0),p(c,null,f(l(ke),(e=>(a(),i(l(H),{name:e.name,tab:e.title,key:e.name},null,8,["name","tab"])))),128))])),_:1},8,["value"])])):h("v-if",!0),d(l(w),{"theme-overrides":l(me)},{default:m((()=>[y("section",{class:"form-render__wrapper",style:g({"--column":e.column,"--form-height":l(de)}),ref_key:"formRenderRef",ref:pe,onScroll:t[1]||(t[1]=(...e)=>l(ve)&&l(ve)(...e)),onKeydownCapture:t[2]||(t[2]=(...e)=>l(De)&&l(De)(...e))},[d(l(_),{form:l(Be)},{default:m((()=>[d(l(ue),{schema:l(_e)},null,8,["schema"]),e.consumer?(a(),i(l(D),{key:0},{default:m((({form:e})=>[y("div",se,j(JSON.stringify(e.values,null,2)),1)])),_:1})):h("v-if",!0),b(o.$slots,"default")])),_:3},8,["form"])],36)])),_:3},8,["theme-overrides"])])),_:3},16,["class","style","uuid"]))}});export{ae as default};