cnhis-design-vue 3.3.1-beta.2 → 3.3.1-beta.4

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

@@ -122,6 +122,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
             linebarTextDirection: "horizontal" | "vertical";
             autoWidth: number | boolean;
             feedbackType: "default" | "tooltip";
+            fixMemoLeak: boolean;
+            lazyRender: boolean;
         }>>>;
     };
     beforeMove: {
@@ -250,6 +252,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 linebarTextDirection: "horizontal" | "vertical";
                 autoWidth: number | boolean;
                 feedbackType: "default" | "tooltip";
+                fixMemoLeak: boolean;
+                lazyRender: boolean;
             }>>>;
         };
         beforeMove: {
@@ -322,7 +326,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
     extraOptions: import("vue").ComputedRef<import("./src/types").FormConfigItem[]>;
     onFocus: () => Promise<void>;
     useVersion: typeof import("../../shared/hooks").useVersion;
-    useFormConfigLocale: any;
+    useFormConfigLocale: typeof import("./src/hooks/useLocale").useFormConfigLocale;
     Draggable: import("vue").DefineComponent<{
         list: {
             type: ArrayConstructor;
@@ -618,6 +622,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 fixMemoLeak: {
                     type: BooleanConstructor;
                 };
+                lazyRender: BooleanConstructor;
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -820,6 +825,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     fixMemoLeak: {
                         type: BooleanConstructor;
                     };
+                    lazyRender: BooleanConstructor;
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
@@ -994,6 +1000,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     linebarTextDirection: "horizontal" | "vertical";
                     autoWidth: number | boolean;
                     feedbackType: "default" | "tooltip";
+                    fixMemoLeak: boolean;
+                    lazyRender: boolean;
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
@@ -1380,6 +1388,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 fixMemoLeak: {
                     type: BooleanConstructor;
                 };
+                lazyRender: BooleanConstructor;
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -1411,9 +1420,10 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 linebarTextDirection: "horizontal" | "vertical";
                 autoWidth: number | boolean;
                 feedbackType: "default" | "tooltip";
+                fixMemoLeak: boolean;
+                lazyRender: boolean;
                 operationalFormInit: boolean;
                 incrementalRender: boolean;
-                fixMemoLeak: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -1642,6 +1652,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 linebarTextDirection: "horizontal" | "vertical";
                 autoWidth: number | boolean;
                 feedbackType: "default" | "tooltip";
+                fixMemoLeak: boolean;
+                lazyRender: boolean;
             }>>>;
         };
     }, {
@@ -1758,6 +1770,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     linebarTextDirection: "horizontal" | "vertical";
                     autoWidth: number | boolean;
                     feedbackType: "default" | "tooltip";
+                    fixMemoLeak: boolean;
+                    lazyRender: boolean;
                 }>>>;
             };
         }>> & {}>>;
@@ -2904,6 +2918,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 fixMemoLeak: {
                     type: BooleanConstructor;
                 };
+                lazyRender: BooleanConstructor;
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -3106,6 +3121,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     fixMemoLeak: {
                         type: BooleanConstructor;
                     };
+                    lazyRender: BooleanConstructor;
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
@@ -3280,6 +3296,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     linebarTextDirection: "horizontal" | "vertical";
                     autoWidth: number | boolean;
                     feedbackType: "default" | "tooltip";
+                    fixMemoLeak: boolean;
+                    lazyRender: boolean;
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
@@ -3666,6 +3684,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 fixMemoLeak: {
                     type: BooleanConstructor;
                 };
+                lazyRender: BooleanConstructor;
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -3697,9 +3716,10 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 linebarTextDirection: "horizontal" | "vertical";
                 autoWidth: number | boolean;
                 feedbackType: "default" | "tooltip";
+                fixMemoLeak: boolean;
+                lazyRender: boolean;
                 operationalFormInit: boolean;
                 incrementalRender: boolean;
-                fixMemoLeak: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -3815,6 +3835,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 linebarTextDirection: "horizontal" | "vertical";
                 autoWidth: number | boolean;
                 feedbackType: "default" | "tooltip";
+                fixMemoLeak: boolean;
+                lazyRender: boolean;
             }>>>;
         };
     }>>, {}>;
@@ -4244,6 +4266,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 fixMemoLeak: {
                     type: BooleanConstructor;
                 };
+                lazyRender: BooleanConstructor;
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -4446,6 +4469,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     fixMemoLeak: {
                         type: BooleanConstructor;
                     };
+                    lazyRender: BooleanConstructor;
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
@@ -4620,6 +4644,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     linebarTextDirection: "horizontal" | "vertical";
                     autoWidth: number | boolean;
                     feedbackType: "default" | "tooltip";
+                    fixMemoLeak: boolean;
+                    lazyRender: boolean;
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
@@ -5006,6 +5032,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 fixMemoLeak: {
                     type: BooleanConstructor;
                 };
+                lazyRender: BooleanConstructor;
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -5037,9 +5064,10 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 linebarTextDirection: "horizontal" | "vertical";
                 autoWidth: number | boolean;
                 feedbackType: "default" | "tooltip";
+                fixMemoLeak: boolean;
+                lazyRender: boolean;
                 operationalFormInit: boolean;
                 incrementalRender: boolean;
-                fixMemoLeak: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "validateFailure")[], "update:modelValue" | "validateFailure", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -5211,6 +5239,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
             linebarTextDirection: "horizontal" | "vertical";
             autoWidth: number | boolean;
             feedbackType: "default" | "tooltip";
+            fixMemoLeak: boolean;
+            lazyRender: boolean;
         }>>>;
     };
     beforeMove: {

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

@@ -1,5 +1,6 @@
 import { useVersion } from '../../../shared/hooks';
 import { AnyFn, LowCodeTypes } from '../../../shared/types';
+import { useFormConfigLocale } from '../../../components/form-config/src/hooks/useLocale';
 import { PropType, Ref } from 'vue';
 import { FormConfigItem, FormConfigTextFormatter, FormConfigVisitor } from '../../../components/form-config/src/types';
 import { FormRenderExpose } from '../../../components/form-render';
@@ -124,6 +125,8 @@ declare const _default: import("vue").DefineComponent<{
             linebarTextDirection: "horizontal" | "vertical";
             autoWidth: number | boolean;
             feedbackType: "default" | "tooltip";
+            fixMemoLeak: boolean;
+            lazyRender: boolean;
         }>>>;
     };
     beforeMove: {
@@ -252,6 +255,8 @@ declare const _default: import("vue").DefineComponent<{
                 linebarTextDirection: "horizontal" | "vertical";
                 autoWidth: number | boolean;
                 feedbackType: "default" | "tooltip";
+                fixMemoLeak: boolean;
+                lazyRender: boolean;
             }>>>;
         };
         beforeMove: {
@@ -324,7 +329,7 @@ declare const _default: import("vue").DefineComponent<{
     extraOptions: import("vue").ComputedRef<FormConfigItem[]>;
     onFocus: () => Promise<void>;
     useVersion: typeof useVersion;
-    useFormConfigLocale: any;
+    useFormConfigLocale: typeof useFormConfigLocale;
     Draggable: import("vue").DefineComponent<{
         list: {
             type: ArrayConstructor;
@@ -412,7 +417,7 @@ declare const _default: import("vue").DefineComponent<{
         NButton: any;
         NButtonGroup: any;
         NPopconfirm: any;
-        useFormConfigLocale: typeof import("..").useFormConfigLocale;
+        useFormConfigLocale: typeof useFormConfigLocale;
         CFormRender: import("../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{}, {
             formRenderRef: Ref<FormRenderExpose | undefined>;
             key: Ref<number>;
@@ -620,6 +625,7 @@ declare const _default: import("vue").DefineComponent<{
                 fixMemoLeak: {
                     type: BooleanConstructor;
                 };
+                lazyRender: BooleanConstructor;
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -822,6 +828,7 @@ declare const _default: import("vue").DefineComponent<{
                     fixMemoLeak: {
                         type: BooleanConstructor;
                     };
+                    lazyRender: BooleanConstructor;
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
@@ -996,6 +1003,8 @@ declare const _default: import("vue").DefineComponent<{
                     linebarTextDirection: "horizontal" | "vertical";
                     autoWidth: number | boolean;
                     feedbackType: "default" | "tooltip";
+                    fixMemoLeak: boolean;
+                    lazyRender: boolean;
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
@@ -1382,6 +1391,7 @@ declare const _default: import("vue").DefineComponent<{
                 fixMemoLeak: {
                     type: BooleanConstructor;
                 };
+                lazyRender: BooleanConstructor;
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -1413,9 +1423,10 @@ declare const _default: import("vue").DefineComponent<{
                 linebarTextDirection: "horizontal" | "vertical";
                 autoWidth: number | boolean;
                 feedbackType: "default" | "tooltip";
+                fixMemoLeak: boolean;
+                lazyRender: boolean;
                 operationalFormInit: boolean;
                 incrementalRender: boolean;
-                fixMemoLeak: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -1644,6 +1655,8 @@ declare const _default: import("vue").DefineComponent<{
                 linebarTextDirection: "horizontal" | "vertical";
                 autoWidth: number | boolean;
                 feedbackType: "default" | "tooltip";
+                fixMemoLeak: boolean;
+                lazyRender: boolean;
             }>>>;
         };
     }, {
@@ -1760,6 +1773,8 @@ declare const _default: import("vue").DefineComponent<{
                     linebarTextDirection: "horizontal" | "vertical";
                     autoWidth: number | boolean;
                     feedbackType: "default" | "tooltip";
+                    fixMemoLeak: boolean;
+                    lazyRender: boolean;
                 }>>>;
             };
         }>> & {}>>;
@@ -2696,7 +2711,7 @@ declare const _default: import("vue").DefineComponent<{
         }[]>;
         onOptionModalCancel: () => void;
         onOptionModalConfirm: () => void;
-        useFormConfigLocale: typeof import("..").useFormConfigLocale;
+        useFormConfigLocale: typeof useFormConfigLocale;
         NModal: any;
         NInput: any;
         CFormRender: import("../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{}, {
@@ -2906,6 +2921,7 @@ declare const _default: import("vue").DefineComponent<{
                 fixMemoLeak: {
                     type: BooleanConstructor;
                 };
+                lazyRender: BooleanConstructor;
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -3108,6 +3124,7 @@ declare const _default: import("vue").DefineComponent<{
                     fixMemoLeak: {
                         type: BooleanConstructor;
                     };
+                    lazyRender: BooleanConstructor;
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
@@ -3282,6 +3299,8 @@ declare const _default: import("vue").DefineComponent<{
                     linebarTextDirection: "horizontal" | "vertical";
                     autoWidth: number | boolean;
                     feedbackType: "default" | "tooltip";
+                    fixMemoLeak: boolean;
+                    lazyRender: boolean;
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
@@ -3668,6 +3687,7 @@ declare const _default: import("vue").DefineComponent<{
                 fixMemoLeak: {
                     type: BooleanConstructor;
                 };
+                lazyRender: BooleanConstructor;
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -3699,9 +3719,10 @@ declare const _default: import("vue").DefineComponent<{
                 linebarTextDirection: "horizontal" | "vertical";
                 autoWidth: number | boolean;
                 feedbackType: "default" | "tooltip";
+                fixMemoLeak: boolean;
+                lazyRender: boolean;
                 operationalFormInit: boolean;
                 incrementalRender: boolean;
-                fixMemoLeak: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -3817,6 +3838,8 @@ declare const _default: import("vue").DefineComponent<{
                 linebarTextDirection: "horizontal" | "vertical";
                 autoWidth: number | boolean;
                 feedbackType: "default" | "tooltip";
+                fixMemoLeak: boolean;
+                lazyRender: boolean;
             }>>>;
         };
     }>>, {}>;
@@ -4246,6 +4269,7 @@ declare const _default: import("vue").DefineComponent<{
                 fixMemoLeak: {
                     type: BooleanConstructor;
                 };
+                lazyRender: BooleanConstructor;
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -4448,6 +4472,7 @@ declare const _default: import("vue").DefineComponent<{
                     fixMemoLeak: {
                         type: BooleanConstructor;
                     };
+                    lazyRender: BooleanConstructor;
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
@@ -4622,6 +4647,8 @@ declare const _default: import("vue").DefineComponent<{
                     linebarTextDirection: "horizontal" | "vertical";
                     autoWidth: number | boolean;
                     feedbackType: "default" | "tooltip";
+                    fixMemoLeak: boolean;
+                    lazyRender: boolean;
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
@@ -5008,6 +5035,7 @@ declare const _default: import("vue").DefineComponent<{
                 fixMemoLeak: {
                     type: BooleanConstructor;
                 };
+                lazyRender: BooleanConstructor;
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -5039,9 +5067,10 @@ declare const _default: import("vue").DefineComponent<{
                 linebarTextDirection: "horizontal" | "vertical";
                 autoWidth: number | boolean;
                 feedbackType: "default" | "tooltip";
+                fixMemoLeak: boolean;
+                lazyRender: boolean;
                 operationalFormInit: boolean;
                 incrementalRender: boolean;
-                fixMemoLeak: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "validateFailure")[], "update:modelValue" | "validateFailure", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -5213,6 +5242,8 @@ declare const _default: import("vue").DefineComponent<{
             linebarTextDirection: "horizontal" | "vertical";
             autoWidth: number | boolean;
             feedbackType: "default" | "tooltip";
+            fixMemoLeak: boolean;
+            lazyRender: boolean;
         }>>>;
     };
     beforeMove: {

package/es/components/form-config/src/FormConfig.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,provide as o,ref as r,computed as t,toRaw as a,openBlock as i,createElementBlock as s,mergeProps as l,unref as n,createElementVNode as m,toDisplayString as f,createVNode as u,isRef as d,withCtx as c,createBlock as p,createCommentVNode as v,createTextVNode as g}from"vue";import{useTheme as h}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{isArray as _,cloneDeep as y,isFunction as x}from"lodash-es";import"@vue/shared";import{uuidGenerator as j,traverse as k}from"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{NSelect as L,NSpace as C}from"naive-ui";import{useVersion as F}from"../../../shared/hooks/useVersion.js";import"../../../shared/hooks/useScrollLoading.js";import{useFormConfigLocale as b}from"@cnhis-design-vue/components/form-config/src/hooks/useLocale";import V from"../../../shared/components/VueDraggable/src/vuedraggable.js";import M from"./components/FormConfigCreator.vue.js";import R from"./components/FormConfigDragDisplay.vue.js";import w from"./components/FormConfigEdit.vue.js";import D from"./components/FormConfigEventSetting.vue.js";import E from"./components/FormConfigMaterialItem.js";import{useDataNormalize as H}from"./hooks/useDataNormalize.js";import{InjectionFormConfigProps as S,InjectionFormConfigEmit as A,InjectionFieldList as I,InjectionMaterialList as U,InjectionLowCodeReactions as O,InjectionActiveFieldItem as P,FORM_CONFIG_GROUP as T}from"./constants/index.js";import{fieldItemNormalize as z}from"./utils/index.js";import{useSortableConfig as B}from"./hooks/useSortalbeConfig.js";import"./hooks/useConfigurationField.js";const N=["id"],W={class:"form-config__material"},q={class:"form-config__materialHeader"},G={class:"form-config__displayWrapper"},J={class:"form-config__displayHeader"},K={class:"form-config__config"},Q={class:"form-config__configHeader"},X={class:"form-config__configContent"};var Y=e({__name:"FormConfig",props:{maxHeight:{type:String},fieldVisitor:{type:Object},textFormatter:{type:Function},formRenderRef:{type:Object},extraMaterialList:{type:[Array,Function]},formProps:{type:Object},beforeMove:{type:Function},showLowCodeReactions:Boolean},emits:["addItem","removeItem","reactionsValidateFailure"],setup(e,{expose:Y,emit:Z}){const $=e;o(S,$),o(A,Z);const ee=j(),oe=h(),re=r([]);o(I,re);const te=r([]);o(U,te);const ae=r([]);function ie(e){re.value.some((o=>o.key===e.key))||re.value.push(e)}o(O,ae);const se=(e,o)=>x($.textFormatter)?$.textFormatter(e,o):o,le=r();o(P,le);const ne=r(),{transform:me,inverseTransform:fe}=H($),ue=t({get:()=>null,set(e){if(!e)return;const o=ce.value.find((o=>o.key===e));o&&(o.__extra=!0,z(o),te.value.push(o),Z("addItem",o))}}),de=r([]),ce=t((()=>{if(!_(de.value))return[];const e=[];return k([...te.value,...re.value],(o=>e.push(o.key))),de.value.filter((o=>!e.find((e=>e===o.key))))}));async function pe(){$.extraMaterialList&&!de.value.length&&(de.value=x($.extraMaterialList)?await $.extraMaterialList():$.extraMaterialList)}return Y({loadData({fieldList:e,lowCodeReactions:o=[]}){let r=[],t=[];e.forEach((e=>{return!1===(o=y(a(e))).show?t.push(o):r.push(o),void z(o);var o})),re.value=me(r),te.value=t,ae.value=o,le.value=void 0},validate(){var e;return null==(e=ne.value)?void 0:e.validate()},getData:(e=!1)=>({fieldList:fe(y(a(re.value)),e,{show:!0}),materialList:fe(y(a(te.value)),e,{show:!1}),lowCodeReactions:y(a(ae.value))}),clearExtraList(){de.value=[]}}),(o,r)=>(i(),s("section",l({class:"form-config",style:{"--max-height":e.maxHeight,...n(oe)},id:n(ee)},n(F)()),[m("section",W,[m("header",q,f(n(b)("materialArea")),1),u(n(V),l(B({fieldList:re,materialList:te,hooks:{beforeMove:$.beforeMove}}),{class:"form-config__materialContent",modelValue:n(te),"onUpdate:modelValue":r[0]||(r[0]=e=>d(te)?te.value=e:null)}),{item:c((({element:e})=>[u(n(E),{"form-config-item":e,"text-formatter":se,"material-List":n(te)},null,8,["form-config-item","material-List"])])),_:1},16,["modelValue"]),e.extraMaterialList?(i(),p(n(L),{key:0,class:"form-config__materialExtraList",filterable:"",value:n(ue),"onUpdate:value":r[1]||(r[1]=e=>d(ue)?ue.value=e:null),placeholder:n(b)("materialArea.createMaterialPlaceholder"),options:n(ce),"label-field":"name","value-field":"key",onFocus:pe},null,8,["value","placeholder","options"])):v("v-if",!0)]),m("section",G,[m("header",J,[g(f(n(b)("layoutArea"))+" ",1),u(n(C),null,{default:c((()=>[e.showLowCodeReactions?(i(),p(D,{key:0,modelValue:ae.value,"onUpdate:modelValue":r[2]||(r[2]=e=>ae.value=e),"bind-form-render-ref":e.formRenderRef,onValidateFailure:r[3]||(r[3]=e=>Z("reactionsValidateFailure",e))},null,8,["modelValue","bind-form-render-ref"])):v("v-if",!0),u(M,{onSubmit:ie})])),_:1})]),u(R,{class:"form-config__displayContent",group:n(T),"text-formatter":se,modelValue:n(re),"onUpdate:modelValue":r[4]||(r[4]=e=>d(re)?re.value=e:null)},null,8,["group","modelValue"])]),m("section",K,[m("header",Q,f(n(b)("configArea")),1),m("section",X,[u(w,{ref_key:"formConfigEditRef",ref:ne,uuid:n(ee),"bind-form-render-ref":e.formRenderRef,"form-props":e.formProps},null,8,["uuid","bind-form-render-ref","form-props"])])])],16,N))}});export{Y as default};
+import{defineComponent as e,provide as o,ref as r,computed as t,toRaw as a,openBlock as i,createElementBlock as s,mergeProps as l,unref as n,createElementVNode as m,toDisplayString as f,createVNode as u,isRef as d,withCtx as c,createBlock as p,createCommentVNode as v,createTextVNode as g}from"vue";import{useTheme as h}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{isArray as _,cloneDeep as y,isFunction as x}from"lodash-es";import"@vue/shared";import{uuidGenerator as j,traverse as k}from"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{NSelect as L,NSpace as C}from"naive-ui";import{useVersion as F}from"../../../shared/hooks/useVersion.js";import"../../../shared/hooks/useScrollLoading.js";import{useFormConfigLocale as b}from"./hooks/useLocale.js";import V from"../../../shared/components/VueDraggable/src/vuedraggable.js";import M from"./components/FormConfigCreator.vue.js";import R from"./components/FormConfigDragDisplay.vue.js";import w from"./components/FormConfigEdit.vue.js";import D from"./components/FormConfigEventSetting.vue.js";import E from"./components/FormConfigMaterialItem.js";import{useDataNormalize as H}from"./hooks/useDataNormalize.js";import{InjectionFormConfigProps as S,InjectionFormConfigEmit as A,InjectionFieldList as I,InjectionMaterialList as U,InjectionLowCodeReactions as O,InjectionActiveFieldItem as P,FORM_CONFIG_GROUP as T}from"./constants/index.js";import{fieldItemNormalize as z}from"./utils/index.js";import{useSortableConfig as B}from"./hooks/useSortalbeConfig.js";import"./hooks/useConfigurationField.js";const N=["id"],W={class:"form-config__material"},q={class:"form-config__materialHeader"},G={class:"form-config__displayWrapper"},J={class:"form-config__displayHeader"},K={class:"form-config__config"},Q={class:"form-config__configHeader"},X={class:"form-config__configContent"};var Y=e({__name:"FormConfig",props:{maxHeight:{type:String},fieldVisitor:{type:Object},textFormatter:{type:Function},formRenderRef:{type:Object},extraMaterialList:{type:[Array,Function]},formProps:{type:Object},beforeMove:{type:Function},showLowCodeReactions:Boolean},emits:["addItem","removeItem","reactionsValidateFailure"],setup(e,{expose:Y,emit:Z}){const $=e;o(S,$),o(A,Z);const ee=j(),oe=h(),re=r([]);o(I,re);const te=r([]);o(U,te);const ae=r([]);function ie(e){re.value.some((o=>o.key===e.key))||re.value.push(e)}o(O,ae);const se=(e,o)=>x($.textFormatter)?$.textFormatter(e,o):o,le=r();o(P,le);const ne=r(),{transform:me,inverseTransform:fe}=H($),ue=t({get:()=>null,set(e){if(!e)return;const o=ce.value.find((o=>o.key===e));o&&(o.__extra=!0,z(o),te.value.push(o),Z("addItem",o))}}),de=r([]),ce=t((()=>{if(!_(de.value))return[];const e=[];return k([...te.value,...re.value],(o=>e.push(o.key))),de.value.filter((o=>!e.find((e=>e===o.key))))}));async function pe(){$.extraMaterialList&&!de.value.length&&(de.value=x($.extraMaterialList)?await $.extraMaterialList():$.extraMaterialList)}return Y({loadData({fieldList:e,lowCodeReactions:o=[]}){let r=[],t=[];e.forEach((e=>{return!1===(o=y(a(e))).show?t.push(o):r.push(o),void z(o);var o})),re.value=me(r),te.value=t,ae.value=o,le.value=void 0},validate(){var e;return null==(e=ne.value)?void 0:e.validate()},getData:(e=!1)=>({fieldList:fe(y(a(re.value)),e,{show:!0}),materialList:fe(y(a(te.value)),e,{show:!1}),lowCodeReactions:y(a(ae.value))}),clearExtraList(){de.value=[]}}),(o,r)=>(i(),s("section",l({class:"form-config",style:{"--max-height":e.maxHeight,...n(oe)},id:n(ee)},n(F)()),[m("section",W,[m("header",q,f(n(b)("materialArea")),1),u(n(V),l(B({fieldList:re,materialList:te,hooks:{beforeMove:$.beforeMove}}),{class:"form-config__materialContent",modelValue:n(te),"onUpdate:modelValue":r[0]||(r[0]=e=>d(te)?te.value=e:null)}),{item:c((({element:e})=>[u(n(E),{"form-config-item":e,"text-formatter":se,"material-List":n(te)},null,8,["form-config-item","material-List"])])),_:1},16,["modelValue"]),e.extraMaterialList?(i(),p(n(L),{key:0,class:"form-config__materialExtraList",filterable:"",value:n(ue),"onUpdate:value":r[1]||(r[1]=e=>d(ue)?ue.value=e:null),placeholder:n(b)("materialArea.createMaterialPlaceholder"),options:n(ce),"label-field":"name","value-field":"key",onFocus:pe},null,8,["value","placeholder","options"])):v("v-if",!0)]),m("section",G,[m("header",J,[g(f(n(b)("layoutArea"))+" ",1),u(n(C),null,{default:c((()=>[e.showLowCodeReactions?(i(),p(D,{key:0,modelValue:ae.value,"onUpdate:modelValue":r[2]||(r[2]=e=>ae.value=e),"bind-form-render-ref":e.formRenderRef,onValidateFailure:r[3]||(r[3]=e=>Z("reactionsValidateFailure",e))},null,8,["modelValue","bind-form-render-ref"])):v("v-if",!0),u(M,{onSubmit:ie})])),_:1})]),u(R,{class:"form-config__displayContent",group:n(T),"text-formatter":se,modelValue:n(re),"onUpdate:modelValue":r[4]||(r[4]=e=>d(re)?re.value=e:null)},null,8,["group","modelValue"])]),m("section",K,[m("header",Q,f(n(b)("configArea")),1),m("section",X,[u(w,{ref_key:"formConfigEditRef",ref:ne,uuid:n(ee),"bind-form-render-ref":e.formRenderRef,"form-props":e.formProps},null,8,["uuid","bind-form-render-ref","form-props"])])])],16,N))}});export{Y as default};

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

@@ -223,6 +223,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             fixMemoLeak: {
                 type: BooleanConstructor;
             };
+            lazyRender: BooleanConstructor;
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
@@ -425,6 +426,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 fixMemoLeak: {
                     type: BooleanConstructor;
                 };
+                lazyRender: BooleanConstructor;
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -599,6 +601,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 linebarTextDirection: "horizontal" | "vertical";
                 autoWidth: number | boolean;
                 feedbackType: "default" | "tooltip";
+                fixMemoLeak: boolean;
+                lazyRender: boolean;
             }>) => Record<string, import("@formily/json-schema").Stringify<{
                 [key: symbol]: any;
                 [key: `x-${string}`]: any;
@@ -985,6 +989,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             fixMemoLeak: {
                 type: BooleanConstructor;
             };
+            lazyRender: BooleanConstructor;
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -1016,9 +1021,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             linebarTextDirection: "horizontal" | "vertical";
             autoWidth: number | boolean;
             feedbackType: "default" | "tooltip";
+            fixMemoLeak: boolean;
+            lazyRender: boolean;
             operationalFormInit: boolean;
             incrementalRender: boolean;
-            fixMemoLeak: boolean;
         }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

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

@@ -116,6 +116,8 @@ declare const _default: import("vue").DefineComponent<{
             linebarTextDirection: "horizontal" | "vertical";
             autoWidth: number | boolean;
             feedbackType: "default" | "tooltip";
+            fixMemoLeak: boolean;
+            lazyRender: boolean;
         }>>>;
     };
 }, {
@@ -232,6 +234,8 @@ declare const _default: import("vue").DefineComponent<{
                 linebarTextDirection: "horizontal" | "vertical";
                 autoWidth: number | boolean;
                 feedbackType: "default" | "tooltip";
+                fixMemoLeak: boolean;
+                lazyRender: boolean;
             }>>>;
         };
     }>> & {}>>;
@@ -1378,6 +1382,7 @@ declare const _default: import("vue").DefineComponent<{
             fixMemoLeak: {
                 type: BooleanConstructor;
             };
+            lazyRender: BooleanConstructor;
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
@@ -1580,6 +1585,7 @@ declare const _default: import("vue").DefineComponent<{
                 fixMemoLeak: {
                     type: BooleanConstructor;
                 };
+                lazyRender: BooleanConstructor;
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -1754,6 +1760,8 @@ declare const _default: import("vue").DefineComponent<{
                 linebarTextDirection: "horizontal" | "vertical";
                 autoWidth: number | boolean;
                 feedbackType: "default" | "tooltip";
+                fixMemoLeak: boolean;
+                lazyRender: boolean;
             }>) => Record<string, import("@formily/json-schema").Stringify<{
                 [key: symbol]: any;
                 [key: `x-${string}`]: any;
@@ -2140,6 +2148,7 @@ declare const _default: import("vue").DefineComponent<{
             fixMemoLeak: {
                 type: BooleanConstructor;
             };
+            lazyRender: BooleanConstructor;
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -2171,9 +2180,10 @@ declare const _default: import("vue").DefineComponent<{
             linebarTextDirection: "horizontal" | "vertical";
             autoWidth: number | boolean;
             feedbackType: "default" | "tooltip";
+            fixMemoLeak: boolean;
+            lazyRender: boolean;
             operationalFormInit: boolean;
             incrementalRender: boolean;
-            fixMemoLeak: boolean;
         }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -2289,6 +2299,8 @@ declare const _default: import("vue").DefineComponent<{
             linebarTextDirection: "horizontal" | "vertical";
             autoWidth: number | boolean;
             feedbackType: "default" | "tooltip";
+            fixMemoLeak: boolean;
+            lazyRender: boolean;
         }>>>;
     };
 }>>, {}>;

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

@@ -428,6 +428,7 @@ declare const _default: import("vue").DefineComponent<{
             fixMemoLeak: {
                 type: BooleanConstructor;
             };
+            lazyRender: BooleanConstructor;
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
@@ -630,6 +631,7 @@ declare const _default: import("vue").DefineComponent<{
                 fixMemoLeak: {
                     type: BooleanConstructor;
                 };
+                lazyRender: BooleanConstructor;
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -804,6 +806,8 @@ declare const _default: import("vue").DefineComponent<{
                 linebarTextDirection: "horizontal" | "vertical";
                 autoWidth: number | boolean;
                 feedbackType: "default" | "tooltip";
+                fixMemoLeak: boolean;
+                lazyRender: boolean;
             }>) => Record<string, import("@formily/json-schema").Stringify<{
                 [key: symbol]: any;
                 [key: `x-${string}`]: any;
@@ -1190,6 +1194,7 @@ declare const _default: import("vue").DefineComponent<{
             fixMemoLeak: {
                 type: BooleanConstructor;
             };
+            lazyRender: BooleanConstructor;
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -1221,9 +1226,10 @@ declare const _default: import("vue").DefineComponent<{
             linebarTextDirection: "horizontal" | "vertical";
             autoWidth: number | boolean;
             feedbackType: "default" | "tooltip";
+            fixMemoLeak: boolean;
+            lazyRender: boolean;
             operationalFormInit: boolean;
             incrementalRender: boolean;
-            fixMemoLeak: boolean;
         }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "validateFailure")[], "update:modelValue" | "validateFailure", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

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

@@ -209,6 +209,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         fixMemoLeak: {
             type: BooleanConstructor;
         };
+        lazyRender: BooleanConstructor;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
@@ -411,6 +412,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             fixMemoLeak: {
                 type: BooleanConstructor;
             };
+            lazyRender: BooleanConstructor;
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -585,6 +587,8 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             linebarTextDirection: "horizontal" | "vertical";
             autoWidth: number | boolean;
             feedbackType: "default" | "tooltip";
+            fixMemoLeak: boolean;
+            lazyRender: boolean;
         }>) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -971,6 +975,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         fixMemoLeak: {
             type: BooleanConstructor;
         };
+        lazyRender: BooleanConstructor;
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
@@ -1002,9 +1007,10 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         linebarTextDirection: "horizontal" | "vertical";
         autoWidth: number | boolean;
         feedbackType: "default" | "tooltip";
+        fixMemoLeak: boolean;
+        lazyRender: boolean;
         operationalFormInit: boolean;
         incrementalRender: boolean;
-        fixMemoLeak: boolean;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
 export default FormRender;