cnhis-design-vue 3.1.41-beta.41 → 3.1.41-beta.43

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

@@ -32,6 +32,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {}>>;
     uuid: string;
+    cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
     getCommonConfig: (formConfig?: FormConfigItem | undefined) => {
         move: ({ to, from, dragged }: import("sortablejs").MoveEvent) => false | undefined;
         onChoose: ({ target, item }: import("sortablejs").SortableEvent) => void;
@@ -3789,7 +3790,7 @@ declare const _default: import("vue").DefineComponent<{
                     onScroll?: ((...args: any[]) => any) | undefined;
                     onAnnotationChange?: ((...args: any[]) => any) | undefined;
                 }>>;
-                emit: (event: "formChange" | "scroll" | "annotationChange", ...args: any[]) => void;
+                emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
                 nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
                 formRenderRef: import("vue").Ref<HTMLElement | undefined>;
                 formHeight: import("vue").ComputedRef<string>;
@@ -3945,32 +3946,32 @@ 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;
                         componentProps: Record<string, any>;
                         decoratorProps: Record<string, any>;
-                        display: import("../../../../es/components/form-render").FieldDisplayTypes;
                         description: string;
                         readOnly: boolean;
                         editable: boolean;
-                        hidden: boolean;
                         component: import("../../../../es/components/form-render").FieldComponent<any, any>;
                         decorator: import("../../../../es/components/form-render").FieldDecorator<any, any>;
                         validating: boolean;
                         submitting: boolean;
-                        active: boolean;
                         visited: boolean;
                         selfModified: boolean;
                         modified: boolean;
@@ -4057,7 +4058,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: {
@@ -4082,7 +4083,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: {
@@ -4096,10 +4097,10 @@ 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, ("formChange" | "scroll" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
                     type: PropType<import("../../../../es/components/form-render").FieldItem[]>;
                 };
@@ -9707,7 +9708,7 @@ declare const _default: import("vue").DefineComponent<{
                     onScroll?: ((...args: any[]) => any) | undefined;
                     onAnnotationChange?: ((...args: any[]) => any) | undefined;
                 }>>;
-                emit: (event: "formChange" | "scroll" | "annotationChange", ...args: any[]) => void;
+                emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
                 nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
                 formRenderRef: import("vue").Ref<HTMLElement | undefined>;
                 formHeight: import("vue").ComputedRef<string>;
@@ -9863,32 +9864,32 @@ 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;
                         componentProps: Record<string, any>;
                         decoratorProps: Record<string, any>;
-                        display: import("../../../../es/components/form-render").FieldDisplayTypes;
                         description: string;
                         readOnly: boolean;
                         editable: boolean;
-                        hidden: boolean;
                         component: import("../../../../es/components/form-render").FieldComponent<any, any>;
                         decorator: import("../../../../es/components/form-render").FieldDecorator<any, any>;
                         validating: boolean;
                         submitting: boolean;
-                        active: boolean;
                         visited: boolean;
                         selfModified: boolean;
                         modified: boolean;
@@ -9975,7 +9976,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: {
@@ -10000,7 +10001,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: {
@@ -10014,10 +10015,10 @@ 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, ("formChange" | "scroll" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
                     type: PropType<import("../../../../es/components/form-render").FieldItem[]>;
                 };
@@ -10175,11 +10176,19 @@ declare const _default: import("vue").DefineComponent<{
             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;
+        };
     }>>, {}>;
     FORM_CONFIG_GROUP: string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

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

@@ -1 +1 @@
-import{defineComponent as e,ref as o,provide as r,toRaw as t,openBlock as i,createElementBlock as a,normalizeStyle as n,unref as m,createElementVNode as s,createVNode as l,mergeProps as f,withCtx as u,createTextVNode as c}from"vue";import{uuidGenerator as p}from"../../../shared/utils/index.js";import{cloneDeep as d,isFunction as g}from"lodash-es";import v from"../../../shared/components/VueDraggable/src/vuedraggable.js";import _ from"./components/FormConfigCreator.vue.js";import h from"./components/FormConfigDragDisplay.vue.js";import C from"./components/FormConfigEdit.vue.js";import j from"./components/FormConfigMaterialItem.js";import{useDataNormalize as x}from"./hooks/useDataNormalize.js";import{InjectionFieldList as y,InjectionMaterialList as F,InjectionActiveFieldItem as V,FORM_CONFIG_GROUP as b}from"./constants/index.js";import"@vicons/ionicons5";import"naive-ui";import k from"../../../_virtual/plugin-vue_export-helper.js";import"./utils/index.js";import{useSortableConfig as D}from"./hooks/useSortalbeConfig.js";import"./hooks/useConfigurationField.js";const R=["id"],H={class:"form-config__material"},E=s("header",{class:"form-config__materialHeader"},"物料区",-1),L={class:"form-config__displayWrapper"},S={class:"form-config__displayHeader"},I={class:"form-config__config"},N=s("header",{class:"form-config__configHeader"},"配置区",-1),O={class:"form-config__configContent"};var U=k(e({__name:"FormConfig",props:{maxHeight:{type:String},fieldVisitor:{type:Object},textFormatter:{type:Function},formRenderRef:{type:Object}},setup(e,{expose:k}){const U=e,w=p(),{getCommonConfig:z}=D(),A=o([]);r(y,A);const B=o([]);function M(e){A.value.some((o=>o.key===e.key))||A.value.push(e)}r(F,B);const T=(e,o)=>g(U.textFormatter)?U.textFormatter(e,o):o,W=o();r(V,W);const q=o(),{transform:G,inverseTransform:J}=x(U);return k({loadData({fieldList:e}){let o=[],r=[];e.forEach((e=>function(e){"LINE_BAR"===e.type&&(e.children=[]);!1===e.show?r.push(e):o.push(e)}(d(t(e))))),A.value=G(o),B.value=r,W.value=void 0},validate(){var e;return null==(e=q.value)?void 0:e.validate()},getData:()=>({fieldList:J(d(t(A.value))),materialList:J(d(t(B.value)))})}),(o,r)=>(i(),a("section",{class:"form-config",style:n({"--max-height":e.maxHeight}),id:m(w)},[s("section",H,[E,l(m(v),f(m(z)(),{class:"form-config__materialContent",modelValue:B.value,"onUpdate:modelValue":r[0]||(r[0]=e=>B.value=e)}),{item:u((({element:e})=>[l(m(j),{"form-config-item":e},null,8,["form-config-item"])])),_:1},16,["modelValue"])]),s("section",L,[s("header",S,[c(" 布局区 "),l(_,{onSubmit:M})]),l(h,{class:"form-config__displayContent",group:m(b),"text-formatter":T,modelValue:A.value,"onUpdate:modelValue":r[1]||(r[1]=e=>A.value=e)},null,8,["group","modelValue"])]),s("section",I,[N,s("section",O,[l(C,{ref_key:"formConfigEditRef",ref:q,uuid:m(w),"form-render-ref":e.formRenderRef},null,8,["uuid","form-render-ref"])])])],12,R))}}),[["__file","FormConfig.vue"]]);export{U as default};
+import{defineComponent as e,ref as o,provide as r,toRaw as t,openBlock as i,createElementBlock as a,normalizeStyle as m,unref as n,createElementVNode as s,createVNode as f,mergeProps as l,withCtx as u,createTextVNode as c}from"vue";import{useTheme as p}from"../../../shared/mixins/useTheme.js";import{uuidGenerator as d}from"../../../shared/utils/index.js";import{cloneDeep as g,isFunction as v}from"lodash-es";import _ from"../../../shared/components/VueDraggable/src/vuedraggable.js";import h from"./components/FormConfigCreator.vue.js";import j from"./components/FormConfigDragDisplay.vue.js";import x from"./components/FormConfigEdit.vue.js";import C from"./components/FormConfigMaterialItem.js";import{useDataNormalize as y}from"./hooks/useDataNormalize.js";import{InjectionFieldList as F,InjectionMaterialList as V,InjectionActiveFieldItem as b,FORM_CONFIG_GROUP as k}from"./constants/index.js";import"@vicons/ionicons5";import"naive-ui";import D from"../../../_virtual/plugin-vue_export-helper.js";import"./utils/index.js";import{useSortableConfig as R}from"./hooks/useSortalbeConfig.js";import"./hooks/useConfigurationField.js";const H=["id"],E={class:"form-config__material"},L=s("header",{class:"form-config__materialHeader"},"物料区",-1),S={class:"form-config__displayWrapper"},I={class:"form-config__displayHeader"},N={class:"form-config__config"},O=s("header",{class:"form-config__configHeader"},"配置区",-1),T={class:"form-config__configContent"};var U=D(e({__name:"FormConfig",props:{maxHeight:{type:String},fieldVisitor:{type:Object},textFormatter:{type:Function},formRenderRef:{type:Object}},setup(e,{expose:D}){const U=e,w=d(),z=p(),{getCommonConfig:A}=R(),B=o([]);r(F,B);const M=o([]);function W(e){B.value.some((o=>o.key===e.key))||B.value.push(e)}r(V,M);const q=(e,o)=>v(U.textFormatter)?U.textFormatter(e,o):o,G=o();r(b,G);const J=o(),{transform:K,inverseTransform:P}=y(U);return D({loadData({fieldList:e}){let o=[],r=[];e.forEach((e=>function(e){"LINE_BAR"===e.type&&(e.children=[]);!1===e.show?r.push(e):o.push(e)}(g(t(e))))),B.value=K(o),M.value=r,G.value=void 0},validate(){var e;return null==(e=J.value)?void 0:e.validate()},getData:()=>({fieldList:P(g(t(B.value))),materialList:P(g(t(M.value)))})}),(o,r)=>(i(),a("section",{class:"form-config",style:m({"--max-height":e.maxHeight,...n(z)}),id:n(w)},[s("section",E,[L,f(n(_),l(n(A)(),{class:"form-config__materialContent",modelValue:M.value,"onUpdate:modelValue":r[0]||(r[0]=e=>M.value=e)}),{item:u((({element:e})=>[f(n(C),{"form-config-item":e,"text-formatter":q},null,8,["form-config-item"])])),_:1},16,["modelValue"])]),s("section",S,[s("header",I,[c(" 布局区 "),f(h,{onSubmit:W})]),f(j,{class:"form-config__displayContent",group:n(k),"text-formatter":q,modelValue:B.value,"onUpdate:modelValue":r[1]||(r[1]=e=>B.value=e)},null,8,["group","modelValue"])]),s("section",N,[O,s("section",T,[f(x,{ref_key:"formConfigEditRef",ref:J,uuid:n(w),"form-render-ref":e.formRenderRef},null,8,["uuid","form-render-ref"])])])],12,H))}}),[["__file","FormConfig.vue"]]);export{U as default};

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

@@ -281,7 +281,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 onScroll?: ((...args: any[]) => any) | undefined;
                 onAnnotationChange?: ((...args: any[]) => any) | undefined;
             }>>;
-            emit: (event: "formChange" | "scroll" | "annotationChange", ...args: any[]) => void;
+            emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
             nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
             formRenderRef: import("vue").Ref<HTMLElement | undefined>;
             formHeight: import("vue").ComputedRef<string>;
@@ -437,32 +437,32 @@ 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;
                     componentProps: Record<string, any>;
                     decoratorProps: Record<string, any>;
-                    display: import("../../../../../es/components/form-render").FieldDisplayTypes;
                     description: string;
                     readOnly: boolean;
                     editable: boolean;
-                    hidden: boolean;
                     component: import("../../../../../es/components/form-render").FieldComponent<any, any>;
                     decorator: import("../../../../../es/components/form-render").FieldDecorator<any, any>;
                     validating: boolean;
                     submitting: boolean;
-                    active: boolean;
                     visited: boolean;
                     selfModified: boolean;
                     modified: boolean;
@@ -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,10 +588,10 @@ 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, ("formChange" | "scroll" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
                 type: import("vue").PropType<FieldItem[]>;
             };

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

@@ -5355,7 +5355,7 @@ declare const _default: import("vue").DefineComponent<{
                 onScroll?: ((...args: any[]) => any) | undefined;
                 onAnnotationChange?: ((...args: any[]) => any) | undefined;
             }>>;
-            emit: (event: "formChange" | "scroll" | "annotationChange", ...args: any[]) => void;
+            emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
             nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
             formRenderRef: import("vue").Ref<HTMLElement | undefined>;
             formHeight: import("vue").ComputedRef<string>;
@@ -5511,32 +5511,32 @@ 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;
                     componentProps: Record<string, any>;
                     decoratorProps: Record<string, any>;
-                    display: import("../../../../../es/components/form-render").FieldDisplayTypes;
                     description: string;
                     readOnly: boolean;
                     editable: boolean;
-                    hidden: boolean;
                     component: import("../../../../../es/components/form-render").FieldComponent<any, any>;
                     decorator: import("../../../../../es/components/form-render").FieldDecorator<any, any>;
                     validating: boolean;
                     submitting: boolean;
-                    active: boolean;
                     visited: boolean;
                     selfModified: boolean;
                     modified: boolean;
@@ -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,10 +5662,10 @@ 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, ("formChange" | "scroll" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
                 type: PropType<FieldItem[]>;
             };

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

@@ -268,7 +268,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             onScroll?: ((...args: any[]) => any) | undefined;
             onAnnotationChange?: ((...args: any[]) => any) | undefined;
         }>>;
-        emit: (event: "formChange" | "scroll" | "annotationChange", ...args: any[]) => void;
+        emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
         nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
         formRenderRef: import("vue").Ref<HTMLElement | undefined>;
         formHeight: import("vue").ComputedRef<string>;
@@ -424,32 +424,32 @@ 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;
                 componentProps: Record<string, any>;
                 decoratorProps: Record<string, any>;
-                display: import("@formily/core/esm/types").FieldDisplayTypes;
                 description: string;
                 readOnly: boolean;
                 editable: boolean;
-                hidden: boolean;
                 component: import("@formily/core/esm/types").FieldComponent<any, any>;
                 decorator: import("@formily/core/esm/types").FieldDecorator<any, any>;
                 validating: boolean;
                 submitting: boolean;
-                active: boolean;
                 visited: boolean;
                 selfModified: boolean;
                 modified: boolean;
@@ -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,10 +575,10 @@ 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, ("formChange" | "scroll" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
             type: import("vue").PropType<import("./src/types").FieldItem[]>;
         };