cnhis-design-vue 3.2.15-release.5 → 3.2.16-beta.17

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

@@ -618,6 +618,9 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<"default" | "tooltip">;
                     default: string;
                 };
+                fixMemoLeak: {
+                    type: BooleanConstructor;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -817,6 +820,9 @@ declare const _default: import("vue").DefineComponent<{
                         type: PropType<"default" | "tooltip">;
                         default: string;
                     };
+                    fixMemoLeak: {
+                        type: BooleanConstructor;
+                    };
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
@@ -1374,6 +1380,9 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<"default" | "tooltip">;
                     default: string;
                 };
+                fixMemoLeak: {
+                    type: BooleanConstructor;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -1407,6 +1416,7 @@ declare const _default: import("vue").DefineComponent<{
                 feedbackType: "default" | "tooltip";
                 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, {
@@ -1921,6 +1931,8 @@ declare const _default: import("vue").DefineComponent<{
             linebarDirection?: "horizontal" | "vertical" | undefined;
             linebarTextDirection?: "horizontal" | "vertical" | undefined;
             labelColor?: string | undefined;
+            fieldTitleRed?: boolean | import("../../../components/form-render").FormCommonState | undefined;
+            fieldTitleColor?: string | undefined;
             fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
             content?: string | import("../../../components/form-render").FormRenderer | Record<string, import("../../../components/form-render").FormRenderer> | undefined;
             lazyRequest?: boolean | undefined;
@@ -2171,6 +2183,8 @@ declare const _default: import("vue").DefineComponent<{
                     linebarDirection?: "horizontal" | "vertical" | undefined;
                     linebarTextDirection?: "horizontal" | "vertical" | undefined;
                     labelColor?: string | undefined;
+                    fieldTitleRed?: boolean | import("../../../components/form-render").FormCommonState | undefined;
+                    fieldTitleColor?: string | undefined;
                     fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
                     content?: string | import("../../../components/form-render").FormRenderer | Record<string, import("../../../components/form-render").FormRenderer> | undefined;
                     lazyRequest?: boolean | undefined;
@@ -2394,6 +2408,8 @@ declare const _default: import("vue").DefineComponent<{
                 linebarDirection?: "horizontal" | "vertical" | undefined;
                 linebarTextDirection?: "horizontal" | "vertical" | undefined;
                 labelColor?: string | undefined;
+                fieldTitleRed?: boolean | import("../../../components/form-render").FormCommonState | undefined;
+                fieldTitleColor?: string | undefined;
                 fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
                 content?: string | import("../../../components/form-render").FormRenderer | Record<string, import("../../../components/form-render").FormRenderer> | undefined;
                 lazyRequest?: boolean | undefined;
@@ -2625,6 +2641,8 @@ declare const _default: import("vue").DefineComponent<{
                 linebarDirection?: "horizontal" | "vertical" | undefined;
                 linebarTextDirection?: "horizontal" | "vertical" | undefined;
                 labelColor?: string | undefined;
+                fieldTitleRed?: boolean | import("../../../components/form-render").FormCommonState | undefined;
+                fieldTitleColor?: string | undefined;
                 fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
                 content?: string | import("../../../components/form-render").FormRenderer | Record<string, import("../../../components/form-render").FormRenderer> | undefined;
                 lazyRequest?: boolean | undefined;
@@ -2886,6 +2904,9 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<"default" | "tooltip">;
                     default: string;
                 };
+                fixMemoLeak: {
+                    type: BooleanConstructor;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -3085,6 +3106,9 @@ declare const _default: import("vue").DefineComponent<{
                         type: PropType<"default" | "tooltip">;
                         default: string;
                     };
+                    fixMemoLeak: {
+                        type: BooleanConstructor;
+                    };
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
@@ -3642,6 +3666,9 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<"default" | "tooltip">;
                     default: string;
                 };
+                fixMemoLeak: {
+                    type: BooleanConstructor;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -3675,6 +3702,7 @@ declare const _default: import("vue").DefineComponent<{
                 feedbackType: "default" | "tooltip";
                 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<{
@@ -3799,9 +3827,14 @@ declare const _default: import("vue").DefineComponent<{
             required: true;
             default: () => never[];
         };
+        bindFormRenderRef: {
+            type: null;
+            required: true;
+        };
     }, {
         props: {
             modelValue: LowCodeTypes.reactionConfig[];
+            bindFormRenderRef: FormRenderExpose;
         };
         emit: (event: "update:modelValue" | "validateFailure", ...args: any[]) => void;
         cssVars: import("vue").ComputedRef<import("../../../shared/types").AnyObject>;
@@ -3853,46 +3886,152 @@ declare const _default: import("vue").DefineComponent<{
         removeCondition: (config: LowCodeTypes.reactionConfig, index: number) => void;
         onUpdateConditionType: (condition: LowCodeTypes.reactionsConObj, type: LowCodeTypes.VALUE_RELATION) => void;
         showRef: Ref<boolean>;
+        addSetValueField: (item: LowCodeTypes.reactionConfig) => void;
         fieldListRef: Ref<FormConfigItem[]>;
         fieldOptions: import("vue").ComputedRef<FormConfigItem[]>;
+        setValueTypes: string[];
         setValueFieldOptions: import("vue").ComputedRef<FormConfigItem[]>;
         currentTypeList: string[];
         dialog: import("naive-ui").DialogApi;
         onNegativeClick: () => Promise<void>;
         onPositiveClick: () => Promise<void>;
         configValidate: () => Promise<void>;
-        setValueFormFieldList: import("../../../components/form-render").FieldItem[];
-        components: {
-            SELECT2: import("vue").DefineComponent<{
-                value: {};
-                onChange: {
-                    type: PropType<(value: unknown) => void>;
-                };
-            }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        generateFieldListByKeys: (keyList: import("../../../components/form-config/src/constants").EditAbleField[], formConfigItem?: FormConfigItem | undefined, fieldItem?: import("../../../components/form-render").FieldItem | undefined) => import("../../../components/form-render").FieldItem[];
+        setValueFormFieldList: (field: string) => {
+            alias: string;
+            decoratorProps: {
+                showFeedback: boolean;
+            };
+            val_key: string;
+            html_type: "LINEBAR" | ({} & string) | "INPUT" | "TEXTAREA" | "SELECT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "DATE" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "COMBINATION" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
+            annotation?: boolean | undefined;
+            val_key_unit?: string | undefined;
+            is_edit?: import("../../../components/form-render").FormCommonState | undefined;
+            elem_width?: number | undefined;
+            is_show?: import("../../../components/form-render").FormCommonState | undefined;
+            is_null?: import("../../../components/form-render").FormCommonState | undefined;
+            name?: string | undefined;
+            default_val?: any;
+            is_empty?: import("../../../components/form-render").FormCommonState | undefined;
+            hide_title?: import("../../../components/form-render").FormCommonState | undefined;
+            placeholder?: string | undefined;
+            validate?: Partial<{
                 [key: string]: any;
-            }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-                value: {};
-                onChange: {
-                    type: PropType<(value: unknown) => void>;
-                };
-            }>>, {}>;
-        };
-        onFormChange: (payload: import("../../../components/form-render").FormChangePayload, item: LowCodeTypes.reactionConfig) => void;
+                obj_type: "password" | "sex" | "age" | "email" | "birthday" | "id_card" | "age_unit" | "mobile" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name";
+                vali_obj: string;
+                max_value: string | number;
+                min_value: string | number;
+                min_date: string;
+                max_date: string;
+                min_length: string | number;
+                max_length: string | number;
+                decimal_length: string | number;
+                regular_expression: string | RegExp;
+                regular_error_tip: string;
+                message: string;
+            }> | undefined;
+            option?: import("../../../components/form-render").FormOptionItem[] | undefined;
+            multi_select?: import("../../../components/form-render").FormCommonState | undefined;
+            multi_select_value?: string | number | undefined;
+            wordbook?: Partial<{
+                level_num: number;
+                id: string;
+                name: string;
+                render_key: string[];
+                search_key: string[];
+                value_key: string;
+                queryParams: string[];
+                primary_key: string;
+                type: string;
+                level_key: string;
+                link_key: string;
+                link_key_split: string;
+                show_key: string | string[];
+                conObj: import("../../../shared/types").AnyObject[];
+                conObjFirstLevel: import("../../../shared/types").AnyObject[];
+                setting: Partial<{
+                    cascading: {
+                        'form.name': string;
+                        value: string;
+                    }[];
+                }>;
+            }> | undefined;
+            open?: LowCodeTypes.switchProperty | undefined;
+            close?: LowCodeTypes.switchProperty | undefined;
+            requiredReminderContent?: string | undefined;
+            date_format?: string | undefined;
+            step_length?: string | number | undefined;
+            urlConfig?: import("../../../components/form-render").UrlConfig | undefined;
+            suffixConfig?: import("../../../shared/types").ArrayAble<import("../../../components/form-render").FieldItem> | undefined;
+            prefixConfig?: import("../../../shared/types").ArrayAble<import("../../../components/form-render").FieldItem> | undefined;
+            autograph?: string | undefined;
+            defined_error_msg?: string | undefined;
+            extendKey?: string | undefined;
+            is_not_fold?: string | undefined;
+            remark?: string | undefined;
+            free_entry?: import("../../../components/form-render").FormCommonState | undefined;
+            save_free_entry?: import("../../../components/form-render").FormCommonState | undefined;
+            initialize_high?: number | undefined;
+            bindEventSetting?: LowCodeTypes.BindEventSettingItem[] | undefined;
+            show_mode?: LowCodeTypes.showModeType | undefined;
+            is_allow_check_mid?: import("../../../components/form-render").FormCommonState | undefined;
+            allow_check_mid_level?: "1" | "2" | "3" | "4" | undefined;
+            prefix?: string | import("../../../shared/types").AnyObject | (() => any) | undefined;
+            suffix?: string | import("../../../shared/types").AnyObject | (() => any) | undefined;
+            allowSlash?: string | boolean | undefined;
+            allowModify?: import("../../../components/form-render").FormCommonState | undefined;
+            show_key?: string | undefined;
+            whiteList?: string[] | undefined;
+            bordered?: string | boolean | undefined;
+            displayMode?: "form" | "table" | undefined;
+            editor_title?: string | undefined;
+            editor_title_mode?: "EMBEDDED_FORM" | "HOVER_TOOLTIP" | "POPUP_ALERT" | undefined;
+            linebarWidth?: string | undefined;
+            linebarDirection?: "horizontal" | "vertical" | undefined;
+            linebarTextDirection?: "horizontal" | "vertical" | undefined;
+            labelColor?: string | undefined;
+            fieldTitleRed?: boolean | import("../../../components/form-render").FormCommonState | undefined;
+            fieldTitleColor?: string | undefined;
+            fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
+            content?: string | import("../../../components/form-render").FormRenderer | Record<string, import("../../../components/form-render").FormRenderer> | undefined;
+            lazyRequest?: boolean | undefined;
+            requestCache?: boolean | undefined;
+            maxGroupNum?: number | undefined;
+            minGroupNum?: number | undefined;
+            jsonCombination?: boolean | undefined;
+            combinationItemDeletable?: boolean | import("../../../components/form-render").CombinationItemDeletableFn | undefined;
+            children?: import("../../../components/form-render").FieldItem[] | undefined;
+            properties?: import("../../../components/form-render").FieldItem[] | undefined;
+            componentProps?: import("../../../shared/types").AnyObject | undefined;
+            noDecorator?: Boolean | undefined;
+            display?: "flex" | "grid" | undefined;
+            slots?: Record<string, (...args: unknown[]) => unknown> | undefined;
+            wrapperStyle?: Record<string, string | number> | undefined;
+            childFieldStrategy?: "checked" | "all" | undefined;
+            childWidthMode?: "inner" | "outer" | undefined;
+            validator?: ((value: unknown, fieldItem: import("../../../components/form-render").FieldItem, field: import("@formily/core").Field<any, any, any, any>) => string | void) | undefined;
+            reactions?: import("../../../shared/types").ArrayAble<import("../../../components/form-render").ReactionType> | undefined;
+        }[];
+        removeSetValueField: (item: LowCodeTypes.reactionConfig, index: number) => void;
+        onFormChange: (payload: import("../../../components/form-render").FormChangePayload, item: {
+            field: string;
+            value: string;
+        }) => void;
         HelpCircleSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         NButton: any;
-        NModal: any;
-        NSpace: any;
-        NScrollbar: any;
-        NThing: any;
-        NInputGroup: any;
-        NSelect: any;
-        NInput: any;
         NCollapse: any;
         NCollapseItem: any;
         NEllipsis: any;
         NEmpty: any;
-        NTooltip: any;
         NIcon: any;
+        NInput: any;
+        NInputGroup: any;
+        NModal: any;
+        NScrollbar: any;
+        NSelect: any;
+        NSpace: any;
+        NThing: any;
+        NTooltip: any;
         conditionTypeOptions: {
             value: LowCodeTypes.VALUE_RELATION;
             label: string;
@@ -4105,6 +4244,9 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<"default" | "tooltip">;
                     default: string;
                 };
+                fixMemoLeak: {
+                    type: BooleanConstructor;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -4304,6 +4446,9 @@ declare const _default: import("vue").DefineComponent<{
                         type: PropType<"default" | "tooltip">;
                         default: string;
                     };
+                    fixMemoLeak: {
+                        type: BooleanConstructor;
+                    };
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
@@ -4861,6 +5006,9 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<"default" | "tooltip">;
                     default: string;
                 };
+                fixMemoLeak: {
+                    type: BooleanConstructor;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -4894,6 +5042,7 @@ declare const _default: import("vue").DefineComponent<{
                 feedbackType: "default" | "tooltip";
                 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<{
@@ -4902,6 +5051,10 @@ declare const _default: import("vue").DefineComponent<{
             required: true;
             default: () => never[];
         };
+        bindFormRenderRef: {
+            type: null;
+            required: true;
+        };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onValidateFailure?: ((...args: any[]) => any) | undefined;

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

@@ -1 +1 @@
-import{defineComponent as e,provide as o,ref as t,computed as r,toRaw as a,openBlock as i,createElementBlock as s,mergeProps as l,unref as n,createElementVNode as m,toDisplayString as u,createVNode as f,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 V}from"./hooks/useLocale.js";import b from"../../../shared/components/VueDraggable/src/vuedraggable.js";import M from"./components/FormConfigCreator.vue.js";import w from"./components/FormConfigDragDisplay.vue.js";import R 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(),te=t([]);o(I,te);const re=t([]);o(U,re);const ae=t([]);function ie(e){te.value.some((o=>o.key===e.key))||te.value.push(e)}o(O,ae);const se=(e,o)=>x($.textFormatter)?$.textFormatter(e,o):o,le=t();o(P,le);const ne=t(),{transform:me,inverseTransform:ue}=H($),fe=r({get:()=>null,set(e){if(!e)return;const o=ce.value.find((o=>o.key===e));o&&(o.__extra=!0,z(o),re.value.push(o),Z("addItem",o))}}),de=t([]),ce=r((()=>{if(!_(de.value))return[];const e=[];return k([...re.value,...te.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 t=[],r=[];e.forEach((e=>{return!1===(o=y(a(e))).show?r.push(o):t.push(o),void z(o);var o})),te.value=me(t),re.value=r,ae.value=o,le.value=void 0},validate(){var e;return null==(e=ne.value)?void 0:e.validate()},getData:(e=!1)=>({fieldList:ue(y(a(te.value)),e,{show:!0}),materialList:ue(y(a(re.value)),e,{show:!1}),lowCodeReactions:y(a(ae.value))}),clearExtraList(){de.value=[]}}),(o,t)=>(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,u(n(V)("materialArea")),1),f(n(b),l(B({fieldList:te,materialList:re,hooks:{beforeMove:$.beforeMove}}),{class:"form-config__materialContent",modelValue:n(re),"onUpdate:modelValue":t[0]||(t[0]=e=>d(re)?re.value=e:null)}),{item:c((({element:e})=>[f(n(E),{"form-config-item":e,"text-formatter":se,"material-List":n(re)},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(fe),"onUpdate:value":t[1]||(t[1]=e=>d(fe)?fe.value=e:null),placeholder:n(V)("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(u(n(V)("layoutArea"))+" ",1),f(n(C),null,{default:c((()=>[e.showLowCodeReactions?(i(),p(D,{key:0,modelValue:ae.value,"onUpdate:modelValue":t[2]||(t[2]=e=>ae.value=e),onValidateFailure:t[3]||(t[3]=e=>Z("reactionsValidateFailure",e))},null,8,["modelValue"])):v("v-if",!0),f(M,{onSubmit:ie})])),_:1})]),f(w,{class:"form-config__displayContent",group:n(T),"text-formatter":se,modelValue:n(te),"onUpdate:modelValue":t[4]||(t[4]=e=>d(te)?te.value=e:null)},null,8,["group","modelValue"])]),m("section",K,[m("header",Q,u(n(V)("configArea")),1),m("section",X,[f(R,{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

@@ -220,6 +220,9 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<"default" | "tooltip">;
                 default: string;
             };
+            fixMemoLeak: {
+                type: BooleanConstructor;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
@@ -419,6 +422,9 @@ declare const _default: import("vue").DefineComponent<{}, {
                     type: import("vue").PropType<"default" | "tooltip">;
                     default: string;
                 };
+                fixMemoLeak: {
+                    type: BooleanConstructor;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -976,6 +982,9 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<"default" | "tooltip">;
                 default: string;
             };
+            fixMemoLeak: {
+                type: BooleanConstructor;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -1009,6 +1018,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             feedbackType: "default" | "tooltip";
             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

@@ -402,6 +402,8 @@ declare const _default: import("vue").DefineComponent<{
         linebarDirection?: "horizontal" | "vertical" | undefined;
         linebarTextDirection?: "horizontal" | "vertical" | undefined;
         labelColor?: string | undefined;
+        fieldTitleRed?: boolean | import("../../../../components/form-render").FormCommonState | undefined;
+        fieldTitleColor?: string | undefined;
         fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
         content?: string | import("../../../../components/form-render").FormRenderer | Record<string, import("../../../../components/form-render").FormRenderer> | undefined;
         lazyRequest?: boolean | undefined;
@@ -652,6 +654,8 @@ declare const _default: import("vue").DefineComponent<{
                 linebarDirection?: "horizontal" | "vertical" | undefined;
                 linebarTextDirection?: "horizontal" | "vertical" | undefined;
                 labelColor?: string | undefined;
+                fieldTitleRed?: boolean | import("../../../../components/form-render").FormCommonState | undefined;
+                fieldTitleColor?: string | undefined;
                 fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
                 content?: string | import("../../../../components/form-render").FormRenderer | Record<string, import("../../../../components/form-render").FormRenderer> | undefined;
                 lazyRequest?: boolean | undefined;
@@ -875,6 +879,8 @@ declare const _default: import("vue").DefineComponent<{
             linebarDirection?: "horizontal" | "vertical" | undefined;
             linebarTextDirection?: "horizontal" | "vertical" | undefined;
             labelColor?: string | undefined;
+            fieldTitleRed?: boolean | import("../../../../components/form-render").FormCommonState | undefined;
+            fieldTitleColor?: string | undefined;
             fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
             content?: string | import("../../../../components/form-render").FormRenderer | Record<string, import("../../../../components/form-render").FormRenderer> | undefined;
             lazyRequest?: boolean | undefined;
@@ -1106,6 +1112,8 @@ declare const _default: import("vue").DefineComponent<{
             linebarDirection?: "horizontal" | "vertical" | undefined;
             linebarTextDirection?: "horizontal" | "vertical" | undefined;
             labelColor?: string | undefined;
+            fieldTitleRed?: boolean | import("../../../../components/form-render").FormCommonState | undefined;
+            fieldTitleColor?: string | undefined;
             fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
             content?: string | import("../../../../components/form-render").FormRenderer | Record<string, import("../../../../components/form-render").FormRenderer> | undefined;
             lazyRequest?: boolean | undefined;
@@ -1367,6 +1375,9 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<"default" | "tooltip">;
                 default: string;
             };
+            fixMemoLeak: {
+                type: BooleanConstructor;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
@@ -1566,6 +1577,9 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<"default" | "tooltip">;
                     default: string;
                 };
+                fixMemoLeak: {
+                    type: BooleanConstructor;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -2123,6 +2137,9 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<"default" | "tooltip">;
                 default: string;
             };
+            fixMemoLeak: {
+                type: BooleanConstructor;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -2156,6 +2173,7 @@ declare const _default: import("vue").DefineComponent<{
             feedbackType: "default" | "tooltip";
             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<{