cnhis-design-vue 3.1.41 → 3.1.42-beta.1

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

@@ -437,35 +437,30 @@ declare const _default: import("vue").DefineComponent<{}, {
                     data: any;
                     loading: boolean;
                     required: boolean;
+                    hidden: boolean;
+                    visible: boolean;
+                    content: any;
+                    reset: (options?: import("../../../../../es/components/form-render").IFieldResetOptions | undefined) => Promise<void>;
+                    active: boolean;
+                    disabled: boolean;
+                    display: import("../../../../../es/components/form-render").FieldDisplayTypes;
                     value: string;
                     readonly index: string | number;
-                    disabled: boolean;
                     onFocus: (...args: any[]) => Promise<void>;
                     onBlur: (...args: any[]) => Promise<void>;
                     onInput: (...args: any[]) => Promise<void>;
-                    reset: (options?: import("../../../../../es/components/form-render").IFieldResetOptions | undefined) => Promise<void>;
-                    visible: boolean;
                     submit: <T_2>(onSubmit?: ((values: any) => void | Promise<T_2>) | undefined) => Promise<T_2>;
                     validator: import("../../../../../es/components/form-render").FieldValidator;
                     pattern: import("../../../../../es/components/form-render").FieldPatternTypes;
                     title: string;
                     form: import("../../../../../es/components/form-render").Form<any>;
-                    content: any;
-                    hidden: boolean;
-                    active: boolean;
-                    dataSource: import("../../../../../es/components/form-render").FieldDataSource;
-                    description: string;
-                    display: import("../../../../../es/components/form-render").FieldDisplayTypes;
-                    mounted: boolean;
-                    readonly destroyed: boolean;
-                    unmounted: boolean;
                     componentProps: Record<string, any>;
                     decoratorProps: Record<string, any>;
+                    description: string;
                     readOnly: boolean;
                     editable: boolean;
                     component: import("../../../../../es/components/form-render").FieldComponent<any, any>;
                     decorator: import("../../../../../es/components/form-render").FieldDecorator<any, any>;
-                    readPretty: boolean;
                     validating: boolean;
                     submitting: boolean;
                     visited: boolean;
@@ -473,6 +468,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                     modified: boolean;
                     inputValue: string;
                     inputValues: any[];
+                    dataSource: import("../../../../../es/components/form-render").FieldDataSource;
                     feedbacks: import("../../../../../es/components/form-render").IFieldFeedback[];
                     caches: import("../../../../../es/components/form-render").IFieldCaches;
                     selfErrors: import("../../../../../es/components/form-render").FeedbackMessage;
@@ -503,11 +499,15 @@ declare const _default: import("vue").DefineComponent<{}, {
                     queryFeedbacks: (search?: import("../../../../../es/components/form-render").ISearchFeedback | undefined) => import("../../../../../es/components/form-render").IFieldFeedback[];
                     modify: () => void;
                     initialized: boolean;
+                    mounted: boolean;
+                    unmounted: boolean;
                     decoratorType: any;
                     componentType: any;
                     designable: boolean;
                     locate: (address: import("@formily/path").Pattern) => void;
                     readonly parent: import("../../../../../es/components/form-render").GeneralField;
+                    readPretty: boolean;
+                    readonly destroyed: boolean;
                     setTitle: (title?: string | undefined) => void;
                     setDescription: (description?: string | undefined) => void;
                     setDisplay: (type?: import("../../../../../es/components/form-render").FieldDisplayTypes | undefined) => void;
@@ -549,7 +549,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 };
                 readonly disabled: BooleanConstructor;
                 readonly displayDirective: {
-                    readonly type: import("vue").PropType<"if" | "show" | "show:lazy">;
+                    readonly type: import("vue").PropType<"show" | "if" | "show:lazy">;
                     readonly default: "if";
                 };
                 readonly closable: {
@@ -574,7 +574,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 };
                 readonly disabled: BooleanConstructor;
                 readonly displayDirective: {
-                    readonly type: import("vue").PropType<"if" | "show" | "show:lazy">;
+                    readonly type: import("vue").PropType<"show" | "if" | "show:lazy">;
                     readonly default: "if";
                 };
                 readonly closable: {
@@ -588,7 +588,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             }>>, {
                 readonly disabled: boolean;
                 readonly closable: boolean | undefined;
-                readonly displayDirective: "if" | "show" | "show:lazy";
+                readonly displayDirective: "show" | "if" | "show:lazy";
             }>;
             NTabs: any;
         }, 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<{

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

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     fieldList: import("vue").Ref<{
         [x: string]: any;
         val_key: string;
-        html_type: "LINEBAR" | "DATE" | "SELECT" | ({} & string) | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
+        html_type: "LINEBAR" | ({} & string) | "INPUT" | "SELECT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "DATE" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "COMBINATION" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
         annotation?: boolean | undefined;
         val_key_unit?: string | undefined;
         is_edit?: import("../../../../../es/components/form-render").FormCommonState | undefined;
@@ -1732,7 +1732,7 @@ declare const _default: import("vue").DefineComponent<{
             originalSetting?: {
                 [x: string]: any;
                 val_key: string;
-                html_type: "LINEBAR" | "DATE" | "SELECT" | ({} & string) | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
+                html_type: "LINEBAR" | ({} & string) | "INPUT" | "SELECT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "DATE" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "COMBINATION" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
                 annotation?: boolean | undefined;
                 val_key_unit?: string | undefined;
                 is_edit?: import("../../../../../es/components/form-render").FormCommonState | undefined;
@@ -3409,7 +3409,7 @@ declare const _default: import("vue").DefineComponent<{
         originalSetting?: {
             [x: string]: any;
             val_key: string;
-            html_type: "LINEBAR" | "DATE" | "SELECT" | ({} & string) | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
+            html_type: "LINEBAR" | ({} & string) | "INPUT" | "SELECT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "DATE" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "COMBINATION" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
             annotation?: boolean | undefined;
             val_key_unit?: string | undefined;
             is_edit?: import("../../../../../es/components/form-render").FormCommonState | undefined;
@@ -5511,35 +5511,30 @@ declare const _default: import("vue").DefineComponent<{
                     data: any;
                     loading: boolean;
                     required: boolean;
+                    hidden: boolean;
+                    visible: boolean;
+                    content: any;
+                    reset: (options?: import("../../../../../es/components/form-render").IFieldResetOptions | undefined) => Promise<void>;
+                    active: boolean;
+                    disabled: boolean;
+                    display: import("../../../../../es/components/form-render").FieldDisplayTypes;
                     value: string;
                     readonly index: string | number;
-                    disabled: boolean;
                     onFocus: (...args: any[]) => Promise<void>;
                     onBlur: (...args: any[]) => Promise<void>;
                     onInput: (...args: any[]) => Promise<void>;
-                    reset: (options?: import("../../../../../es/components/form-render").IFieldResetOptions | undefined) => Promise<void>;
-                    visible: boolean;
                     submit: <T>(onSubmit?: ((values: any) => void | Promise<T>) | undefined) => Promise<T>;
                     validator: import("../../../../../es/components/form-render").FieldValidator;
                     pattern: import("../../../../../es/components/form-render").FieldPatternTypes;
                     title: string;
                     form: import("../../../../../es/components/form-render").Form<any>;
-                    content: any;
-                    hidden: boolean;
-                    active: boolean;
-                    dataSource: import("../../../../../es/components/form-render").FieldDataSource;
-                    description: string;
-                    display: import("../../../../../es/components/form-render").FieldDisplayTypes;
-                    mounted: boolean;
-                    readonly destroyed: boolean;
-                    unmounted: boolean;
                     componentProps: Record<string, any>;
                     decoratorProps: Record<string, any>;
+                    description: string;
                     readOnly: boolean;
                     editable: boolean;
                     component: import("../../../../../es/components/form-render").FieldComponent<any, any>;
                     decorator: import("../../../../../es/components/form-render").FieldDecorator<any, any>;
-                    readPretty: boolean;
                     validating: boolean;
                     submitting: boolean;
                     visited: boolean;
@@ -5547,6 +5542,7 @@ declare const _default: import("vue").DefineComponent<{
                     modified: boolean;
                     inputValue: string;
                     inputValues: any[];
+                    dataSource: import("../../../../../es/components/form-render").FieldDataSource;
                     feedbacks: import("../../../../../es/components/form-render").IFieldFeedback[];
                     caches: import("../../../../../es/components/form-render").IFieldCaches;
                     selfErrors: import("../../../../../es/components/form-render").FeedbackMessage;
@@ -5577,11 +5573,15 @@ declare const _default: import("vue").DefineComponent<{
                     queryFeedbacks: (search?: import("../../../../../es/components/form-render").ISearchFeedback | undefined) => import("../../../../../es/components/form-render").IFieldFeedback[];
                     modify: () => void;
                     initialized: boolean;
+                    mounted: boolean;
+                    unmounted: boolean;
                     decoratorType: any;
                     componentType: any;
                     designable: boolean;
                     locate: (address: import("@formily/path").Pattern) => void;
                     readonly parent: import("../../../../../es/components/form-render").GeneralField;
+                    readPretty: boolean;
+                    readonly destroyed: boolean;
                     setTitle: (title?: string | undefined) => void;
                     setDescription: (description?: string | undefined) => void;
                     setDisplay: (type?: import("../../../../../es/components/form-render").FieldDisplayTypes | undefined) => void;
@@ -5623,7 +5623,7 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 readonly disabled: BooleanConstructor;
                 readonly displayDirective: {
-                    readonly type: PropType<"if" | "show" | "show:lazy">;
+                    readonly type: PropType<"show" | "if" | "show:lazy">;
                     readonly default: "if";
                 };
                 readonly closable: {
@@ -5648,7 +5648,7 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 readonly disabled: BooleanConstructor;
                 readonly displayDirective: {
-                    readonly type: PropType<"if" | "show" | "show:lazy">;
+                    readonly type: PropType<"show" | "if" | "show:lazy">;
                     readonly default: "if";
                 };
                 readonly closable: {
@@ -5662,7 +5662,7 @@ declare const _default: import("vue").DefineComponent<{
             }>>, {
                 readonly disabled: boolean;
                 readonly closable: boolean | undefined;
-                readonly displayDirective: "if" | "show" | "show:lazy";
+                readonly displayDirective: "show" | "if" | "show:lazy";
             }>;
             NTabs: any;
         }, 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<{

package/es/components/form-config/src/components/FormConfigMaterialItem.d.ts

@@ -1,14 +1,22 @@
 import { PropType } from 'vue';
-import { FormConfigItem } from '../../../../../es/components/form-config';
+import { FormConfigItem, FormConfigTextFormatter } from '../../../../../es/components/form-config';
 declare const FormConfigMaterialItem: import("vue").DefineComponent<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
         required: true;
     };
+    textFormatter: {
+        type: PropType<FormConfigTextFormatter>;
+        required: true;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
         required: true;
     };
+    textFormatter: {
+        type: PropType<FormConfigTextFormatter>;
+        required: true;
+    };
 }>>, {}>;
 export default FormConfigMaterialItem;

package/es/components/form-config/src/components/FormConfigMaterialItem.js

@@ -1 +1 @@
-import{defineComponent as t,createVNode as e}from"vue";import{layoutWidthEnum2Column as o}from"../utils/index.js";import{NButton as m,NEllipsis as r}from"naive-ui";const f=t({props:{formConfigItem:{type:Object,required:!0}},setup:t=>()=>e(m,{secondary:!0,style:{"--item-column":o(t.formConfigItem.layoutWidthEnum)},class:"form-config__materialContentItem","data-type":t.formConfigItem.type},{default:()=>e(r,null,{default:()=>t.formConfigItem.name})})});export{f as default};
+import{defineComponent as o,createVNode as e,mergeProps as t}from"vue";import"@vicons/ionicons5";import"lodash-es";import"naive-ui";import"../../../../shared/components/VueDraggable/src/vuedraggable.js";import r from"./renderer/DefaultNode.vue.js";import"../../../../shared/utils/index.js";import"../hooks/useConfigurationField.js";import{layoutWidthEnum2Column as i}from"../utils/index.js";const s=o({props:{formConfigItem:{type:Object,required:!0},textFormatter:{type:Function,required:!0}},setup:o=>()=>e(r,t({style:{"--item-column":i(o.formConfigItem.layoutWidthEnum)},class:"form-config__displayContentItem",showCloseButton:!1,allowClick:!1},o),null)});export{s as default};

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

@@ -10,6 +10,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FormConfigTextFormatter>;
         required: true;
     };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         formConfigItem: {
@@ -20,19 +28,27 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<FormConfigTextFormatter>;
             required: true;
         };
+        showCloseButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        allowClick: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {}>>;
     currentActiveEditField: import("vue").Ref<import("../../../../../shared/types").UndefinedAble<FormConfigItem>>;
     setActiveField: () => void;
-    classList: import("vue").ComputedRef<(string | {
-        'is-active': boolean;
-    })[]>;
     ellipsisClassList: import("vue").ComputedRef<(string | {
         'is-required': boolean | undefined;
     })[]>;
+    classList: import("vue").ComputedRef<(string | {
+        'is-active': boolean;
+        'is-disabled': boolean;
+    })[]>;
     disabled: import("vue").ComputedRef<boolean>;
-    getDisplayText: () => string;
+    displayText: import("vue").ComputedRef<string>;
     NEllipsis: any;
-    NButton: any;
     CloseButton: import("vue").DefineComponent<{
         formConfigItem: {
             type: PropType<FormConfigItem>;
@@ -67,5 +83,16 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FormConfigTextFormatter>;
         required: true;
     };
-}>>, {}>;
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    showCloseButton: boolean;
+    allowClick: boolean;
+}>;
 export default _default;

package/es/components/form-config/src/components/renderer/DefaultNode.vue.js

@@ -1 +1 @@
-import{defineComponent as e,inject as o,computed as t,openBlock as r,createBlock as f,unref as i,mergeProps as m,withModifiers as n,withCtx as a,createVNode as s,normalizeClass as u,createTextVNode as d,toDisplayString as l,createCommentVNode as c}from"vue";import{NButton as p,NEllipsis as g}from"naive-ui";import C from"./CloseButton.vue.js";import{InjectionActiveFieldItem as I,WidgetTextMap as _}from"../../constants/index.js";import{bindHover as v}from"../../utils/index.js";import y from"../../../../../_virtual/plugin-vue_export-helper.js";var x=y(e({__name:"DefaultNode",props:{formConfigItem:{type:Object,required:!0},textFormatter:{type:Function,required:!0}},setup(e){const y=e,x=o(I);function j(){x.value=y.formConfigItem}const q=t((()=>[{"is-active":x.value===y.formConfigItem},"form-config__renderer"])),h=t((()=>["form-config__renderer--default",{"is-required":y.formConfigItem.required}])),k=t((()=>!1===y.formConfigItem.editable));function F(){const e=_.get(y.formConfigItem.type);return y.textFormatter(y.formConfigItem,`${y.formConfigItem.name}${e?`(${e})`:""}`)}return(o,t)=>(r(),f(i(p),m({secondary:!i(k),dashed:i(k)},i(v)(e.formConfigItem),{onClick:n(j,["stop"]),class:i(q),"data-type":e.formConfigItem.type}),{default:a((()=>[s(i(g),{class:u(i(h))},{default:a((()=>[d(l(F()),1)])),_:1},8,["class"]),e.formConfigItem.required?c("v-if",!0):(r(),f(C,{key:0,"form-config-item":e.formConfigItem},null,8,["form-config-item"]))])),_:1},16,["secondary","dashed","onClick","class","data-type"]))}}),[["__file","DefaultNode.vue"]]);export{x as default};
+import{defineComponent as e,inject as o,computed as t,openBlock as r,createElementBlock as i,mergeProps as f,unref as m,withModifiers as n,createVNode as l,normalizeClass as a,withCtx as u,createTextVNode as s,toDisplayString as d,createBlock as p,createCommentVNode as c}from"vue";import{NEllipsis as g}from"naive-ui";import C from"./CloseButton.vue.js";import{InjectionActiveFieldItem as v,WidgetTextMap as _}from"../../constants/index.js";import{bindHover as I}from"../../utils/index.js";import y from"../../../../../_virtual/plugin-vue_export-helper.js";const x=["onClick","data-type"];var j=y(e({__name:"DefaultNode",props:{formConfigItem:{type:Object,required:!0},textFormatter:{type:Function,required:!0},showCloseButton:{type:Boolean,default:!0},allowClick:{type:Boolean,default:!0}},setup(e){const y=e,j=o(v);function k(){y.allowClick&&(j.value=y.formConfigItem)}const q=t((()=>["form-config__renderer--default",{"is-required":y.formConfigItem.required}])),B=t((()=>[{"is-active":j.value===y.formConfigItem,"is-disabled":w.value},"form-config__renderer","form-config__renderer--defaultWrapper"])),w=t((()=>!1===y.formConfigItem.editable)),b=t((()=>{const e=_.get(y.formConfigItem.type);return y.textFormatter(y.formConfigItem,`${y.formConfigItem.name}${e?`(${e})`:""}`)}));return(o,t)=>(r(),i("div",f(m(I)(e.formConfigItem),{onClick:n(k,["stop"]),class:m(B),"data-type":e.formConfigItem.type}),[l(m(g),{class:a(m(q))},{default:u((()=>[s(d(m(b)),1)])),_:1},8,["class"]),e.showCloseButton&&!e.formConfigItem.required?(r(),p(C,{key:0,"form-config-item":e.formConfigItem},null,8,["form-config-item"])):c("v-if",!0)],16,x))}}),[["__file","DefaultNode.vue"]]);export{j as default};

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

@@ -1 +1 @@
-.form-config{display:flex;justify-content:space-between}.form-config__material{border-radius:8px;box-sizing:border-box;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;gap:8px;max-height:var(--max-height);min-height:200px;overflow-y:auto;padding:16px}.form-config__materialContentItem{cursor:move;grid-column:span var(--item-column) /span var(--item-column);justify-content:flex-start}.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);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--complex{border:1px dashed skyblue;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))}.form-config__renderer--complex--flex{display:flex}.form-config .is-disabled{background:#e5e5e5!important}.form-config .is-required{padding-left:16px!important}.form-config .is-required:before{color:red;content:"*";left:8px;position:absolute}.form-config .is-active{color:#5585f5!important}.form-config .is-choosing{box-shadow:0 0 0 2px #5585f5!important;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{display:flex;justify-content:space-between}.form-config__material{border-radius:8px;box-sizing:border-box;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;gap:8px;max-height:var(--max-height);min-height:200px;overflow-y:auto;padding:16px}.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);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-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}

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

@@ -424,35 +424,30 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 data: any;
                 loading: boolean;
                 required: boolean;
+                hidden: boolean;
+                visible: boolean;
+                content: any;
+                reset: (options?: import("@formily/core/esm/types").IFieldResetOptions | undefined) => Promise<void>;
+                active: boolean;
+                disabled: boolean;
+                display: import("@formily/core/esm/types").FieldDisplayTypes;
                 value: string;
                 readonly index: string | number;
-                disabled: boolean;
                 onFocus: (...args: any[]) => Promise<void>;
                 onBlur: (...args: any[]) => Promise<void>;
                 onInput: (...args: any[]) => Promise<void>;
-                reset: (options?: import("@formily/core/esm/types").IFieldResetOptions | undefined) => Promise<void>;
-                visible: boolean;
                 submit: <T>(onSubmit?: ((values: any) => void | Promise<T>) | undefined) => Promise<T>;
                 validator: import("@formily/core/esm/types").FieldValidator;
                 pattern: import("@formily/core/esm/types").FieldPatternTypes;
                 title: string;
                 form: import("@formily/core/esm/models/Form").Form<any>;
-                content: any;
-                hidden: boolean;
-                active: boolean;
-                dataSource: import("@formily/core/esm/types").FieldDataSource;
-                description: string;
-                display: import("@formily/core/esm/types").FieldDisplayTypes;
-                mounted: boolean;
-                readonly destroyed: boolean;
-                unmounted: boolean;
                 componentProps: Record<string, any>;
                 decoratorProps: Record<string, any>;
+                description: string;
                 readOnly: boolean;
                 editable: boolean;
                 component: import("@formily/core/esm/types").FieldComponent<any, any>;
                 decorator: import("@formily/core/esm/types").FieldDecorator<any, any>;
-                readPretty: boolean;
                 validating: boolean;
                 submitting: boolean;
                 visited: boolean;
@@ -460,6 +455,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 modified: boolean;
                 inputValue: string;
                 inputValues: any[];
+                dataSource: import("@formily/core/esm/types").FieldDataSource;
                 feedbacks: import("@formily/core/esm/types").IFieldFeedback[];
                 caches: import("@formily/core/esm/types").IFieldCaches;
                 selfErrors: import("@formily/core/esm/types").FeedbackMessage;
@@ -490,11 +486,15 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 queryFeedbacks: (search?: import("@formily/core/esm/types").ISearchFeedback | undefined) => import("@formily/core/esm/types").IFieldFeedback[];
                 modify: () => void;
                 initialized: boolean;
+                mounted: boolean;
+                unmounted: boolean;
                 decoratorType: any;
                 componentType: any;
                 designable: boolean;
                 locate: (address: import("@formily/path").Pattern) => void;
                 readonly parent: import("@formily/core/esm/types").GeneralField;
+                readPretty: boolean;
+                readonly destroyed: boolean;
                 setTitle: (title?: string | undefined) => void;
                 setDescription: (description?: string | undefined) => void;
                 setDisplay: (type?: import("@formily/core/esm/types").FieldDisplayTypes | undefined) => void;
@@ -536,7 +536,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             };
             readonly disabled: BooleanConstructor;
             readonly displayDirective: {
-                readonly type: import("vue").PropType<"if" | "show" | "show:lazy">;
+                readonly type: import("vue").PropType<"show" | "if" | "show:lazy">;
                 readonly default: "if";
             };
             readonly closable: {
@@ -561,7 +561,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             };
             readonly disabled: BooleanConstructor;
             readonly displayDirective: {
-                readonly type: import("vue").PropType<"if" | "show" | "show:lazy">;
+                readonly type: import("vue").PropType<"show" | "if" | "show:lazy">;
                 readonly default: "if";
             };
             readonly closable: {
@@ -575,7 +575,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         }>>, {
             readonly disabled: boolean;
             readonly closable: boolean | undefined;
-            readonly displayDirective: "if" | "show" | "show:lazy";
+            readonly displayDirective: "show" | "if" | "show:lazy";
         }>;
         NTabs: any;
     }, 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<{

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

@@ -418,35 +418,30 @@ declare const _default: import("vue").DefineComponent<{
             data: any;
             loading: boolean;
             required: boolean;
+            hidden: boolean;
+            visible: boolean;
+            content: any;
+            reset: (options?: import("@formily/core").IFieldResetOptions | undefined) => Promise<void>;
+            active: boolean;
+            disabled: boolean;
+            display: import("@formily/core").FieldDisplayTypes;
             value: string;
             readonly index: string | number;
-            disabled: boolean;
             onFocus: (...args: any[]) => Promise<void>;
             onBlur: (...args: any[]) => Promise<void>;
             onInput: (...args: any[]) => Promise<void>;
-            reset: (options?: import("@formily/core").IFieldResetOptions | undefined) => Promise<void>;
-            visible: boolean;
             submit: <T>(onSubmit?: ((values: any) => void | Promise<T>) | undefined) => Promise<T>;
             validator: import("@formily/core").FieldValidator;
             pattern: import("@formily/core").FieldPatternTypes;
             title: string;
             form: import("@formily/core").Form<any>;
-            content: any;
-            hidden: boolean;
-            active: boolean;
-            dataSource: import("@formily/core").FieldDataSource;
-            description: string;
-            display: import("@formily/core").FieldDisplayTypes;
-            mounted: boolean;
-            readonly destroyed: boolean;
-            unmounted: boolean;
             componentProps: Record<string, any>;
             decoratorProps: Record<string, any>;
+            description: string;
             readOnly: boolean;
             editable: boolean;
             component: import("@formily/core").FieldComponent<any, any>;
             decorator: import("@formily/core").FieldDecorator<any, any>;
-            readPretty: boolean;
             validating: boolean;
             submitting: boolean;
             visited: boolean;
@@ -454,6 +449,7 @@ declare const _default: import("vue").DefineComponent<{
             modified: boolean;
             inputValue: string;
             inputValues: any[];
+            dataSource: import("@formily/core").FieldDataSource;
             feedbacks: import("@formily/core").IFieldFeedback[];
             caches: import("@formily/core").IFieldCaches;
             selfErrors: import("@formily/core").FeedbackMessage;
@@ -484,11 +480,15 @@ declare const _default: import("vue").DefineComponent<{
             queryFeedbacks: (search?: import("@formily/core").ISearchFeedback | undefined) => import("@formily/core").IFieldFeedback[];
             modify: () => void;
             initialized: boolean;
+            mounted: boolean;
+            unmounted: boolean;
             decoratorType: any;
             componentType: any;
             designable: boolean;
             locate: (address: import("@formily/path").Pattern) => void;
             readonly parent: import("@formily/core").GeneralField;
+            readPretty: boolean;
+            readonly destroyed: boolean;
             setTitle: (title?: string | undefined) => void;
             setDescription: (description?: string | undefined) => void;
             setDisplay: (type?: import("@formily/core").FieldDisplayTypes | undefined) => void;
@@ -530,7 +530,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         readonly disabled: BooleanConstructor;
         readonly displayDirective: {
-            readonly type: PropType<"if" | "show" | "show:lazy">;
+            readonly type: PropType<"show" | "if" | "show:lazy">;
             readonly default: "if";
         };
         readonly closable: {
@@ -555,7 +555,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         readonly disabled: BooleanConstructor;
         readonly displayDirective: {
-            readonly type: PropType<"if" | "show" | "show:lazy">;
+            readonly type: PropType<"show" | "if" | "show:lazy">;
             readonly default: "if";
         };
         readonly closable: {
@@ -569,7 +569,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>, {
         readonly disabled: boolean;
         readonly closable: boolean | undefined;
-        readonly displayDirective: "if" | "show" | "show:lazy";
+        readonly displayDirective: "show" | "if" | "show:lazy";
     }>;
     NTabs: any;
 }, 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<{

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

@@ -422,35 +422,30 @@ declare const _default: import("vue").DefineComponent<{}, {
                 data: any;
                 loading: boolean;
                 required: boolean;
+                hidden: boolean;
+                visible: boolean;
+                content: any;
+                reset: (options?: import("../../../../es/components/form-render").IFieldResetOptions | undefined) => Promise<void>;
+                active: boolean;
+                disabled: boolean;
+                display: import("../../../../es/components/form-render").FieldDisplayTypes;
                 value: string;
                 readonly index: string | number;
-                disabled: boolean;
                 onFocus: (...args: any[]) => Promise<void>;
                 onBlur: (...args: any[]) => Promise<void>;
                 onInput: (...args: any[]) => Promise<void>;
-                reset: (options?: import("../../../../es/components/form-render").IFieldResetOptions | undefined) => Promise<void>;
-                visible: boolean;
                 submit: <T>(onSubmit?: ((values: any) => void | Promise<T>) | undefined) => Promise<T>;
                 validator: import("../../../../es/components/form-render").FieldValidator;
                 pattern: import("../../../../es/components/form-render").FieldPatternTypes;
                 title: string;
                 form: import("../../../../es/components/form-render").Form<any>;
-                content: any;
-                hidden: boolean;
-                active: boolean;
-                dataSource: import("../../../../es/components/form-render").FieldDataSource;
-                description: string;
-                display: import("../../../../es/components/form-render").FieldDisplayTypes;
-                mounted: boolean;
-                readonly destroyed: boolean;
-                unmounted: boolean;
                 componentProps: Record<string, any>;
                 decoratorProps: Record<string, any>;
+                description: string;
                 readOnly: boolean;
                 editable: boolean;
                 component: import("../../../../es/components/form-render").FieldComponent<any, any>;
                 decorator: import("../../../../es/components/form-render").FieldDecorator<any, any>;
-                readPretty: boolean;
                 validating: boolean;
                 submitting: boolean;
                 visited: boolean;
@@ -458,6 +453,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 modified: boolean;
                 inputValue: string;
                 inputValues: any[];
+                dataSource: import("../../../../es/components/form-render").FieldDataSource;
                 feedbacks: import("../../../../es/components/form-render").IFieldFeedback[];
                 caches: import("../../../../es/components/form-render").IFieldCaches;
                 selfErrors: import("../../../../es/components/form-render").FeedbackMessage;
@@ -488,11 +484,15 @@ declare const _default: import("vue").DefineComponent<{}, {
                 queryFeedbacks: (search?: import("../../../../es/components/form-render").ISearchFeedback | undefined) => import("../../../../es/components/form-render").IFieldFeedback[];
                 modify: () => void;
                 initialized: boolean;
+                mounted: boolean;
+                unmounted: boolean;
                 decoratorType: any;
                 componentType: any;
                 designable: boolean;
                 locate: (address: import("@formily/path").Pattern) => void;
                 readonly parent: import("../../../../es/components/form-render").GeneralField;
+                readPretty: boolean;
+                readonly destroyed: boolean;
                 setTitle: (title?: string | undefined) => void;
                 setDescription: (description?: string | undefined) => void;
                 setDisplay: (type?: import("../../../../es/components/form-render").FieldDisplayTypes | undefined) => void;
@@ -534,7 +534,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             };
             readonly disabled: BooleanConstructor;
             readonly displayDirective: {
-                readonly type: import("vue").PropType<"if" | "show" | "show:lazy">;
+                readonly type: import("vue").PropType<"show" | "if" | "show:lazy">;
                 readonly default: "if";
             };
             readonly closable: {
@@ -559,7 +559,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             };
             readonly disabled: BooleanConstructor;
             readonly displayDirective: {
-                readonly type: import("vue").PropType<"if" | "show" | "show:lazy">;
+                readonly type: import("vue").PropType<"show" | "if" | "show:lazy">;
                 readonly default: "if";
             };
             readonly closable: {
@@ -573,7 +573,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }>>, {
             readonly disabled: boolean;
             readonly closable: boolean | undefined;
-            readonly displayDirective: "if" | "show" | "show:lazy";
+            readonly displayDirective: "show" | "if" | "show:lazy";
         }>;
         NTabs: any;
     }, 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<{