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

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

@@ -30,6 +30,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
         };
     }>> & {}>>;
     uuid: string;
+    cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
     getCommonConfig: (formConfig?: import("./src/types").FormConfigItem | undefined) => {
         move: ({ to, from, dragged }: import("sortablejs").MoveEvent) => false | undefined;
         onChoose: ({ target, item }: import("sortablejs").SortableEvent) => void;
@@ -3787,7 +3788,7 @@ declare const FormConfig: 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>;
@@ -3943,32 +3944,32 @@ declare const FormConfig: SFCWithInstall<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;
                         value: string;
+                        display: import("@formily/core").FieldDisplayTypes;
                         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_2>(onSubmit?: ((values: any) => void | Promise<T_2>) | undefined) => Promise<T_2>;
                         validator: import("@formily/core").FieldValidator;
                         pattern: import("@formily/core").FieldPatternTypes;
                         title: string;
                         form: import("@formily/core").Form<any>;
-                        content: any;
                         componentProps: Record<string, any>;
                         decoratorProps: Record<string, any>;
-                        display: import("@formily/core").FieldDisplayTypes;
                         description: string;
                         readOnly: boolean;
                         editable: boolean;
-                        hidden: boolean;
                         component: import("@formily/core").FieldComponent<any, any>;
                         decorator: import("@formily/core").FieldDecorator<any, any>;
                         validating: boolean;
                         submitting: boolean;
-                        active: boolean;
                         visited: boolean;
                         selfModified: boolean;
                         modified: boolean;
@@ -4055,7 +4056,7 @@ declare const FormConfig: 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: {
@@ -4080,7 +4081,7 @@ declare const FormConfig: 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: {
@@ -4094,10 +4095,10 @@ declare const FormConfig: 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("..").FieldItem[]>;
                 };
@@ -9705,7 +9706,7 @@ declare const FormConfig: 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>;
@@ -9861,32 +9862,32 @@ declare const FormConfig: SFCWithInstall<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;
                         value: string;
+                        display: import("@formily/core").FieldDisplayTypes;
                         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_2>(onSubmit?: ((values: any) => void | Promise<T_2>) | undefined) => Promise<T_2>;
                         validator: import("@formily/core").FieldValidator;
                         pattern: import("@formily/core").FieldPatternTypes;
                         title: string;
                         form: import("@formily/core").Form<any>;
-                        content: any;
                         componentProps: Record<string, any>;
                         decoratorProps: Record<string, any>;
-                        display: import("@formily/core").FieldDisplayTypes;
                         description: string;
                         readOnly: boolean;
                         editable: boolean;
-                        hidden: boolean;
                         component: import("@formily/core").FieldComponent<any, any>;
                         decorator: import("@formily/core").FieldDecorator<any, any>;
                         validating: boolean;
                         submitting: boolean;
-                        active: boolean;
                         visited: boolean;
                         selfModified: boolean;
                         modified: boolean;
@@ -9973,7 +9974,7 @@ declare const FormConfig: 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: {
@@ -9998,7 +9999,7 @@ declare const FormConfig: 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: {
@@ -10012,10 +10013,10 @@ declare const FormConfig: 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("..").FieldItem[]>;
                 };

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;
                         value: string;
+                        display: import("../../../../es/components/form-render").FieldDisplayTypes;
                         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;
                         value: string;
+                        display: import("../../../../es/components/form-render").FieldDisplayTypes;
                         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[]>;
                 };

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 l,mergeProps as f,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 C from"./components/FormConfigEdit.vue.js";import x 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,l(n(_),f(n(A)(),{class:"form-config__materialContent",modelValue:M.value,"onUpdate:modelValue":r[0]||(r[0]=e=>M.value=e)}),{item:u((({element:e})=>[l(n(x),{"form-config-item":e},null,8,["form-config-item"])])),_:1},16,["modelValue"])]),s("section",S,[s("header",I,[c(" 布局区 "),l(h,{onSubmit:W})]),l(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,[l(C,{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;
                     value: string;
+                    display: import("../../../../../es/components/form-render").FieldDisplayTypes;
                     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;
                     value: string;
+                    display: import("../../../../../es/components/form-render").FieldDisplayTypes;
                     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/renderer/DefaultNode.vue.d.ts

@@ -23,16 +23,16 @@ declare const _default: import("vue").DefineComponent<{
     }>> & {}>>;
     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;
     NEllipsis: any;
-    NButton: any;
     CloseButton: import("vue").DefineComponent<{
         formConfigItem: {
             type: PropType<FormConfigItem>;

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 u,normalizeClass as a,withCtx as s,createTextVNode as l,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}},setup(e){const y=e,j=o(v);function q(){j.value=y.formConfigItem}const b=t((()=>["form-config__renderer--default",{"is-required":y.formConfigItem.required}])),k=t((()=>[{"is-active":j.value===y.formConfigItem,"is-disabled":F.value},"form-config__renderer","form-config__renderer--defaultWrapper"])),F=t((()=>!1===y.formConfigItem.editable));function $(){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(q,["stop"]),class:m(k),"data-type":e.formConfigItem.type}),[u(m(g),{class:a(m(b))},{default:s((()=>[l(d($()),1)])),_:1},8,["class"]),e.formConfigItem.required?c("v-if",!0):(r(),p(C,{key:0,"form-config-item":e.formConfigItem},null,8,["form-config-item"]))],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__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--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:var(--c-primary-color) 0 0 0 2px!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}