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

package/es/components/form-config/style/index.css

@@ -1 +1 @@
-.form-config,.form-config__material{display:flex;justify-content:space-between}.form-config__material{border-radius:8px;box-sizing:border-box;flex-direction:column;flex-shrink:0;padding:16px;width:200px}.form-config__materialHeader{align-items:center;display:flex;height:40px;justify-content:space-between}.form-config__materialContent{border:1px dashed hsla(0,0%,50%,.35);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;flex:1;gap:8px;max-height:var(--max-height);min-height:200px;overflow-y:auto;padding:16px}.form-config__materialExtraList{margin-top:12px}.form-config__displayWrapper{border-radius:8px;box-sizing:border-box;flex-shrink:0;flex:1;min-width:400px;padding:16px 0}.form-config__displayHeader{align-items:center;display:flex;height:40px;justify-content:space-between}.form-config__displayContent{border:1px dashed hsla(0,0%,50%,.35);border-radius:8px;box-sizing:border-box;display:grid!important;flex-shrink:0;gap:8px;grid-template-columns:repeat(24,minmax(0,1fr));height:fit-content;max-height:var(--max-height);overflow-y:auto;padding:16px}.form-config__displayContentItem{grid-column:span var(--item-column) /span var(--item-column);position:relative}.form-config__config{border-radius:8px;box-sizing:border-box;flex-shrink:0;padding:16px;width:240px}.form-config__configHeader{align-items:center;display:flex;height:40px;justify-content:space-between}.form-config__configContent{border:none;border-radius:8px;box-sizing:border-box;flex-shrink:0;max-height:var(--max-height);min-height:38px;overflow-y:auto;padding:16px}.form-config__renderer{box-sizing:border-box;cursor:move;justify-content:flex-start;width:100%}.form-config__renderer--default{align-items:center;box-sizing:border-box;display:flex;padding:8px 0;position:relative;user-select:none;width:100%}.form-config__renderer--defaultWrapper{align-items:center;border-radius:2px;box-sizing:border-box;display:inline-flex;height:34px;padding:0 14px;transition:all .3s linear}.form-config__renderer--defaultWrapper.is-disabled{background-color:transparent;border:1px dashed var(--c-primary-color)}.form-config__renderer--defaultWrapper:not(.is-disabled){background-color:rgba(46,51,56,.05);border:1px dashed transparent}.form-config__renderer--defaultWrapper:not(.is-disabled):hover{background-color:rgba(46,51,56,.09)}.form-config__renderer--defaultWrapper:not(.is-disabled):active{background-color:rgba(46,51,56,.15)}.form-config__renderer--complex{border:1px dashed var(--c-primary-color);border-radius:8px;padding:8px}.form-config__renderer--complexHeader{display:flex;justify-content:center;margin-top:-8px;padding:8px;position:relative}.form-config__renderer--complex--grid{display:grid!important;gap:8px;grid-column:span var(--item-column) /span var(--item-column);grid-template-columns:repeat(24,minmax(0,1fr));min-height:24px}.form-config__renderer--complex--flex{display:flex;min-height:24px}.form-config .is-required{padding-left:16px!important}.form-config .is-required:before{color:red;content:"*";left:8px;position:absolute}.form-config .is-extra:before{border-bottom:6px solid transparent;border-left:6px solid var(--c-primary-color);border-right:6px solid transparent;border-top:6px solid var(--c-primary-color);content:"";height:0;left:0;position:absolute;top:0;width:0}.form-config .is-active{color:var(--c-primary-color)!important}.form-config .is-choosing{box-shadow:inset var(--c-primary-color) 0 0 0 2px;opacity:.7}.form-config .is-choosing-area{background:hsla(0,0%,50%,.1)}.form-config [is-hovering=true] .form-config__renderer--closeButton{visibility:visible}.form-config .form-config__renderer--closeButton{position:absolute;right:4px;top:50%;transform:translateY(-50%);visibility:hidden}
+.form-config,.form-config__material{display:flex;justify-content:space-between}.form-config__material{border-radius:8px;box-sizing:border-box;flex-direction:column;flex-shrink:0;padding:16px;width:200px}.form-config__materialHeader{align-items:center;display:flex;height:40px;justify-content:space-between}.form-config__materialContent{border:1px dashed hsla(0,0%,50%,.35);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;flex:1;gap:8px;max-height:var(--max-height);min-height:200px;overflow-y:auto;padding:16px}.form-config__materialExtraList{margin-top:12px}.form-config__displayWrapper{border-radius:8px;box-sizing:border-box;flex-shrink:0;flex:1;min-width:400px;padding:16px 0}.form-config__displayHeader{align-items:center;display:flex;height:40px;justify-content:space-between}.form-config__displayContent{border:1px dashed hsla(0,0%,50%,.35);border-radius:8px;box-sizing:border-box;display:grid!important;flex-shrink:0;gap:8px;grid-template-columns:repeat(24,minmax(0,1fr));height:fit-content;max-height:var(--max-height);overflow-y:auto;padding:16px}.form-config__displayContentItem{grid-column:span var(--item-column) /span var(--item-column);position:relative}.form-config__config{border-radius:8px;box-sizing:border-box;flex-shrink:0;padding:16px;width:240px}.form-config__configHeader{align-items:center;display:flex;height:40px;justify-content:space-between}.form-config__configContent{border:none;border-radius:8px;box-sizing:border-box;flex-shrink:0;max-height:var(--max-height);min-height:38px;overflow-y:auto;padding:16px}.form-config__renderer{box-sizing:border-box;cursor:move;justify-content:flex-start;width:100%}.form-config__renderer--default{align-items:center;box-sizing:border-box;display:flex;padding:8px 0;position:relative;user-select:none;width:100%}.form-config__renderer--defaultWrapper{align-items:center;border-radius:2px;box-sizing:border-box;display:inline-flex;height:34px;padding:0 14px;transition:all .3s linear}.form-config__renderer--defaultWrapper.is-disabled{background-color:transparent;border:1px dashed var(--c-primary-color)}.form-config__renderer--defaultWrapper:not(.is-disabled){background-color:rgba(46,51,56,.05);border:1px dashed transparent}.form-config__renderer--defaultWrapper:not(.is-disabled):hover{background-color:rgba(46,51,56,.09)}.form-config__renderer--defaultWrapper:not(.is-disabled):active{background-color:rgba(46,51,56,.15)}.form-config__renderer--complex{border:1px dashed var(--c-primary-color);border-radius:8px;padding:8px}.form-config__renderer--complexHeader{display:flex;justify-content:center;margin-top:-8px;padding:8px;position:relative}.form-config__renderer--complex--grid{display:grid!important;gap:8px;grid-column:span var(--item-column) /span var(--item-column);grid-template-columns:repeat(24,minmax(0,1fr));min-height:24px}.form-config__renderer--complex--flex{display:flex;min-height:24px}.form-config .is-required{padding-left:16px!important}.form-config .is-required:before{color:red;content:"*";left:8px;position:absolute}.form-config .is-extra:before{border-bottom:6px solid transparent;border-left:6px solid var(--c-primary-color);border-right:6px solid transparent;border-top:6px solid var(--c-primary-color);content:"";height:0;left:0;position:absolute;top:0;width:0}.form-config .is-active{color:var(--c-primary-color)!important}.form-config .is-choosing{box-shadow:inset var(--c-primary-color) 0 0 0 2px;opacity:.7}.form-config .is-choosing-area{background:hsla(0,0%,50%,.1)}.form-config [is-hovering=true] .form-config__renderer--closeButton{visibility:visible}.form-config .form-config__renderer--closeButton{position:absolute;right:4px;top:50%;transform:translateY(-50%);visibility:hidden}.form-config__connectionModal .n-collapse .n-collapse-item:not(:first-of-type){margin-top:4px}.form-config__connectionModal .n-collapse .n-collapse-item .n-collapse-item__header{padding-top:4px}.form-config__connectionOperation{margin-bottom:8px}.form-config__connectionWrapper{border:1px solid #e5e5e5;border-radius:4px;padding:8px}.form-config__connectionCondition{width:450px}.form-config__connectionCondition>header{align-items:center;display:flex;gap:12px}.form-config__connectionConditionHeaderDesc{color:#a5a5a5;display:inline-block;margin-left:12px}.form-config__connectionConditionItem{align-items:center;display:flex;margin-bottom:4px}.form-config__connectionConditionItem>div:first-of-type{flex:1}.form-config__connectionFieldType{display:flex;height:100%}.form-config__connectionFieldType>div:first-of-type{display:flex;flex-direction:column;height:100%;justify-content:space-between;margin-right:-1px}.form-config__connectionFieldType>div:first-of-type>div{background:#f5f5f5;border:1px solid #e5e5e5;cursor:pointer;padding:2px 4px 2px 8px}.form-config__connectionFieldType>div:first-of-type>div:not(:last-of-type){margin-bottom:4px}.form-config__connectionFieldType>div:first-of-type>div.is-active{background:#fff;border-right-color:#fff;color:var(--c-primary-color);z-index:1}.form-config__connectionFieldType>div:nth-of-type(2){border:1px solid #e5e5e5;padding:8px;width:300px}

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

@@ -118,9 +118,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         lifeCycle: {
             type: import("vue").PropType<Partial<{
                 onSetup(): void;
-                beforeRequest(fieldKey: string, params?: import("../../../es/shared/types").AnyObject | undefined): void | import("../../../es/shared/types").UndefinedAble<import("../../../es/shared/types").AnyObject>;
-                afterRequest(fieldKey: string, payload?: any): import("../../../es/shared/types").AnyObject[];
-                afterOptionInit(fieldKey: string, options: import("../../../es/shared/types").AnyObject[]): void;
+                beforeRequest(fieldKey: string, params?: import("../../../es/shared/types").AnyObject | undefined, payload?: import("../../../es/shared/types").AnyObject | undefined): void | import("../../../es/shared/types").UndefinedAble<import("../../../es/shared/types").AnyObject>;
+                afterRequest(fieldKey: string, res?: any, payload?: import("../../../es/shared/types").AnyObject | undefined): import("../../../es/shared/types").AnyObject[];
+                afterOptionInit(fieldKey: string, options: import("../../../es/shared/types").AnyObject[], payload?: import("../../../es/shared/types").AnyObject | undefined): void;
             }>>;
         };
         requestInstance: {
@@ -131,7 +131,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             default: boolean;
         };
         lowCodeReactions: {
-            type: import("vue").PropType<import("./src/types").FormLowCodeReactions.Config[]>;
+            type: import("vue").PropType<import("../../../es/shared/types").FormLowCodeReactions.Config[]>;
         };
         operationalForm: {
             type: import("vue").PropType<import("../../../es/shared/types").FormOperationalConfig[]>;
@@ -151,6 +151,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        forceClearable: BooleanConstructor;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
@@ -262,9 +263,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             lifeCycle: {
                 type: import("vue").PropType<Partial<{
                     onSetup(): void;
-                    beforeRequest(fieldKey: string, params?: import("../../../es/shared/types").AnyObject | undefined): void | import("../../../es/shared/types").UndefinedAble<import("../../../es/shared/types").AnyObject>;
-                    afterRequest(fieldKey: string, payload?: any): import("../../../es/shared/types").AnyObject[];
-                    afterOptionInit(fieldKey: string, options: import("../../../es/shared/types").AnyObject[]): void;
+                    beforeRequest(fieldKey: string, params?: import("../../../es/shared/types").AnyObject | undefined, payload?: import("../../../es/shared/types").AnyObject | undefined): void | import("../../../es/shared/types").UndefinedAble<import("../../../es/shared/types").AnyObject>;
+                    afterRequest(fieldKey: string, res?: any, payload?: import("../../../es/shared/types").AnyObject | undefined): import("../../../es/shared/types").AnyObject[];
+                    afterOptionInit(fieldKey: string, options: import("../../../es/shared/types").AnyObject[], payload?: import("../../../es/shared/types").AnyObject | undefined): void;
                 }>>;
             };
             requestInstance: {
@@ -275,7 +276,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 default: boolean;
             };
             lowCodeReactions: {
-                type: import("vue").PropType<import("./src/types").FormLowCodeReactions.Config[]>;
+                type: import("vue").PropType<import("../../../es/shared/types").FormLowCodeReactions.Config[]>;
             };
             operationalForm: {
                 type: import("vue").PropType<import("../../../es/shared/types").FormOperationalConfig[]>;
@@ -295,6 +296,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            forceClearable: BooleanConstructor;
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -305,7 +307,17 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
         formRenderRef: import("vue").Ref<HTMLElement | undefined>;
         formHeight: import("vue").ComputedRef<string>;
-        SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+        SchemaField: import("vue").DefineComponent<Record<keyof import("@formily/vue").ISchemaFieldProps, any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<keyof import("@formily/vue").ISchemaFieldProps, any>>>, {
+            name: any;
+            components: any;
+            schema: any;
+            scope: any;
+            basePath: any;
+            onlyRenderProperties: any;
+            onlyRenderSelf: any;
+            mapProperties: any;
+            filterProperties: any;
+        }>;
         businessCollector: import("./src/hooks").BusinessCollector;
         formItemDepsCollector: import("./src/hooks").FormItemDepsCollector;
         changeContextCollector: import("./src/hooks").ContextCollector;
@@ -322,14 +334,14 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         onScroll: (scrollEvent: Event) => void;
         callLifeCycle: <T extends "onSetup" | "beforeRequest" | "afterRequest" | "afterOptionInit">(lifeCycleName: T, payload?: Parameters<Required<Partial<{
             onSetup(): void;
-            beforeRequest(fieldKey: string, params?: import("../../../es/shared/types").AnyObject | undefined): void | import("../../../es/shared/types").UndefinedAble<import("../../../es/shared/types").AnyObject>;
-            afterRequest(fieldKey: string, payload?: any): import("../../../es/shared/types").AnyObject[];
-            afterOptionInit(fieldKey: string, options: import("../../../es/shared/types").AnyObject[]): void;
+            beforeRequest(fieldKey: string, params?: import("../../../es/shared/types").AnyObject | undefined, payload?: import("../../../es/shared/types").AnyObject | undefined): void | import("../../../es/shared/types").UndefinedAble<import("../../../es/shared/types").AnyObject>;
+            afterRequest(fieldKey: string, res?: any, payload?: import("../../../es/shared/types").AnyObject | undefined): import("../../../es/shared/types").AnyObject[];
+            afterOptionInit(fieldKey: string, options: import("../../../es/shared/types").AnyObject[], payload?: import("../../../es/shared/types").AnyObject | undefined): void;
         }>>[T]> | undefined) => import("../../../es/shared/types").UndefinedAble<ReturnType<Required<Partial<{
             onSetup(): void;
-            beforeRequest(fieldKey: string, params?: import("../../../es/shared/types").AnyObject | undefined): void | import("../../../es/shared/types").UndefinedAble<import("../../../es/shared/types").AnyObject>;
-            afterRequest(fieldKey: string, payload?: any): import("../../../es/shared/types").AnyObject[];
-            afterOptionInit(fieldKey: string, options: import("../../../es/shared/types").AnyObject[]): void;
+            beforeRequest(fieldKey: string, params?: import("../../../es/shared/types").AnyObject | undefined, payload?: import("../../../es/shared/types").AnyObject | undefined): void | import("../../../es/shared/types").UndefinedAble<import("../../../es/shared/types").AnyObject>;
+            afterRequest(fieldKey: string, res?: any, payload?: import("../../../es/shared/types").AnyObject | undefined): import("../../../es/shared/types").AnyObject[];
+            afterOptionInit(fieldKey: string, options: import("../../../es/shared/types").AnyObject[], payload?: import("../../../es/shared/types").AnyObject | undefined): void;
         }>>[T]>>;
         triggerAutoHidden: (field: import("@formily/core/esm/types").GeneralField) => Promise<void>;
         observeFormGraph: Record<string, import("@formily/core/esm/types").GeneralField>;
@@ -339,15 +351,98 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         formModel: import("@formily/core/esm/models/Form").Form<{
             [x: string]: any;
         }>;
-        lowCodeReactionsHandler: (field: string, value: unknown) => void;
+        lowCodeReactionsHandler: (field: string) => void;
         triggerAllReactionsHandler: () => void;
         operationalFormHandler: (field: string) => void;
         triggerAllOperationalFormHandler: () => void;
         wordbookSettingHandler: (fieldKey: string, value: unknown) => void;
-        schemaAdaptor: (fieldList: import("./src/types").FieldItem[], options?: {
+        schemaAdaptor: (fieldList: import("./src/types").FieldItem[], options?: Partial<{
+            fieldList: import("./src/types").FieldItem[];
+            initialData: import("../../../es/shared/types").AnyObject;
+            fieldVisitor: import("./src/types").FieldVisitor;
             column: number;
-            outBordered?: boolean | undefined;
-        }) => Record<string, import("@formily/json-schema").Stringify<{
+            maxHeight: string | number;
+            anchor: boolean;
+            parallelism: number;
+            schema: import("@formily/json-schema").Stringify<{
+                [key: symbol]: any;
+                [key: `x-${string}`]: any;
+                [key: `x-${number}`]: any;
+                version?: string | undefined;
+                name?: import("@formily/json-schema").SchemaKey | undefined;
+                title?: any;
+                description?: any;
+                default?: any;
+                readOnly?: boolean | undefined;
+                writeOnly?: boolean | undefined;
+                type?: import("@formily/json-schema").SchemaTypes | undefined;
+                enum?: import("@formily/json-schema").SchemaEnum<any> | undefined;
+                const?: any;
+                multipleOf?: number | undefined;
+                maximum?: number | undefined;
+                exclusiveMaximum?: number | undefined;
+                minimum?: number | undefined;
+                exclusiveMinimum?: number | undefined;
+                maxLength?: number | undefined;
+                minLength?: number | undefined;
+                pattern?: string | RegExp | undefined;
+                maxItems?: number | undefined;
+                minItems?: number | undefined;
+                uniqueItems?: boolean | undefined;
+                maxProperties?: number | undefined;
+                minProperties?: number | undefined;
+                required?: string | boolean | string[] | undefined;
+                format?: string | undefined;
+                $ref?: string | undefined;
+                $namespace?: string | undefined;
+                definitions?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+                properties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+                items?: import("@formily/json-schema").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+                additionalItems?: import("@formily/json-schema").Stringify<any> | undefined;
+                patternProperties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+                additionalProperties?: import("@formily/json-schema").Stringify<any> | undefined;
+                "x-value"?: any;
+                "x-index"?: number | undefined;
+                "x-pattern"?: any;
+                "x-display"?: any;
+                "x-validator"?: any;
+                "x-decorator"?: any;
+                "x-decorator-props"?: any;
+                "x-component"?: any;
+                "x-component-props"?: any;
+                "x-reactions"?: import("@formily/json-schema").SchemaReactions<any> | undefined;
+                "x-content"?: any;
+                "x-data"?: any;
+                "x-visible"?: boolean | undefined;
+                "x-hidden"?: boolean | undefined;
+                "x-disabled"?: boolean | undefined;
+                "x-editable"?: boolean | undefined;
+                "x-read-only"?: boolean | undefined;
+                "x-read-pretty"?: boolean | undefined;
+                "x-compile-omitted"?: string[] | undefined;
+            }>;
+            components: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>>;
+            scope: import("../../../es/shared/types").AnyObject;
+            annotation: import("../../../es/shared/types").AnyObject;
+            consumer: boolean;
+            uuid: string;
+            lifeCycle: Partial<{
+                onSetup(): void;
+                beforeRequest(fieldKey: string, params?: import("../../../es/shared/types").AnyObject | undefined, payload?: import("../../../es/shared/types").AnyObject | undefined): void | import("../../../es/shared/types").UndefinedAble<import("../../../es/shared/types").AnyObject>;
+                afterRequest(fieldKey: string, res?: any, payload?: import("../../../es/shared/types").AnyObject | undefined): import("../../../es/shared/types").AnyObject[];
+                afterOptionInit(fieldKey: string, options: import("../../../es/shared/types").AnyObject[], payload?: import("../../../es/shared/types").AnyObject | undefined): void;
+            }>;
+            businessFormatter: import("./src/types").FormBusinessFormatter;
+            requestInstance: import("./src/hooks").RequestInstance;
+            enterToNextWidget: boolean | ((fieldItem: import("./src/types").FieldItem) => boolean | void);
+            lowCodeReactions: import("../../../es/shared/types").FormLowCodeReactions.Config[];
+            linebarAutoHidden: boolean;
+            bordered: string | boolean;
+            uniqueCacheData: boolean;
+            operationalForm: import("../../../es/shared/types").FormOperationalConfig[];
+            outBordered: boolean;
+            forceClearable: boolean;
+        }>) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
             [key: `x-${number}`]: any;
@@ -738,9 +833,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         lifeCycle: {
             type: import("vue").PropType<Partial<{
                 onSetup(): void;
-                beforeRequest(fieldKey: string, params?: import("../../../es/shared/types").AnyObject | undefined): void | import("../../../es/shared/types").UndefinedAble<import("../../../es/shared/types").AnyObject>;
-                afterRequest(fieldKey: string, payload?: any): import("../../../es/shared/types").AnyObject[];
-                afterOptionInit(fieldKey: string, options: import("../../../es/shared/types").AnyObject[]): void;
+                beforeRequest(fieldKey: string, params?: import("../../../es/shared/types").AnyObject | undefined, payload?: import("../../../es/shared/types").AnyObject | undefined): void | import("../../../es/shared/types").UndefinedAble<import("../../../es/shared/types").AnyObject>;
+                afterRequest(fieldKey: string, res?: any, payload?: import("../../../es/shared/types").AnyObject | undefined): import("../../../es/shared/types").AnyObject[];
+                afterOptionInit(fieldKey: string, options: import("../../../es/shared/types").AnyObject[], payload?: import("../../../es/shared/types").AnyObject | undefined): void;
             }>>;
         };
         requestInstance: {
@@ -751,7 +846,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             default: boolean;
         };
         lowCodeReactions: {
-            type: import("vue").PropType<import("./src/types").FormLowCodeReactions.Config[]>;
+            type: import("vue").PropType<import("../../../es/shared/types").FormLowCodeReactions.Config[]>;
         };
         operationalForm: {
             type: import("vue").PropType<import("../../../es/shared/types").FormOperationalConfig[]>;
@@ -771,6 +866,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        forceClearable: BooleanConstructor;
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
@@ -779,6 +875,7 @@ declare const FormRender: SFCWithInstall<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("../../../es/shared/types").AnyObject;
         parallelism: number;

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

@@ -1,8 +1,8 @@
-import { AnyObject, FormOperationalConfig } from '../../../../es/shared/types';
+import { AnyObject, FormLowCodeReactions, FormOperationalConfig } from '../../../../es/shared/types';
 import { Field } from '@formily/core';
 import { Component, FunctionalComponent, PropType } from 'vue';
 import { RequestInstance } from './hooks';
-import { FieldItem, FieldVisitor, FormBusinessFormatter, FormLowCodeReactions } from './types';
+import { FieldItem, FieldVisitor, FormBusinessFormatter } from './types';
 declare const _default: import("vue").DefineComponent<{
     fieldList: {
         type: PropType<FieldItem[]>;
@@ -113,9 +113,9 @@ declare const _default: import("vue").DefineComponent<{
     lifeCycle: {
         type: PropType<Partial<{
             onSetup(): void;
-            beforeRequest(fieldKey: string, params?: AnyObject | undefined): void | import("../../../../es/shared/types").UndefinedAble<AnyObject>;
-            afterRequest(fieldKey: string, payload?: any): AnyObject[];
-            afterOptionInit(fieldKey: string, options: AnyObject[]): void;
+            beforeRequest(fieldKey: string, params?: AnyObject | undefined, payload?: AnyObject | undefined): void | import("../../../../es/shared/types").UndefinedAble<AnyObject>;
+            afterRequest(fieldKey: string, res?: any, payload?: AnyObject | undefined): AnyObject[];
+            afterOptionInit(fieldKey: string, options: AnyObject[], payload?: AnyObject | undefined): void;
         }>>;
     };
     requestInstance: {
@@ -146,6 +146,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    forceClearable: BooleanConstructor;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
@@ -257,9 +258,9 @@ declare const _default: import("vue").DefineComponent<{
         lifeCycle: {
             type: PropType<Partial<{
                 onSetup(): void;
-                beforeRequest(fieldKey: string, params?: AnyObject | undefined): void | import("../../../../es/shared/types").UndefinedAble<AnyObject>;
-                afterRequest(fieldKey: string, payload?: any): AnyObject[];
-                afterOptionInit(fieldKey: string, options: AnyObject[]): void;
+                beforeRequest(fieldKey: string, params?: AnyObject | undefined, payload?: AnyObject | undefined): void | import("../../../../es/shared/types").UndefinedAble<AnyObject>;
+                afterRequest(fieldKey: string, res?: any, payload?: AnyObject | undefined): AnyObject[];
+                afterOptionInit(fieldKey: string, options: AnyObject[], payload?: AnyObject | undefined): void;
             }>>;
         };
         requestInstance: {
@@ -290,6 +291,7 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        forceClearable: BooleanConstructor;
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
@@ -300,7 +302,17 @@ declare const _default: import("vue").DefineComponent<{
     nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
     formRenderRef: import("vue").Ref<HTMLElement | undefined>;
     formHeight: import("vue").ComputedRef<string>;
-    SchemaField: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    SchemaField: import("vue").DefineComponent<Record<keyof import("@formily/vue").ISchemaFieldProps, any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<keyof import("@formily/vue").ISchemaFieldProps, any>>>, {
+        name: any;
+        components: any;
+        schema: any;
+        scope: any;
+        basePath: any;
+        onlyRenderProperties: any;
+        onlyRenderSelf: any;
+        mapProperties: any;
+        filterProperties: any;
+    }>;
     businessCollector: import("./hooks").BusinessCollector;
     formItemDepsCollector: import("./hooks").FormItemDepsCollector;
     changeContextCollector: import("./hooks").ContextCollector;
@@ -317,14 +329,14 @@ declare const _default: import("vue").DefineComponent<{
     onScroll: (scrollEvent: Event) => void;
     callLifeCycle: <T extends "onSetup" | "beforeRequest" | "afterRequest" | "afterOptionInit">(lifeCycleName: T, payload?: Parameters<Required<Partial<{
         onSetup(): void;
-        beforeRequest(fieldKey: string, params?: AnyObject | undefined): void | import("../../../../es/shared/types").UndefinedAble<AnyObject>;
-        afterRequest(fieldKey: string, payload?: any): AnyObject[];
-        afterOptionInit(fieldKey: string, options: AnyObject[]): void;
+        beforeRequest(fieldKey: string, params?: AnyObject | undefined, payload?: AnyObject | undefined): void | import("../../../../es/shared/types").UndefinedAble<AnyObject>;
+        afterRequest(fieldKey: string, res?: any, payload?: AnyObject | undefined): AnyObject[];
+        afterOptionInit(fieldKey: string, options: AnyObject[], payload?: AnyObject | undefined): void;
     }>>[T]> | undefined) => import("../../../../es/shared/types").UndefinedAble<ReturnType<Required<Partial<{
         onSetup(): void;
-        beforeRequest(fieldKey: string, params?: AnyObject | undefined): void | import("../../../../es/shared/types").UndefinedAble<AnyObject>;
-        afterRequest(fieldKey: string, payload?: any): AnyObject[];
-        afterOptionInit(fieldKey: string, options: AnyObject[]): void;
+        beforeRequest(fieldKey: string, params?: AnyObject | undefined, payload?: AnyObject | undefined): void | import("../../../../es/shared/types").UndefinedAble<AnyObject>;
+        afterRequest(fieldKey: string, res?: any, payload?: AnyObject | undefined): AnyObject[];
+        afterOptionInit(fieldKey: string, options: AnyObject[], payload?: AnyObject | undefined): void;
     }>>[T]>>;
     triggerAutoHidden: (field: import("@formily/core").GeneralField) => Promise<void>;
     observeFormGraph: Record<string, import("@formily/core").GeneralField>;
@@ -334,15 +346,98 @@ declare const _default: import("vue").DefineComponent<{
     formModel: import("@formily/core").Form<{
         [x: string]: any;
     }>;
-    lowCodeReactionsHandler: (field: string, value: unknown) => void;
+    lowCodeReactionsHandler: (field: string) => void;
     triggerAllReactionsHandler: () => void;
     operationalFormHandler: (field: string) => void;
     triggerAllOperationalFormHandler: () => void;
     wordbookSettingHandler: (fieldKey: string, value: unknown) => void;
-    schemaAdaptor: (fieldList: FieldItem[], options?: {
+    schemaAdaptor: (fieldList: FieldItem[], options?: Partial<{
+        fieldList: FieldItem[];
+        initialData: AnyObject;
+        fieldVisitor: FieldVisitor;
         column: number;
-        outBordered?: boolean | undefined;
-    }) => Record<string, import("@formily/vue").Stringify<{
+        maxHeight: string | number;
+        anchor: boolean;
+        parallelism: number;
+        schema: import("@formily/vue").Stringify<{
+            [key: symbol]: any;
+            [key: `x-${string}`]: any;
+            [key: `x-${number}`]: any;
+            version?: string | undefined;
+            name?: import("@formily/vue").SchemaKey | undefined;
+            title?: any;
+            description?: any;
+            default?: any;
+            readOnly?: boolean | undefined;
+            writeOnly?: boolean | undefined;
+            type?: import("@formily/vue").SchemaTypes | undefined;
+            enum?: import("@formily/vue").SchemaEnum<any> | undefined;
+            const?: any;
+            multipleOf?: number | undefined;
+            maximum?: number | undefined;
+            exclusiveMaximum?: number | undefined;
+            minimum?: number | undefined;
+            exclusiveMinimum?: number | undefined;
+            maxLength?: number | undefined;
+            minLength?: number | undefined;
+            pattern?: string | RegExp | undefined;
+            maxItems?: number | undefined;
+            minItems?: number | undefined;
+            uniqueItems?: boolean | undefined;
+            maxProperties?: number | undefined;
+            minProperties?: number | undefined;
+            required?: string | boolean | string[] | undefined;
+            format?: string | undefined;
+            $ref?: string | undefined;
+            $namespace?: string | undefined;
+            definitions?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            properties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            items?: import("@formily/vue").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+            additionalItems?: import("@formily/vue").Stringify<any> | undefined;
+            patternProperties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            additionalProperties?: import("@formily/vue").Stringify<any> | undefined;
+            "x-value"?: any;
+            "x-index"?: number | undefined;
+            "x-pattern"?: any;
+            "x-display"?: any;
+            "x-validator"?: any;
+            "x-decorator"?: any;
+            "x-decorator-props"?: any;
+            "x-component"?: any;
+            "x-component-props"?: any;
+            "x-reactions"?: import("@formily/vue").SchemaReactions<any> | undefined;
+            "x-content"?: any;
+            "x-data"?: any;
+            "x-visible"?: boolean | undefined;
+            "x-hidden"?: boolean | undefined;
+            "x-disabled"?: boolean | undefined;
+            "x-editable"?: boolean | undefined;
+            "x-read-only"?: boolean | undefined;
+            "x-read-pretty"?: boolean | undefined;
+            "x-compile-omitted"?: string[] | undefined;
+        }>;
+        components: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | FunctionalComponent<{}, {}>>;
+        scope: AnyObject;
+        annotation: AnyObject;
+        consumer: boolean;
+        uuid: string;
+        lifeCycle: Partial<{
+            onSetup(): void;
+            beforeRequest(fieldKey: string, params?: AnyObject | undefined, payload?: AnyObject | undefined): void | import("../../../../es/shared/types").UndefinedAble<AnyObject>;
+            afterRequest(fieldKey: string, res?: any, payload?: AnyObject | undefined): AnyObject[];
+            afterOptionInit(fieldKey: string, options: AnyObject[], payload?: AnyObject | undefined): void;
+        }>;
+        businessFormatter: FormBusinessFormatter;
+        requestInstance: RequestInstance;
+        enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+        lowCodeReactions: FormLowCodeReactions.Config[];
+        linebarAutoHidden: boolean;
+        bordered: string | boolean;
+        uniqueCacheData: boolean;
+        operationalForm: FormOperationalConfig[];
+        outBordered: boolean;
+        forceClearable: boolean;
+    }>) => Record<string, import("@formily/vue").Stringify<{
         [key: symbol]: any;
         [key: `x-${string}`]: any;
         [key: `x-${number}`]: any;
@@ -733,9 +828,9 @@ declare const _default: import("vue").DefineComponent<{
     lifeCycle: {
         type: PropType<Partial<{
             onSetup(): void;
-            beforeRequest(fieldKey: string, params?: AnyObject | undefined): void | import("../../../../es/shared/types").UndefinedAble<AnyObject>;
-            afterRequest(fieldKey: string, payload?: any): AnyObject[];
-            afterOptionInit(fieldKey: string, options: AnyObject[]): void;
+            beforeRequest(fieldKey: string, params?: AnyObject | undefined, payload?: AnyObject | undefined): void | import("../../../../es/shared/types").UndefinedAble<AnyObject>;
+            afterRequest(fieldKey: string, res?: any, payload?: AnyObject | undefined): AnyObject[];
+            afterOptionInit(fieldKey: string, options: AnyObject[], payload?: AnyObject | undefined): void;
         }>>;
     };
     requestInstance: {
@@ -766,6 +861,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    forceClearable: BooleanConstructor;
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;
@@ -774,6 +870,7 @@ declare const _default: import("vue").DefineComponent<{
     anchor: boolean;
     maxHeight: string | number;
     column: number;
+    forceClearable: boolean;
     components: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | FunctionalComponent<{}, {}>>;
     initialData: AnyObject;
     parallelism: number;

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

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