cnhis-design-vue 3.1.57-release.1 → 3.1.57-release.3

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

@@ -109,7 +109,7 @@ declare const _default: import("vue").DefineComponent<{
             businessFormatter: import("../../../components/form-render").FormBusinessFormatter;
             requestInstance: import("../../../shared/hooks").FormRequestDefine.RequestInstance;
             enterToNextWidget: boolean | ((fieldItem: import("../../../components/form-render").FieldItem) => boolean | void);
-            lowCodeReactions: LowCodeTypes.reactionsConfig[];
+            lowCodeReactions: LowCodeTypes.reactionConfig[];
             linebarAutoHidden: boolean;
             bordered: string | boolean;
             uniqueCacheData: boolean;
@@ -118,6 +118,9 @@ declare const _default: import("vue").DefineComponent<{
             forceClearable: boolean;
         }>>>;
     };
+    beforeMove: {
+        type: PropType<((payload: import("../../../components/form-config/src/types").FormConfigBeforeMovePayload) => boolean | void) | undefined>;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         maxHeight: {
@@ -224,7 +227,7 @@ declare const _default: import("vue").DefineComponent<{
                 businessFormatter: import("../../../components/form-render").FormBusinessFormatter;
                 requestInstance: import("../../../shared/hooks").FormRequestDefine.RequestInstance;
                 enterToNextWidget: boolean | ((fieldItem: import("../../../components/form-render").FieldItem) => boolean | void);
-                lowCodeReactions: LowCodeTypes.reactionsConfig[];
+                lowCodeReactions: LowCodeTypes.reactionConfig[];
                 linebarAutoHidden: boolean;
                 bordered: string | boolean;
                 uniqueCacheData: boolean;
@@ -233,6 +236,9 @@ declare const _default: import("vue").DefineComponent<{
                 forceClearable: boolean;
             }>>>;
         };
+        beforeMove: {
+            type: PropType<((payload: import("../../../components/form-config/src/types").FormConfigBeforeMovePayload) => boolean | void) | undefined>;
+        };
     }>> & {
         onAddItem?: ((...args: any[]) => any) | undefined;
         onRemoveItem?: ((...args: any[]) => any) | undefined;
@@ -241,16 +247,6 @@ declare const _default: import("vue").DefineComponent<{
     emit: (event: "addItem" | "removeItem" | "reactionsValidateFailure", ...args: any[]) => void;
     uuid: string;
     cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
-    getCommonConfig: (formConfig?: FormConfigItem | undefined) => {
-        move: ({ to, from, dragged }: import("sortablejs").MoveEvent) => false | undefined;
-        onChoose: ({ target, item }: import("sortablejs").SortableEvent) => void;
-        onUnchoose: ({ from, to, target, item }: import("sortablejs").SortableEvent) => void;
-        tag: string;
-        forceFallback: boolean;
-        animation: string;
-        'item-key': string;
-        group: string;
-    };
     fieldListRef: import("vue").Ref<{
         key: string;
         layoutWidthEnum: import("../../../components/form-config/src/types").FormConfigWidth;
@@ -429,6 +425,7 @@ declare const _default: import("vue").DefineComponent<{
             lazyRequest?: boolean | undefined;
             requestCache?: boolean | undefined;
             maxGroupNum?: number | undefined;
+            minGroupNum?: number | undefined;
             jsonCombination?: boolean | undefined;
             combinationItemDeletable?: boolean | import("../../../components/form-render").CombinationItemDeletableFn | undefined;
             children?: any[] | undefined;
@@ -2179,6 +2176,7 @@ declare const _default: import("vue").DefineComponent<{
             lazyRequest?: boolean | undefined;
             requestCache?: boolean | undefined;
             maxGroupNum?: number | undefined;
+            minGroupNum?: number | undefined;
             jsonCombination?: boolean | undefined;
             combinationItemDeletable?: boolean | import("../../../components/form-render").CombinationItemDeletableFn | undefined;
             children?: any[] | undefined;
@@ -3780,6 +3778,16 @@ declare const _default: import("vue").DefineComponent<{
         __oppositeBindField?: any | undefined;
         __oppositeTargetField?: any | undefined;
     }[]>;
+    getSortOption: () => {
+        move: ({ to, from, dragged }: import("sortablejs").MoveEvent) => false | undefined;
+        onChoose: ({ target, item }: import("sortablejs").SortableEvent) => void;
+        onUnchoose: ({ from, to, target, item }: import("sortablejs").SortableEvent) => void;
+        tag: string;
+        forceFallback: boolean;
+        animation: string;
+        'item-key': string;
+        group: string;
+    };
     addItem: (formConfigItem: FormConfigItem) => void;
     parsedTextFormatter: FormConfigTextFormatter;
     currentEditField: import("vue").Ref<FormConfigItem | undefined>;
@@ -3967,6 +3975,7 @@ declare const _default: import("vue").DefineComponent<{
             lazyRequest?: boolean | undefined;
             requestCache?: boolean | undefined;
             maxGroupNum?: number | undefined;
+            minGroupNum?: number | undefined;
             jsonCombination?: boolean | undefined;
             combinationItemDeletable?: boolean | import("../../../components/form-render").CombinationItemDeletableFn | undefined;
             children?: any[] | undefined;
@@ -5717,6 +5726,7 @@ declare const _default: import("vue").DefineComponent<{
             lazyRequest?: boolean | undefined;
             requestCache?: boolean | undefined;
             maxGroupNum?: number | undefined;
+            minGroupNum?: number | undefined;
             jsonCombination?: boolean | undefined;
             combinationItemDeletable?: boolean | import("../../../components/form-render").CombinationItemDeletableFn | undefined;
             children?: any[] | undefined;
@@ -7517,7 +7527,10 @@ declare const _default: import("vue").DefineComponent<{
                     default: boolean;
                 };
                 lowCodeReactions: {
-                    type: PropType<LowCodeTypes.reactionsConfig[]>;
+                    type: PropType<LowCodeTypes.reactionConfig[]>;
+                };
+                newLowCodeReactions: {
+                    type: PropType<LowCodeTypes.newReactionConfig[]>;
                 };
                 operationalForm: {
                     type: PropType<LowCodeTypes.operationalConfig[]>;
@@ -7679,7 +7692,10 @@ declare const _default: import("vue").DefineComponent<{
                         default: boolean;
                     };
                     lowCodeReactions: {
-                        type: PropType<LowCodeTypes.reactionsConfig[]>;
+                        type: PropType<LowCodeTypes.reactionConfig[]>;
+                    };
+                    newLowCodeReactions: {
+                        type: PropType<LowCodeTypes.newReactionConfig[]>;
                     };
                     operationalForm: {
                         type: PropType<LowCodeTypes.operationalConfig[]>;
@@ -7712,7 +7728,7 @@ declare const _default: import("vue").DefineComponent<{
                     onScroll?: ((...args: any[]) => any) | undefined;
                     onAnnotationChange?: ((...args: any[]) => any) | undefined;
                 }>>;
-                emit: (event: "formChange" | "scroll" | "annotationChange", ...args: any[]) => void;
+                emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
                 cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
                 nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
                 formRenderRef: import("vue").Ref<HTMLElement | undefined>;
@@ -7770,7 +7786,7 @@ declare const _default: import("vue").DefineComponent<{
                     [x: string]: any;
                 }>;
                 lowCodeReactionsHandler: (field: string) => void;
-                triggerAllReactionsHandler: () => void;
+                newLowCodeReactionsHandler: (field: string) => void;
                 operationalFormHandler: {
                     trigger(fieldKey: string): void;
                     triggerAll(): void;
@@ -7864,7 +7880,7 @@ declare const _default: import("vue").DefineComponent<{
                     businessFormatter: import("../../../components/form-render").FormBusinessFormatter;
                     requestInstance: import("../../../shared/hooks").FormRequestDefine.RequestInstance;
                     enterToNextWidget: boolean | ((fieldItem: import("../../../components/form-render").FieldItem) => boolean | void);
-                    lowCodeReactions: LowCodeTypes.reactionsConfig[];
+                    lowCodeReactions: LowCodeTypes.reactionConfig[];
                     linebarAutoHidden: boolean;
                     bordered: string | boolean;
                     uniqueCacheData: boolean;
@@ -8048,7 +8064,7 @@ declare const _default: import("vue").DefineComponent<{
                     readonly displayDirective: "if" | "show" | "show:lazy";
                 }>;
                 NTabs: any;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "scroll" | "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")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
                     type: PropType<import("../../../components/form-render").FieldItem[]>;
                 };
@@ -8181,7 +8197,10 @@ declare const _default: import("vue").DefineComponent<{
                     default: boolean;
                 };
                 lowCodeReactions: {
-                    type: PropType<LowCodeTypes.reactionsConfig[]>;
+                    type: PropType<LowCodeTypes.reactionConfig[]>;
+                };
+                newLowCodeReactions: {
+                    type: PropType<LowCodeTypes.newReactionConfig[]>;
                 };
                 operationalForm: {
                     type: PropType<LowCodeTypes.operationalConfig[]>;
@@ -8217,7 +8236,6 @@ declare const _default: import("vue").DefineComponent<{
                 anchor: boolean;
                 maxHeight: string | number;
                 column: number;
-                forceClearable: boolean;
                 components: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>>;
                 initialData: import("../../../shared/types").AnyObject;
                 parallelism: number;
@@ -8228,6 +8246,7 @@ declare const _default: import("vue").DefineComponent<{
                 bordered: string | boolean;
                 uniqueCacheData: boolean;
                 outBordered: boolean;
+                forceClearable: boolean;
                 operationalFormInit: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -8245,11 +8264,13 @@ declare const _default: import("vue").DefineComponent<{
             required: true;
         };
     }, {
+        globProps: import("../../../shared/types").AnyObject | undefined;
         getItemColumnStyle: (formConfigItem?: FormConfigItem | undefined) => {
             '--item-column': number;
         };
-        getRenderer: (formConfigItem: FormConfigItem) => import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>;
-        getCommonConfig: (formConfig?: FormConfigItem | undefined) => {
+        fieldList: import("vue").Ref<FormConfigItem[]> | undefined;
+        materialList: import("vue").Ref<FormConfigItem[]> | undefined;
+        getSortOption: (formConfigItem?: FormConfigItem | undefined) => {
             move: ({ to, from, dragged }: import("sortablejs").MoveEvent) => false | undefined;
             onChoose: ({ target, item }: import("sortablejs").SortableEvent) => void;
             onUnchoose: ({ from, to, target, item }: import("sortablejs").SortableEvent) => void;
@@ -8259,6 +8280,7 @@ declare const _default: import("vue").DefineComponent<{
             'item-key': string;
             group: string;
         };
+        getRenderer: (formConfigItem: FormConfigItem) => import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>;
         Draggable: import("vue").DefineComponent<{
             list: {
                 type: ArrayConstructor;
@@ -8437,7 +8459,7 @@ declare const _default: import("vue").DefineComponent<{
                 businessFormatter: import("../../../components/form-render").FormBusinessFormatter;
                 requestInstance: import("../../../shared/hooks").FormRequestDefine.RequestInstance;
                 enterToNextWidget: boolean | ((fieldItem: import("../../../components/form-render").FieldItem) => boolean | void);
-                lowCodeReactions: LowCodeTypes.reactionsConfig[];
+                lowCodeReactions: LowCodeTypes.reactionConfig[];
                 linebarAutoHidden: boolean;
                 bordered: string | boolean;
                 uniqueCacheData: boolean;
@@ -8543,7 +8565,7 @@ declare const _default: import("vue").DefineComponent<{
                     businessFormatter: import("../../../components/form-render").FormBusinessFormatter;
                     requestInstance: import("../../../shared/hooks").FormRequestDefine.RequestInstance;
                     enterToNextWidget: boolean | ((fieldItem: import("../../../components/form-render").FieldItem) => boolean | void);
-                    lowCodeReactions: LowCodeTypes.reactionsConfig[];
+                    lowCodeReactions: LowCodeTypes.reactionConfig[];
                     linebarAutoHidden: boolean;
                     bordered: string | boolean;
                     uniqueCacheData: boolean;
@@ -8718,6 +8740,7 @@ declare const _default: import("vue").DefineComponent<{
             lazyRequest?: boolean | undefined;
             requestCache?: boolean | undefined;
             maxGroupNum?: number | undefined;
+            minGroupNum?: number | undefined;
             jsonCombination?: boolean | undefined;
             combinationItemDeletable?: boolean | import("../../../components/form-render").CombinationItemDeletableFn | undefined;
             children?: any[] | undefined;
@@ -10479,6 +10502,7 @@ declare const _default: import("vue").DefineComponent<{
                     lazyRequest?: boolean | undefined;
                     requestCache?: boolean | undefined;
                     maxGroupNum?: number | undefined;
+                    minGroupNum?: number | undefined;
                     jsonCombination?: boolean | undefined;
                     combinationItemDeletable?: boolean | import("../../../components/form-render").CombinationItemDeletableFn | undefined;
                     children?: any[] | undefined;
@@ -12213,6 +12237,7 @@ declare const _default: import("vue").DefineComponent<{
                 lazyRequest?: boolean | undefined;
                 requestCache?: boolean | undefined;
                 maxGroupNum?: number | undefined;
+                minGroupNum?: number | undefined;
                 jsonCombination?: boolean | undefined;
                 combinationItemDeletable?: boolean | import("../../../components/form-render").CombinationItemDeletableFn | undefined;
                 children?: any[] | undefined;
@@ -13930,7 +13955,10 @@ declare const _default: import("vue").DefineComponent<{
                     default: boolean;
                 };
                 lowCodeReactions: {
-                    type: PropType<LowCodeTypes.reactionsConfig[]>;
+                    type: PropType<LowCodeTypes.reactionConfig[]>;
+                };
+                newLowCodeReactions: {
+                    type: PropType<LowCodeTypes.newReactionConfig[]>;
                 };
                 operationalForm: {
                     type: PropType<LowCodeTypes.operationalConfig[]>;
@@ -14092,7 +14120,10 @@ declare const _default: import("vue").DefineComponent<{
                         default: boolean;
                     };
                     lowCodeReactions: {
-                        type: PropType<LowCodeTypes.reactionsConfig[]>;
+                        type: PropType<LowCodeTypes.reactionConfig[]>;
+                    };
+                    newLowCodeReactions: {
+                        type: PropType<LowCodeTypes.newReactionConfig[]>;
                     };
                     operationalForm: {
                         type: PropType<LowCodeTypes.operationalConfig[]>;
@@ -14125,7 +14156,7 @@ declare const _default: import("vue").DefineComponent<{
                     onScroll?: ((...args: any[]) => any) | undefined;
                     onAnnotationChange?: ((...args: any[]) => any) | undefined;
                 }>>;
-                emit: (event: "formChange" | "scroll" | "annotationChange", ...args: any[]) => void;
+                emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
                 cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
                 nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
                 formRenderRef: import("vue").Ref<HTMLElement | undefined>;
@@ -14183,7 +14214,7 @@ declare const _default: import("vue").DefineComponent<{
                     [x: string]: any;
                 }>;
                 lowCodeReactionsHandler: (field: string) => void;
-                triggerAllReactionsHandler: () => void;
+                newLowCodeReactionsHandler: (field: string) => void;
                 operationalFormHandler: {
                     trigger(fieldKey: string): void;
                     triggerAll(): void;
@@ -14277,7 +14308,7 @@ declare const _default: import("vue").DefineComponent<{
                     businessFormatter: import("../../../components/form-render").FormBusinessFormatter;
                     requestInstance: import("../../../shared/hooks").FormRequestDefine.RequestInstance;
                     enterToNextWidget: boolean | ((fieldItem: import("../../../components/form-render").FieldItem) => boolean | void);
-                    lowCodeReactions: LowCodeTypes.reactionsConfig[];
+                    lowCodeReactions: LowCodeTypes.reactionConfig[];
                     linebarAutoHidden: boolean;
                     bordered: string | boolean;
                     uniqueCacheData: boolean;
@@ -14461,7 +14492,7 @@ declare const _default: import("vue").DefineComponent<{
                     readonly displayDirective: "if" | "show" | "show:lazy";
                 }>;
                 NTabs: any;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "scroll" | "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")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
                     type: PropType<import("../../../components/form-render").FieldItem[]>;
                 };
@@ -14594,7 +14625,10 @@ declare const _default: import("vue").DefineComponent<{
                     default: boolean;
                 };
                 lowCodeReactions: {
-                    type: PropType<LowCodeTypes.reactionsConfig[]>;
+                    type: PropType<LowCodeTypes.reactionConfig[]>;
+                };
+                newLowCodeReactions: {
+                    type: PropType<LowCodeTypes.newReactionConfig[]>;
                 };
                 operationalForm: {
                     type: PropType<LowCodeTypes.operationalConfig[]>;
@@ -14630,7 +14664,6 @@ declare const _default: import("vue").DefineComponent<{
                 anchor: boolean;
                 maxHeight: string | number;
                 column: number;
-                forceClearable: boolean;
                 components: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>>;
                 initialData: import("../../../shared/types").AnyObject;
                 parallelism: number;
@@ -14641,6 +14674,7 @@ declare const _default: import("vue").DefineComponent<{
                 bordered: string | boolean;
                 uniqueCacheData: boolean;
                 outBordered: boolean;
+                forceClearable: boolean;
                 operationalFormInit: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -14740,7 +14774,7 @@ declare const _default: import("vue").DefineComponent<{
                 businessFormatter: import("../../../components/form-render").FormBusinessFormatter;
                 requestInstance: import("../../../shared/hooks").FormRequestDefine.RequestInstance;
                 enterToNextWidget: boolean | ((fieldItem: import("../../../components/form-render").FieldItem) => boolean | void);
-                lowCodeReactions: LowCodeTypes.reactionsConfig[];
+                lowCodeReactions: LowCodeTypes.reactionConfig[];
                 linebarAutoHidden: boolean;
                 bordered: string | boolean;
                 uniqueCacheData: boolean;
@@ -14758,7 +14792,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }, {
         props: {
-            modelValue: LowCodeTypes.reactionsConfig[];
+            modelValue: LowCodeTypes.reactionConfig[];
         };
         emit: (event: "update:modelValue" | "validateFailure", ...args: any[]) => void;
         cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
@@ -14794,16 +14828,16 @@ declare const _default: import("vue").DefineComponent<{
         expandedName: import("vue").Ref<string>;
         addConnection: () => void;
         removeConnection: (index: number) => void;
-        getOppositeBtnText: (item: LowCodeTypes.reactionsConfig) => string | undefined;
-        unBindOpposite: (item: LowCodeTypes.reactionsConfig) => void;
-        addOppositeCondition: (item: LowCodeTypes.reactionsConfig) => void;
+        getOppositeBtnText: (item: LowCodeTypes.reactionConfig) => string | undefined;
+        unBindOpposite: (item: LowCodeTypes.reactionConfig) => void;
+        addOppositeCondition: (item: LowCodeTypes.reactionConfig) => void;
         getOppositeSqlExpression: (expression?: string | undefined) => string | undefined;
-        createOppositeCondition: (config: LowCodeTypes.reactionsConfig) => LowCodeTypes.reactionsConfig;
-        isOppositeConfig: (c1: LowCodeTypes.reactionsConfig, c2: LowCodeTypes.reactionsConfig) => boolean;
+        createOppositeCondition: (config: LowCodeTypes.reactionConfig) => LowCodeTypes.reactionConfig;
+        isOppositeConfig: (c1: LowCodeTypes.reactionConfig, c2: LowCodeTypes.reactionConfig) => boolean;
         onUpdateExpandedNames: (value: string[]) => void;
         getBinderFieldDesc: (index: number) => string;
-        addCondition: (config: LowCodeTypes.reactionsConfig) => void;
-        removeCondition: (config: LowCodeTypes.reactionsConfig, index: number) => void;
+        addCondition: (config: LowCodeTypes.reactionConfig) => void;
+        removeCondition: (config: LowCodeTypes.reactionConfig, index: number) => void;
         onUpdateConditionType: (condition: LowCodeTypes.reactionsConObj, type: LowCodeTypes.VALUE_RELATION) => void;
         showRef: import("vue").Ref<boolean>;
         fieldListRef: import("vue").Ref<FormConfigItem[]>;
@@ -15018,7 +15052,7 @@ declare const _default: import("vue").DefineComponent<{
             businessFormatter: import("../../../components/form-render").FormBusinessFormatter;
             requestInstance: import("../../../shared/hooks").FormRequestDefine.RequestInstance;
             enterToNextWidget: boolean | ((fieldItem: import("../../../components/form-render").FieldItem) => boolean | void);
-            lowCodeReactions: LowCodeTypes.reactionsConfig[];
+            lowCodeReactions: LowCodeTypes.reactionConfig[];
             linebarAutoHidden: boolean;
             bordered: string | boolean;
             uniqueCacheData: boolean;
@@ -15027,6 +15061,9 @@ declare const _default: import("vue").DefineComponent<{
             forceClearable: boolean;
         }>>>;
     };
+    beforeMove: {
+        type: PropType<((payload: import("../../../components/form-config/src/types").FormConfigBeforeMovePayload) => boolean | void) | undefined>;
+    };
 }>> & {
     onAddItem?: ((...args: any[]) => any) | undefined;
     onRemoveItem?: ((...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 a,toRaw as r,openBlock as i,createElementBlock as s,mergeProps as l,unref as n,createElementVNode as m,createVNode as u,withCtx as f,createBlock as d,isRef as c,createCommentVNode as p,createTextVNode as v}from"vue";import{useTheme as g}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{isArray as h,cloneDeep as _,isFunction as y}from"lodash-es";import"@vue/shared";import{uuidGenerator as C,traverse as x}from"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{NSelect as j,NSpace as k}from"naive-ui";import{useVersion as F}from"../../../shared/hooks/useVersion.js";import L from"../../../shared/components/VueDraggable/src/vuedraggable.js";import V from"./components/FormConfigCreator.vue.js";import b from"./components/FormConfigDragDisplay.vue.js";import w from"./components/FormConfigEdit.vue.js";import R from"./components/FormConfigEventSetting.vue.js";import E from"./components/FormConfigMaterialItem.js";import{useDataNormalize as M}from"./hooks/useDataNormalize.js";import{InjectionFormConfigEmit as I,InjectionFieldList as D,InjectionMaterialList as H,InjectionLowCodeReactions as O,InjectionActiveFieldItem as S,FORM_CONFIG_GROUP as N}from"./constants/index.js";import"./utils/index.js";import{useSortableConfig as U}from"./hooks/useSortalbeConfig.js";import"./hooks/useConfigurationField.js";const A=["id"],B={class:"form-config__material"},T=m("header",{class:"form-config__materialHeader"},"物料区",-1),P={class:"form-config__displayWrapper"},z={class:"form-config__displayHeader"},W={class:"form-config__config"},q=m("header",{class:"form-config__configHeader"},"配置区",-1),G={class:"form-config__configContent"};var J=e({__name:"FormConfig",props:{maxHeight:{type:String},fieldVisitor:{type:Object},textFormatter:{type:Function},formRenderRef:{type:Object},extraMaterialList:{type:[Array,Function]},showLowCodeReactions:Boolean,formProps:{type:Object}},emits:["addItem","removeItem","reactionsValidateFailure"],setup(e,{expose:J,emit:K}){const Q=e;o(I,K);const X=C(),Y=g(),{getCommonConfig:Z}=U(),$=t([]);o(D,$);const ee=t([]);o(H,ee);const oe=t([]);function te(e){$.value.some((o=>o.key===e.key))||$.value.push(e)}o(O,oe);const ae=(e,o)=>y(Q.textFormatter)?Q.textFormatter(e,o):o,re=t();o(S,re);const ie=t(),{transform:se,inverseTransform:le}=M(Q),ne=a({get:()=>null,set(e){if(!e)return;const o=ue.value.find((o=>o.key===e));o&&(o.__extra=!0,ee.value.push(o),K("addItem",o))}}),me=t([]),ue=a((()=>{if(!h(me.value))return[];const e=[];return x([...ee.value,...$.value],(o=>e.push(o.key))),me.value.filter((o=>!e.find((e=>e===o.key))))}));async function fe(){Q.extraMaterialList&&!me.value.length&&(me.value=y(Q.extraMaterialList)?await Q.extraMaterialList():Q.extraMaterialList)}return J({loadData({fieldList:e,lowCodeReactions:o=[]}){let t=[],a=[];e.forEach((e=>function(e){"LINE_BAR"===e.type&&(e.children=[]);!1===e.show?a.push(e):t.push(e),"COMBINATION"===e.type&&h(e.children)&&e.children.length&&e.children.forEach((e=>{e.__isCombinationChild=!0}))}(_(r(e))))),$.value=se(t),ee.value=a,oe.value=o,re.value=void 0},validate(){var e;return null==(e=ie.value)?void 0:e.validate()},getData:(e=!1)=>({fieldList:le(_(r($.value)),e,{show:!0}),materialList:le(_(r(ee.value)),e,{show:!1}),lowCodeReactions:_(r(oe.value))}),clearExtraList(){me.value=[]}}),(o,t)=>(i(),s("section",l({class:"form-config",style:{"--max-height":e.maxHeight,...n(Y)},id:n(X)},n(F)()),[m("section",B,[T,u(n(L),l(n(Z)(),{class:"form-config__materialContent",modelValue:ee.value,"onUpdate:modelValue":t[0]||(t[0]=e=>ee.value=e)}),{item:f((({element:e})=>[u(n(E),{"form-config-item":e,"text-formatter":ae,"material-List":ee.value},null,8,["form-config-item","material-List"])])),_:1},16,["modelValue"]),e.extraMaterialList?(i(),d(n(j),{key:0,class:"form-config__materialExtraList",filterable:"",value:n(ne),"onUpdate:value":t[1]||(t[1]=e=>c(ne)?ne.value=e:null),placeholder:"请选择额外物料",options:n(ue),"label-field":"name","value-field":"key",onFocus:fe},null,8,["value","options"])):p("v-if",!0)]),m("section",P,[m("header",z,[v(" 布局区 "),u(n(k),null,{default:f((()=>[e.showLowCodeReactions?(i(),d(R,{key:0,modelValue:oe.value,"onUpdate:modelValue":t[2]||(t[2]=e=>oe.value=e),onValidateFailure:t[3]||(t[3]=e=>K("reactionsValidateFailure",e))},null,8,["modelValue"])):p("v-if",!0),u(V,{onSubmit:te})])),_:1})]),u(b,{class:"form-config__displayContent",group:n(N),"text-formatter":ae,modelValue:$.value,"onUpdate:modelValue":t[4]||(t[4]=e=>$.value=e)},null,8,["group","modelValue"])]),m("section",W,[q,m("section",G,[u(w,{ref_key:"formConfigEditRef",ref:ie,uuid:n(X),"bind-form-render-ref":e.formRenderRef,"form-props":e.formProps},null,8,["uuid","bind-form-render-ref","form-props"])])])],16,A))}});export{J as default};
+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,createVNode as u,withCtx as f,createBlock as d,isRef as c,createCommentVNode as p,createTextVNode as v}from"vue";import{useTheme as h}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{isArray as g,cloneDeep as _,isFunction as y}from"lodash-es";import"@vue/shared";import{uuidGenerator as x,traverse as C}from"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{NSelect as j,NSpace as L}from"naive-ui";import{useVersion as k}from"../../../shared/hooks/useVersion.js";import F from"../../../shared/components/VueDraggable/src/vuedraggable.js";import b from"./components/FormConfigCreator.vue.js";import V from"./components/FormConfigDragDisplay.vue.js";import M from"./components/FormConfigEdit.vue.js";import w from"./components/FormConfigEventSetting.vue.js";import R from"./components/FormConfigMaterialItem.js";import{useDataNormalize as E}from"./hooks/useDataNormalize.js";import{InjectionFormConfigProps as I,InjectionFormConfigEmit as D,InjectionFieldList as H,InjectionMaterialList as O,InjectionLowCodeReactions as S,InjectionActiveFieldItem as N,FORM_CONFIG_GROUP as U}from"./constants/index.js";import"./utils/index.js";import{useSortableConfig as A}from"./hooks/useSortalbeConfig.js";import"./hooks/useConfigurationField.js";const B=["id"],T={class:"form-config__material"},P=m("header",{class:"form-config__materialHeader"},"物料区",-1),z={class:"form-config__displayWrapper"},W={class:"form-config__displayHeader"},q={class:"form-config__config"},G=m("header",{class:"form-config__configHeader"},"配置区",-1),J={class:"form-config__configContent"};var K=e({__name:"FormConfig",props:{maxHeight:{type:String},fieldVisitor:{type:Object},textFormatter:{type:Function},formRenderRef:{type:Object},extraMaterialList:{type:[Array,Function]},showLowCodeReactions:Boolean,formProps:{type:Object},beforeMove:{type:Function}},emits:["addItem","removeItem","reactionsValidateFailure"],setup(e,{expose:K,emit:Q}){const X=e;o(I,X),o(D,Q);const Y=x(),Z=h(),$=t([]);o(H,$);const ee=t([]);o(O,ee);const oe=t([]);function te(e){$.value.some((o=>o.key===e.key))||$.value.push(e)}o(S,oe);const re=(e,o)=>y(X.textFormatter)?X.textFormatter(e,o):o,ae=t();o(N,ae);const ie=t(),{transform:se,inverseTransform:le}=E(X),ne=r({get:()=>null,set(e){if(!e)return;const o=ue.value.find((o=>o.key===e));o&&(o.__extra=!0,ee.value.push(o),Q("addItem",o))}}),me=t([]),ue=r((()=>{if(!g(me.value))return[];const e=[];return C([...ee.value,...$.value],(o=>e.push(o.key))),me.value.filter((o=>!e.find((e=>e===o.key))))}));async function fe(){X.extraMaterialList&&!me.value.length&&(me.value=y(X.extraMaterialList)?await X.extraMaterialList():X.extraMaterialList)}return K({loadData({fieldList:e,lowCodeReactions:o=[]}){let t=[],r=[];e.forEach((e=>function(e){"LINE_BAR"===e.type&&(e.children=[]);!1===e.show?r.push(e):t.push(e),"COMBINATION"===e.type&&g(e.children)&&e.children.length&&e.children.forEach((e=>{e.__isCombinationChild=!0}))}(_(a(e))))),$.value=se(t),ee.value=r,oe.value=o,ae.value=void 0},validate(){var e;return null==(e=ie.value)?void 0:e.validate()},getData:(e=!1)=>({fieldList:le(_(a($.value)),e,{show:!0}),materialList:le(_(a(ee.value)),e,{show:!1}),lowCodeReactions:_(a(oe.value))}),clearExtraList(){me.value=[]}}),(o,t)=>(i(),s("section",l({class:"form-config",style:{"--max-height":e.maxHeight,...n(Z)},id:n(Y)},n(k)()),[m("section",T,[P,u(n(F),l(A({fieldList:$,materialList:ee,hooks:{beforeMove:X.beforeMove}}),{class:"form-config__materialContent",modelValue:ee.value,"onUpdate:modelValue":t[0]||(t[0]=e=>ee.value=e)}),{item:f((({element:e})=>[u(n(R),{"form-config-item":e,"text-formatter":re,"material-List":ee.value},null,8,["form-config-item","material-List"])])),_:1},16,["modelValue"]),e.extraMaterialList?(i(),d(n(j),{key:0,class:"form-config__materialExtraList",filterable:"",value:n(ne),"onUpdate:value":t[1]||(t[1]=e=>c(ne)?ne.value=e:null),placeholder:"请选择额外物料",options:n(ue),"label-field":"name","value-field":"key",onFocus:fe},null,8,["value","options"])):p("v-if",!0)]),m("section",z,[m("header",W,[v(" 布局区 "),u(n(L),null,{default:f((()=>[e.showLowCodeReactions?(i(),d(w,{key:0,modelValue:oe.value,"onUpdate:modelValue":t[2]||(t[2]=e=>oe.value=e),onValidateFailure:t[3]||(t[3]=e=>Q("reactionsValidateFailure",e))},null,8,["modelValue"])):p("v-if",!0),u(b,{onSubmit:te})])),_:1})]),u(V,{class:"form-config__displayContent",group:n(U),"text-formatter":re,modelValue:$.value,"onUpdate:modelValue":t[4]||(t[4]=e=>$.value=e)},null,8,["group","modelValue"])]),m("section",q,[G,m("section",J,[u(M,{ref_key:"formConfigEditRef",ref:ie,uuid:n(Y),"bind-form-render-ref":e.formRenderRef,"form-props":e.formProps},null,8,["uuid","bind-form-render-ref","form-props"])])])],16,B))}});export{K as default};

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

@@ -154,7 +154,10 @@ declare const _default: import("vue").DefineComponent<{}, {
                 default: boolean;
             };
             lowCodeReactions: {
-                type: import("vue").PropType<import("../../..").LowCodeTypes.reactionsConfig[]>;
+                type: import("vue").PropType<import("../../..").LowCodeTypes.reactionConfig[]>;
+            };
+            newLowCodeReactions: {
+                type: import("vue").PropType<import("../../..").LowCodeTypes.newReactionConfig[]>;
             };
             operationalForm: {
                 type: import("vue").PropType<import("../../..").LowCodeTypes.operationalConfig[]>;
@@ -316,7 +319,10 @@ declare const _default: import("vue").DefineComponent<{}, {
                     default: boolean;
                 };
                 lowCodeReactions: {
-                    type: import("vue").PropType<import("../../..").LowCodeTypes.reactionsConfig[]>;
+                    type: import("vue").PropType<import("../../..").LowCodeTypes.reactionConfig[]>;
+                };
+                newLowCodeReactions: {
+                    type: import("vue").PropType<import("../../..").LowCodeTypes.newReactionConfig[]>;
                 };
                 operationalForm: {
                     type: import("vue").PropType<import("../../..").LowCodeTypes.operationalConfig[]>;
@@ -349,7 +355,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 onScroll?: ((...args: any[]) => any) | undefined;
                 onAnnotationChange?: ((...args: any[]) => any) | undefined;
             }>>;
-            emit: (event: "formChange" | "scroll" | "annotationChange", ...args: any[]) => void;
+            emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
             cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
             nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
             formRenderRef: import("vue").Ref<HTMLElement | undefined>;
@@ -407,7 +413,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 [x: string]: any;
             }>;
             lowCodeReactionsHandler: (field: string) => void;
-            triggerAllReactionsHandler: () => void;
+            newLowCodeReactionsHandler: (field: string) => void;
             operationalFormHandler: {
                 trigger(fieldKey: string): void;
                 triggerAll(): void;
@@ -501,7 +507,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 businessFormatter: import("../../../../components/form-render").FormBusinessFormatter;
                 requestInstance: import("../../..").FormRequestDefine.RequestInstance;
                 enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
-                lowCodeReactions: import("../../..").LowCodeTypes.reactionsConfig[];
+                lowCodeReactions: import("../../..").LowCodeTypes.reactionConfig[];
                 linebarAutoHidden: boolean;
                 bordered: string | boolean;
                 uniqueCacheData: boolean;
@@ -685,7 +691,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 readonly displayDirective: "if" | "show" | "show:lazy";
             }>;
             NTabs: any;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "scroll" | "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")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
                 type: import("vue").PropType<FieldItem[]>;
             };
@@ -818,7 +824,10 @@ declare const _default: import("vue").DefineComponent<{}, {
                 default: boolean;
             };
             lowCodeReactions: {
-                type: import("vue").PropType<import("../../..").LowCodeTypes.reactionsConfig[]>;
+                type: import("vue").PropType<import("../../..").LowCodeTypes.reactionConfig[]>;
+            };
+            newLowCodeReactions: {
+                type: import("vue").PropType<import("../../..").LowCodeTypes.newReactionConfig[]>;
             };
             operationalForm: {
                 type: import("vue").PropType<import("../../..").LowCodeTypes.operationalConfig[]>;
@@ -854,7 +863,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             anchor: boolean;
             maxHeight: string | number;
             column: number;
-            forceClearable: boolean;
             components: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>>;
             initialData: AnyObject;
             parallelism: number;
@@ -865,6 +873,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             bordered: string | boolean;
             uniqueCacheData: boolean;
             outBordered: boolean;
+            forceClearable: 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/FormConfigDragDisplay.vue.d.ts

@@ -9,11 +9,13 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }, {
+    globProps: import("../../..").AnyObject | undefined;
     getItemColumnStyle: (formConfigItem?: FormConfigItem) => {
         '--item-column': number;
     };
-    getRenderer: (formConfigItem: FormConfigItem) => import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>;
-    getCommonConfig: (formConfig?: FormConfigItem | undefined) => {
+    fieldList: import("vue").Ref<FormConfigItem[]> | undefined;
+    materialList: import("vue").Ref<FormConfigItem[]> | undefined;
+    getSortOption: (formConfigItem?: FormConfigItem) => {
         move: ({ to, from, dragged }: import("sortablejs").MoveEvent) => false | undefined;
         onChoose: ({ target, item }: import("sortablejs").SortableEvent) => void;
         onUnchoose: ({ from, to, target, item }: import("sortablejs").SortableEvent) => void;
@@ -23,6 +25,7 @@ declare const _default: import("vue").DefineComponent<{
         'item-key': string;
         group: string;
     };
+    getRenderer: (formConfigItem: FormConfigItem) => import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>;
     Draggable: import("vue").DefineComponent<{
         list: {
             type: ArrayConstructor;

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

@@ -1 +1 @@
-import{defineComponent as e,openBlock as t,createBlock as r,unref as o,mergeProps as m,withCtx as a,createElementVNode as i,normalizeStyle as n,resolveDynamicComponent as s}from"vue";import f from"../../../../shared/components/VueDraggable/src/vuedraggable.js";import{usePresetRenderer as u}from"../hooks/usePresetRenderer.js";import{useSortableConfig as d}from"../hooks/useSortalbeConfig.js";import"../hooks/useConfigurationField.js";import{layoutWidthEnum2Column as p}from"../utils/index.js";const g=["data-type","data-required","data-extra"];var l=e({__name:"FormConfigDragDisplay",props:{formConfigItem:{type:Object},textFormatter:{type:Function,required:!0}},setup(e){function l(e){return{"--item-column":e?p(e.layoutWidthEnum):24}}const{getRenderer:c}=u(),{getCommonConfig:y}=d();return(u,d)=>(t(),r(o(f),m(o(y)(e.formConfigItem),{style:l(e.formConfigItem)}),{item:a((({element:m})=>[i("div",{class:"form-config__displayContentItem","data-type":m.type,"data-required":!!m.required,"data-extra":!!m.__extra,style:n(l(m))},[(t(),r(s(o(c)(m)),{"form-config-item":m,textFormatter:e.textFormatter},null,8,["form-config-item","textFormatter"]))],12,g)])),_:1},16,["style"]))}});export{l as default};
+import{defineComponent as e,inject as t,openBlock as o,createBlock as r,unref as m,mergeProps as i,withCtx as n,resolveDynamicComponent as s,normalizeStyle as f}from"vue";import a from"../../../../shared/components/VueDraggable/src/vuedraggable.js";import{InjectionFormConfigProps as l,InjectionFieldList as u,InjectionMaterialList as p}from"../constants/index.js";import{usePresetRenderer as g}from"../hooks/usePresetRenderer.js";import{useSortableConfig as c}from"../hooks/useSortalbeConfig.js";import"../hooks/useConfigurationField.js";import{layoutWidthEnum2Column as d}from"../utils/index.js";var y=e({__name:"FormConfigDragDisplay",props:{formConfigItem:{type:Object},textFormatter:{type:Function,required:!0}},setup(e){const y=t(l);function v(e){return{"--item-column":e?d(e.layoutWidthEnum):24}}const C=t(u),j=t(p);const{getRenderer:x}=g();return(t,l)=>{return o(),r(m(a),i((u=e.formConfigItem,c({group:"COMBINATION"===(null==u?void 0:u.type)?u.key:"",fieldList:C,materialList:j,hooks:{beforeMove:null==y?void 0:y.beforeMove}})),{style:v(e.formConfigItem)}),{item:n((({element:t})=>[(o(),r(s(m(x)(t)),{class:"form-config__displayContentItem",style:f(v(t)),"form-config-item":t,textFormatter:e.textFormatter},null,8,["style","form-config-item","textFormatter"]))])),_:1},16,["style"]);var u}}});export{y as default};