cnhis-design-vue 3.1.37-beta.0 → 3.1.37-beta.1

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

@@ -292,6 +292,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: import("vue").PropType<boolean | ((fieldItem: import("..").FieldItem) => boolean | void)>;
                     default: boolean;
                 };
+                lowCodeReactions: {
+                    type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -414,6 +417,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         type: import("vue").PropType<boolean | ((fieldItem: import("..").FieldItem) => boolean | void)>;
                         default: boolean;
                     };
+                    lowCodeReactions: {
+                        type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
+                    };
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                 }>>;
@@ -422,6 +428,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 formModel: import("@formily/core").Form<{
                     [x: string]: any;
                 }>;
+                lowCodeReactionsHandler: (field: string, value: unknown) => void;
+                triggerAllReactionsHandler: () => void;
                 SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
                 businessCollector: import("..").BusinessCollector;
                 formItemDepsCollector: import("..").FormItemDepsCollector;
@@ -792,6 +800,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: import("vue").PropType<boolean | ((fieldItem: import("..").FieldItem) => boolean | void)>;
                     default: boolean;
                 };
+                lowCodeReactions: {
+                    type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
             }, {
@@ -2778,6 +2789,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: import("vue").PropType<boolean | ((fieldItem: import("..").FieldItem) => boolean | void)>;
                     default: boolean;
                 };
+                lowCodeReactions: {
+                    type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -2900,6 +2914,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         type: import("vue").PropType<boolean | ((fieldItem: import("..").FieldItem) => boolean | void)>;
                         default: boolean;
                     };
+                    lowCodeReactions: {
+                        type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
+                    };
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                 }>>;
@@ -2908,6 +2925,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 formModel: import("@formily/core").Form<{
                     [x: string]: any;
                 }>;
+                lowCodeReactionsHandler: (field: string, value: unknown) => void;
+                triggerAllReactionsHandler: () => void;
                 SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
                 businessCollector: import("..").BusinessCollector;
                 formItemDepsCollector: import("..").FormItemDepsCollector;
@@ -3278,6 +3297,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: import("vue").PropType<boolean | ((fieldItem: import("..").FieldItem) => boolean | void)>;
                     default: boolean;
                 };
+                lowCodeReactions: {
+                    type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
             }, {

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

@@ -293,6 +293,9 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<boolean | ((fieldItem: import("../..").FieldItem) => boolean | void)>;
                     default: boolean;
                 };
+                lowCodeReactions: {
+                    type: PropType<import("../..").FormLowCodeReactions.Config[]>;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -415,6 +418,9 @@ declare const _default: import("vue").DefineComponent<{
                         type: PropType<boolean | ((fieldItem: import("../..").FieldItem) => boolean | void)>;
                         default: boolean;
                     };
+                    lowCodeReactions: {
+                        type: PropType<import("../..").FormLowCodeReactions.Config[]>;
+                    };
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                 }>>;
@@ -423,6 +429,8 @@ declare const _default: import("vue").DefineComponent<{
                 formModel: import("@formily/core").Form<{
                     [x: string]: any;
                 }>;
+                lowCodeReactionsHandler: (field: string, value: unknown) => void;
+                triggerAllReactionsHandler: () => void;
                 SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
                 businessCollector: import("../..").BusinessCollector;
                 formItemDepsCollector: import("../..").FormItemDepsCollector;
@@ -793,6 +801,9 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<boolean | ((fieldItem: import("../..").FieldItem) => boolean | void)>;
                     default: boolean;
                 };
+                lowCodeReactions: {
+                    type: PropType<import("../..").FormLowCodeReactions.Config[]>;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
             }, {
@@ -2779,6 +2790,9 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<boolean | ((fieldItem: import("../..").FieldItem) => boolean | void)>;
                     default: boolean;
                 };
+                lowCodeReactions: {
+                    type: PropType<import("../..").FormLowCodeReactions.Config[]>;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -2901,6 +2915,9 @@ declare const _default: import("vue").DefineComponent<{
                         type: PropType<boolean | ((fieldItem: import("../..").FieldItem) => boolean | void)>;
                         default: boolean;
                     };
+                    lowCodeReactions: {
+                        type: PropType<import("../..").FormLowCodeReactions.Config[]>;
+                    };
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                 }>>;
@@ -2909,6 +2926,8 @@ declare const _default: import("vue").DefineComponent<{
                 formModel: import("@formily/core").Form<{
                     [x: string]: any;
                 }>;
+                lowCodeReactionsHandler: (field: string, value: unknown) => void;
+                triggerAllReactionsHandler: () => void;
                 SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
                 businessCollector: import("../..").BusinessCollector;
                 formItemDepsCollector: import("../..").FormItemDepsCollector;
@@ -3279,6 +3298,9 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<boolean | ((fieldItem: import("../..").FieldItem) => boolean | void)>;
                     default: boolean;
                 };
+                lowCodeReactions: {
+                    type: PropType<import("../..").FormLowCodeReactions.Config[]>;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
             }, {

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

@@ -142,6 +142,9 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
                 default: boolean;
             };
+            lowCodeReactions: {
+                type: import("vue").PropType<import("../../../../../es/components/form-render").FormLowCodeReactions.Config[]>;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
@@ -264,6 +267,9 @@ declare const _default: import("vue").DefineComponent<{}, {
                     type: import("vue").PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
                     default: boolean;
                 };
+                lowCodeReactions: {
+                    type: import("vue").PropType<import("../../../../../es/components/form-render").FormLowCodeReactions.Config[]>;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
             }>>;
@@ -272,6 +278,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             formModel: import("../../../../../es/components/form-render").Form<{
                 [x: string]: any;
             }>;
+            lowCodeReactionsHandler: (field: string, value: unknown) => void;
+            triggerAllReactionsHandler: () => void;
             SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
             businessCollector: import("../../../../../es/components/form-render").BusinessCollector;
             formItemDepsCollector: import("../../../../../es/components/form-render").FormItemDepsCollector;
@@ -642,6 +650,9 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
                 default: boolean;
             };
+            lowCodeReactions: {
+                type: import("vue").PropType<import("../../../../../es/components/form-render").FormLowCodeReactions.Config[]>;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
         }, {

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

@@ -1862,6 +1862,9 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
                 default: boolean;
             };
+            lowCodeReactions: {
+                type: import("vue").PropType<import("../../../../../es/components/form-render").FormLowCodeReactions.Config[]>;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
@@ -1984,6 +1987,9 @@ declare const _default: import("vue").DefineComponent<{
                     type: import("vue").PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
                     default: boolean;
                 };
+                lowCodeReactions: {
+                    type: import("vue").PropType<import("../../../../../es/components/form-render").FormLowCodeReactions.Config[]>;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
             }>>;
@@ -1992,6 +1998,8 @@ declare const _default: import("vue").DefineComponent<{
             formModel: import("../../../../../es/components/form-render").Form<{
                 [x: string]: any;
             }>;
+            lowCodeReactionsHandler: (field: string, value: unknown) => void;
+            triggerAllReactionsHandler: () => void;
             SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
             businessCollector: import("../../../../../es/components/form-render").BusinessCollector;
             formItemDepsCollector: import("../../../../../es/components/form-render").FormItemDepsCollector;
@@ -2362,6 +2370,9 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
                 default: boolean;
             };
+            lowCodeReactions: {
+                type: import("vue").PropType<import("../../../../../es/components/form-render").FormLowCodeReactions.Config[]>;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
         }, {

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

@@ -129,6 +129,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: import("vue").PropType<boolean | ((fieldItem: import("./src/types").FieldItem) => boolean | void)>;
             default: boolean;
         };
+        lowCodeReactions: {
+            type: import("vue").PropType<import("./src/types").FormLowCodeReactions.Config[]>;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
@@ -251,6 +254,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<boolean | ((fieldItem: import("./src/types").FieldItem) => boolean | void)>;
                 default: boolean;
             };
+            lowCodeReactions: {
+                type: import("vue").PropType<import("./src/types").FormLowCodeReactions.Config[]>;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
         }>>;
@@ -259,6 +265,8 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         formModel: import("@formily/core/esm/models/Form").Form<{
             [x: string]: any;
         }>;
+        lowCodeReactionsHandler: (field: string, value: unknown) => void;
+        triggerAllReactionsHandler: () => void;
         SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
         businessCollector: import("./src/hooks").BusinessCollector;
         formItemDepsCollector: import("./src/hooks").FormItemDepsCollector;
@@ -629,6 +637,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: import("vue").PropType<boolean | ((fieldItem: import("./src/types").FieldItem) => boolean | void)>;
             default: boolean;
         };
+        lowCodeReactions: {
+            type: import("vue").PropType<import("./src/types").FormLowCodeReactions.Config[]>;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
     }, {

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

@@ -1,7 +1,7 @@
 import { AnyObject } from '../../../../es/shared/types';
 import { Component, FunctionalComponent, PropType } from 'vue';
 import { RequestInstance } from './hooks';
-import { FieldItem, FieldVisitor, FormBusinessFormatter } from './types';
+import { FieldItem, FieldVisitor, FormBusinessFormatter, FormLowCodeReactions } from './types';
 declare const _default: import("vue").DefineComponent<{
     fieldList: {
         type: PropType<FieldItem[]>;
@@ -123,6 +123,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
         default: boolean;
     };
+    lowCodeReactions: {
+        type: PropType<FormLowCodeReactions.Config[]>;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
@@ -245,6 +248,9 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
             default: boolean;
         };
+        lowCodeReactions: {
+            type: PropType<FormLowCodeReactions.Config[]>;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
     }>>;
@@ -253,6 +259,8 @@ declare const _default: import("vue").DefineComponent<{
     formModel: import("@formily/core").Form<{
         [x: string]: any;
     }>;
+    lowCodeReactionsHandler: (field: string, value: unknown) => void;
+    triggerAllReactionsHandler: () => void;
     SchemaField: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
     businessCollector: import("./hooks").BusinessCollector;
     formItemDepsCollector: import("./hooks").FormItemDepsCollector;
@@ -623,6 +631,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
         default: boolean;
     };
+    lowCodeReactions: {
+        type: PropType<FormLowCodeReactions.Config[]>;
+    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
 }, {

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, openBlock, createBlock, unref, withCtx, createElementBlock, createVNode, isRef, Fragment, renderList, createCommentVNode, createElementVNode, normalizeStyle, withKeys, withModifiers, toDisplayString, nextTick } from 'vue';
+import { defineComponent, computed, onMounted, ref, watch, openBlock, createBlock, unref, withCtx, createElementBlock, createVNode, isRef, Fragment, renderList, createCommentVNode, createElementVNode, normalizeStyle, withKeys, withModifiers, toDisplayString, nextTick } from 'vue';
 import { arrayed, findAncestor } from '../../../shared/utils/index.js';
 import { createForm, onFieldValueChange, isField } from '@formily/core';
 import { Path } from '@formily/path';
@@ -8,6 +8,7 @@ import { cloneDeep, isArray, isFunction } from 'lodash-es';
 import { NForm, NTabs, NTabPane, NConfigProvider } from 'naive-ui';
 import { NESTED_FORM_ITEM_TYPE, FormItemLineBarDepKeyPrepend } from './constants/index.js';
 import { useFormRenderLifeCycle } from './hooks/useFormRenderLifeCycle.js';
+import { useLowCodeReactions } from './hooks/useLowCodeReactions.js';
 import { useNuiThemeOverrides } from './hooks/useNuiThemeOverrides.js';
 import { validateMessageParser, combineExtendKey, splitExtendKey } from './utils/index.js';
 import { useFieldListAdaptor } from './hooks/useFieldListAdaptor.js';
@@ -63,6 +64,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     enterToNextWidget: {
       type: [Boolean, Function],
       default: true
+    },
+    lowCodeReactions: {
+      type: Array
     }
   },
   emits: [
@@ -87,9 +91,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             value: field.value,
             context: changeContextCollector.getContext(fieldKey, field.value)
           });
+          lowCodeReactionsHandler(fieldKey, field.value);
         });
       }
     });
+    const { lowCodeReactionsHandler, triggerAllReactionsHandler } = useLowCodeReactions(
+      computed(() => props.lowCodeReactions),
+      formModel
+    );
+    onMounted(triggerAllReactionsHandler);
     const { SchemaField, businessCollector, formItemDepsCollector, changeContextCollector, formUUID } = useFormContext(
       props,
       formModel

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

@@ -126,6 +126,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: import("vue").PropType<boolean | ((fieldItem: import("../../../../es/components/form-render").FieldItem) => boolean | void)>;
             default: boolean;
         };
+        lowCodeReactions: {
+            type: import("vue").PropType<import("../../../../es/components/form-render").FormLowCodeReactions.Config[]>;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
@@ -248,6 +251,9 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<boolean | ((fieldItem: import("../../../../es/components/form-render").FieldItem) => boolean | void)>;
                 default: boolean;
             };
+            lowCodeReactions: {
+                type: import("vue").PropType<import("../../../../es/components/form-render").FormLowCodeReactions.Config[]>;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
         }>>;
@@ -256,6 +262,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         formModel: import("../../../../es/components/form-render").Form<{
             [x: string]: any;
         }>;
+        lowCodeReactionsHandler: (field: string, value: unknown) => void;
+        triggerAllReactionsHandler: () => void;
         SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
         businessCollector: import("../../../../es/components/form-render").BusinessCollector;
         formItemDepsCollector: import("../../../../es/components/form-render").FormItemDepsCollector;
@@ -626,6 +634,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: import("vue").PropType<boolean | ((fieldItem: import("../../../../es/components/form-render").FieldItem) => boolean | void)>;
             default: boolean;
         };
+        lowCodeReactions: {
+            type: import("vue").PropType<import("../../../../es/components/form-render").FormLowCodeReactions.Config[]>;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
     }, {

package/es/components/form-render/src/components/renderer/formItem.js

@@ -74,19 +74,22 @@ const script = defineComponent({
         "message": props.remark
       }, null)]) : null, showAnnotation.value ? renderAnnotation() : null]) : null]) : null;
     }
-    return () => createVNode(NFormItem, mergeProps({
-      "class": "form-render__formItem",
-      "style": {
-        "--form-item-column": props.span
-      }
-    }, {
-      id: id.value,
-      "widget-type": field.value.componentType,
-      "form-field": field.value.path.toString()
-    }), {
-      ...slots,
-      label: renderLabel
-    });
+    return () => {
+      var _a;
+      return createVNode(NFormItem, mergeProps({
+        "class": "form-render__formItem",
+        "style": {
+          "--form-item-column": ((_a = props.span) != null ? _a : 3) * 2
+        }
+      }, {
+        id: id.value,
+        "widget-type": field.value.componentType,
+        "form-field": field.value.path.toString()
+      }), {
+        ...slots,
+        label: renderLabel
+      });
+    };
   }
 });
 const FORM_ITEM = connect(script, mapProps({

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

@@ -39,4 +39,16 @@ export declare enum FIELD_AGE_UNIT {
     WEEK = "W",
     MINUTE = "N"
 }
+export declare enum LOW_CODE_VALUE_RELATION {
+    EQ = "EQ",
+    NEQ = "NEQ",
+    CL = "CL",
+    NC = "NC",
+    NULL = "NULL",
+    NOT_NULL = "NOT_NULL",
+    BIG = "BIG",
+    BIGEQ = "BIGEQ",
+    LESS = "LESS",
+    LESSEQ = "LESSEQ"
+}
 export declare const NESTED_FORM_ITEM_TYPE: string[];

package/es/components/form-render/src/constants/index.js

@@ -41,6 +41,19 @@ var FIELD_AGE_UNIT = /* @__PURE__ */ ((FIELD_AGE_UNIT2) => {
   FIELD_AGE_UNIT2["MINUTE"] = "N";
   return FIELD_AGE_UNIT2;
 })(FIELD_AGE_UNIT || {});
+var LOW_CODE_VALUE_RELATION = /* @__PURE__ */ ((LOW_CODE_VALUE_RELATION2) => {
+  LOW_CODE_VALUE_RELATION2["EQ"] = "EQ";
+  LOW_CODE_VALUE_RELATION2["NEQ"] = "NEQ";
+  LOW_CODE_VALUE_RELATION2["CL"] = "CL";
+  LOW_CODE_VALUE_RELATION2["NC"] = "NC";
+  LOW_CODE_VALUE_RELATION2["NULL"] = "NULL";
+  LOW_CODE_VALUE_RELATION2["NOT_NULL"] = "NOT_NULL";
+  LOW_CODE_VALUE_RELATION2["BIG"] = "BIG";
+  LOW_CODE_VALUE_RELATION2["BIGEQ"] = "BIGEQ";
+  LOW_CODE_VALUE_RELATION2["LESS"] = "LESS";
+  LOW_CODE_VALUE_RELATION2["LESSEQ"] = "LESSEQ";
+  return LOW_CODE_VALUE_RELATION2;
+})(LOW_CODE_VALUE_RELATION || {});
 const NESTED_FORM_ITEM_TYPE = ["COMPLEX", "COMBINATION"];
 
-export { FIELD_AGE_UNIT, FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, FormItemLineBarDepKeyPrepend, InjectionAnnotation, InjectionAsyncQueue, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionFormUUID, InjectionSchemaField, NESTED_FORM_ITEM_TYPE };
+export { FIELD_AGE_UNIT, FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, FormItemLineBarDepKeyPrepend, InjectionAnnotation, InjectionAsyncQueue, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionFormUUID, InjectionSchemaField, LOW_CODE_VALUE_RELATION, NESTED_FORM_ITEM_TYPE };

package/es/components/form-render/src/hooks/useFieldNormalize.js

@@ -59,10 +59,6 @@ function useFieldNormalize() {
     });
     return fieldItem;
   });
-  FieldNormalizeWaterfallHook.tap("__elem_width", (fieldItem) => {
-    fieldItem.elem_width = ~~((fieldItem.elem_width || 3) * 2);
-    return fieldItem;
-  });
   return { FieldNormalizeWaterfallHook };
 }
 

package/es/components/form-render/src/hooks/useLowCodeReactions.d.ts

@@ -0,0 +1,7 @@
+import { Form } from '@formily/core';
+import { MaybeRef } from '@vueuse/core';
+import { FormLowCodeReactions } from '../../../../../es/components/form-render';
+export declare function useLowCodeReactions(configListRef: MaybeRef<FormLowCodeReactions.Config[] | undefined>, formModel: Form): {
+    lowCodeReactionsHandler: (field: string, value: unknown) => void;
+    triggerAllReactionsHandler: () => void;
+};

package/es/components/form-render/src/hooks/useLowCodeReactions.js

@@ -0,0 +1,84 @@
+import { isField } from '@formily/core';
+import { isArray, isString, includes, isEmpty, negate, gt, gte, lt, lte } from 'lodash-es';
+import { computed, unref } from 'vue';
+import { Path } from '@formily/path';
+
+function useLowCodeReactions(configListRef, formModel) {
+  const compareMap = {
+    EQ: (v1, v2) => `${v1}` === v2,
+    NEQ: (v1, v2) => `${v1}` !== v2,
+    CL: (v1, v2) => isArray(v1) || isString(v1) ? includes(v1, v2) : false,
+    NC: (v1, v2) => isArray(v1) || isString(v1) ? !includes(v1, v2) : true,
+    NULL: isEmpty,
+    NOT_NULL: negate(isEmpty),
+    BIG: gt,
+    BIGEQ: gte,
+    LESS: lt,
+    LESSEQ: lte
+  };
+  const triggerMap = {
+    hideField: createFieldHandler((field) => field.setDisplay("none")),
+    showField: createFieldHandler((field) => field.setDisplay("visible")),
+    requiredField: createFieldHandler((field) => field.required = true),
+    notRequiredField: createFieldHandler((field) => {
+      field.required = false;
+      field.validate();
+    }),
+    enabledField: createFieldHandler((field) => field.editable = true),
+    disabledField: createFieldHandler((field) => field.editable = false)
+  };
+  function createFieldHandler(cb) {
+    return (fields) => {
+      fields.forEach((field) => {
+        const state = formModel.query(field).take();
+        state && isField(state) && cb(state);
+      });
+    };
+  }
+  const reactionKeys = computed(() => {
+    if (!unref(configListRef))
+      return [];
+    return unref(configListRef).reduce((res, config) => {
+      isArray(config.conObj) && config.conObj.forEach((conObj) => res.push(conObj.field_key));
+      return res;
+    }, []);
+  });
+  function lowCodeReactionsHandler(field, value) {
+    const configList = unref(configListRef);
+    if (!configList || !reactionKeys.value.includes(field))
+      return;
+    const matchedConfig = configList.find((config) => reactionMatcher(field, value, config.conObj));
+    matchedConfig && trigger(matchedConfig);
+  }
+  function trigger(config) {
+    Object.entries(config).forEach(([k, v]) => triggerMap[k] && triggerMap[k](v));
+  }
+  function triggerAllReactionsHandler() {
+    const configList = unref(configListRef);
+    if (!configList)
+      return;
+    const values = formModel.getFormState().values;
+    configList.forEach((config) => {
+      if (!isArray(config.conObj))
+        return;
+      if (!config.conObj.every(matcher))
+        return;
+      trigger(config);
+    });
+    function matcher(conObj) {
+      return conObjMatcher(conObj.field_key, Path.getIn(values, conObj.field_key), conObj);
+    }
+  }
+  function reactionMatcher(field, value, conObjs) {
+    return conObjs.every((conObj) => conObjMatcher(field, value, conObj));
+  }
+  function conObjMatcher(field, value, conObj) {
+    if (conObj.field_key !== field)
+      return;
+    const relation = compareMap[conObj.con] || (() => false);
+    return relation(value, `${conObj.value}`);
+  }
+  return { lowCodeReactionsHandler, triggerAllReactionsHandler };
+}
+
+export { useLowCodeReactions };

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

@@ -82,3 +82,20 @@ export declare type FormBusinessFormatter = (payload: {
     value: unknown;
     type: FIELD_BUSINESS_TYPE;
 }) => unknown;
+export declare namespace FormLowCodeReactions {
+    type ConObj = {
+        con: string;
+        field_key: string;
+        value: unknown;
+    };
+    type Config = {
+        conObj: ConObj[];
+    } & Partial<{
+        showField: string[];
+        hideField: string[];
+        requiredField: string[];
+        notRequiredField: string[];
+        enabledField: string[];
+        disabledField: string[];
+    }>;
+}

package/es/components/iho-table/index.d.ts

@@ -101,6 +101,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         onFormClick?: ((...args: any[]) => any) | undefined;
         onKeyboard?: ((...args: any[]) => any) | undefined;
     }>>;
+    __emits: (event: "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "keyboard" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd", ...args: any[]) => void;
     emits: (event: "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "keyboard" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd", ...args: any[]) => void;
     uuid: string;
     $table: import("vue").Ref<import("vxe-table").VxeTableInstance | undefined>;
@@ -2028,6 +2029,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             adaptive?: boolean | undefined;
         } | undefined;
         params?: any;
+        onFormChange?: ((payload_0: import("../../../es/components/iho-table/src/types").IhoTableFormChangePayload) => void) | undefined;
         onCopy?: ((params: import("vxe-table").VxeTableDefines.CopyEventParams) => void) | undefined;
         onCut?: ((params: import("vxe-table").VxeTableDefines.CutEventParams) => void) | undefined;
         onPaste?: ((params: import("vxe-table").VxeTableDefines.PasteEventParams) => void) | undefined;
@@ -2087,6 +2089,9 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         onCellAreaArrowsEnd?: ((params: import("vxe-table").VxeTableProDefines.CellAreaArrowsEndEventParams) => void) | undefined;
         onActiveCellChangeStart?: ((params: import("vxe-table").VxeTableProDefines.ActiveCellChangeStartEventParams) => void) | undefined;
         onActiveCellChangeEnd?: ((params: import("vxe-table").VxeTableProDefines.ActiveCellChangeEndEventParams) => void) | undefined;
+        onSettingClick?: (() => void) | undefined;
+        onFormClick?: ((payload_0: import("../../../es/components/iho-table/src/types").IhoTableFormChangePayload) => void) | undefined;
+        onKeyboard?: ((payload_0: import("../../../es/components/iho-table/src/types").IHoTableKeyboardPayload) => void) | undefined;
         uuid?: string | undefined;
         isTree?: import("../../../es/shared/types").MaybeString<0 | 2 | 1 | 3> | undefined;
         isBatchSelect?: import("../../../es/shared/types").MaybeString<0 | 1> | undefined;
@@ -4489,6 +4494,10 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             adaptive?: boolean | undefined;
         } | undefined;
         params?: any;
+        onFormChange?: ((payload_0: import("../../../es/components/iho-table/src/types").IhoTableFormChangePayload) => void) | undefined;
+        onSettingClick?: (() => void) | undefined;
+        onFormClick?: ((payload_0: import("../../../es/components/iho-table/src/types").IhoTableFormChangePayload) => void) | undefined;
+        onKeyboard?: ((payload_0: import("../../../es/components/iho-table/src/types").IHoTableKeyboardPayload) => void) | undefined;
         uuid?: string | undefined;
         isTree?: import("../../../es/shared/types").MaybeString<0 | 2 | 1 | 3> | undefined;
         isBatchSelect?: import("../../../es/shared/types").MaybeString<0 | 1> | undefined;