cnhis-design-vue 3.1.42-beta.0 → 3.1.42-release.0

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

@@ -32,7 +32,6 @@ 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;
@@ -62,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
         originalSetting?: {
             [x: string]: any;
             val_key: string;
-            html_type: "LINEBAR" | ({} & string) | "INPUT" | "SELECT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "DATE" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "COMBINATION" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
+            html_type: "LINEBAR" | "DATE" | "SELECT" | ({} & string) | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
             annotation?: boolean | undefined;
             val_key_unit?: string | undefined;
             is_edit?: import("../../../../es/components/form-render").FormCommonState | undefined;
@@ -1755,7 +1754,7 @@ declare const _default: import("vue").DefineComponent<{
         originalSetting?: {
             [x: string]: any;
             val_key: string;
-            html_type: "LINEBAR" | ({} & string) | "INPUT" | "SELECT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "DATE" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "COMBINATION" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
+            html_type: "LINEBAR" | "DATE" | "SELECT" | ({} & string) | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
             annotation?: boolean | undefined;
             val_key_unit?: string | undefined;
             is_edit?: import("../../../../es/components/form-render").FormCommonState | undefined;
@@ -3946,30 +3945,35 @@ declare const _default: import("vue").DefineComponent<{
                         data: any;
                         loading: boolean;
                         required: boolean;
-                        hidden: boolean;
-                        visible: boolean;
-                        content: any;
-                        reset: (options?: import("../../../../es/components/form-render").IFieldResetOptions | undefined) => Promise<void>;
-                        active: boolean;
-                        disabled: boolean;
-                        display: import("../../../../es/components/form-render").FieldDisplayTypes;
                         value: string;
                         readonly index: string | number;
+                        disabled: boolean;
                         onFocus: (...args: any[]) => Promise<void>;
                         onBlur: (...args: any[]) => Promise<void>;
                         onInput: (...args: any[]) => Promise<void>;
+                        reset: (options?: import("../../../../es/components/form-render").IFieldResetOptions | undefined) => Promise<void>;
+                        visible: boolean;
                         submit: <T_2>(onSubmit?: ((values: any) => void | Promise<T_2>) | undefined) => Promise<T_2>;
                         validator: import("../../../../es/components/form-render").FieldValidator;
                         pattern: import("../../../../es/components/form-render").FieldPatternTypes;
                         title: string;
                         form: import("../../../../es/components/form-render").Form<any>;
+                        content: any;
+                        hidden: boolean;
+                        active: boolean;
+                        dataSource: import("../../../../es/components/form-render").FieldDataSource;
+                        description: string;
+                        display: import("../../../../es/components/form-render").FieldDisplayTypes;
+                        mounted: boolean;
+                        readonly destroyed: boolean;
+                        unmounted: boolean;
                         componentProps: Record<string, any>;
                         decoratorProps: Record<string, any>;
-                        description: string;
                         readOnly: boolean;
                         editable: boolean;
                         component: import("../../../../es/components/form-render").FieldComponent<any, any>;
                         decorator: import("../../../../es/components/form-render").FieldDecorator<any, any>;
+                        readPretty: boolean;
                         validating: boolean;
                         submitting: boolean;
                         visited: boolean;
@@ -3977,7 +3981,6 @@ declare const _default: import("vue").DefineComponent<{
                         modified: boolean;
                         inputValue: string;
                         inputValues: any[];
-                        dataSource: import("../../../../es/components/form-render").FieldDataSource;
                         feedbacks: import("../../../../es/components/form-render").IFieldFeedback[];
                         caches: import("../../../../es/components/form-render").IFieldCaches;
                         selfErrors: import("../../../../es/components/form-render").FeedbackMessage;
@@ -4008,15 +4011,11 @@ declare const _default: import("vue").DefineComponent<{
                         queryFeedbacks: (search?: import("../../../../es/components/form-render").ISearchFeedback | undefined) => import("../../../../es/components/form-render").IFieldFeedback[];
                         modify: () => void;
                         initialized: boolean;
-                        mounted: boolean;
-                        unmounted: boolean;
                         decoratorType: any;
                         componentType: any;
                         designable: boolean;
                         locate: (address: import("@formily/path").Pattern) => void;
                         readonly parent: import("../../../../es/components/form-render").GeneralField;
-                        readPretty: boolean;
-                        readonly destroyed: boolean;
                         setTitle: (title?: string | undefined) => void;
                         setDescription: (description?: string | undefined) => void;
                         setDisplay: (type?: import("../../../../es/components/form-render").FieldDisplayTypes | undefined) => void;
@@ -4058,7 +4057,7 @@ declare const _default: import("vue").DefineComponent<{
                     };
                     readonly disabled: BooleanConstructor;
                     readonly displayDirective: {
-                        readonly type: PropType<"show" | "if" | "show:lazy">;
+                        readonly type: PropType<"if" | "show" | "show:lazy">;
                         readonly default: "if";
                     };
                     readonly closable: {
@@ -4083,7 +4082,7 @@ declare const _default: import("vue").DefineComponent<{
                     };
                     readonly disabled: BooleanConstructor;
                     readonly displayDirective: {
-                        readonly type: PropType<"show" | "if" | "show:lazy">;
+                        readonly type: PropType<"if" | "show" | "show:lazy">;
                         readonly default: "if";
                     };
                     readonly closable: {
@@ -4097,7 +4096,7 @@ declare const _default: import("vue").DefineComponent<{
                 }>>, {
                     readonly disabled: boolean;
                     readonly closable: boolean | undefined;
-                    readonly displayDirective: "show" | "if" | "show:lazy";
+                    readonly displayDirective: "if" | "show" | "show:lazy";
                 }>;
                 NTabs: any;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -4379,7 +4378,7 @@ declare const _default: import("vue").DefineComponent<{
         fieldList: import("vue").Ref<{
             [x: string]: any;
             val_key: string;
-            html_type: "LINEBAR" | ({} & string) | "INPUT" | "SELECT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "DATE" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "COMBINATION" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
+            html_type: "LINEBAR" | "DATE" | "SELECT" | ({} & string) | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
             annotation?: boolean | undefined;
             val_key_unit?: string | undefined;
             is_edit?: import("../../../../es/components/form-render").FormCommonState | undefined;
@@ -6085,7 +6084,7 @@ declare const _default: import("vue").DefineComponent<{
                 originalSetting?: {
                     [x: string]: any;
                     val_key: string;
-                    html_type: "LINEBAR" | ({} & string) | "INPUT" | "SELECT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "DATE" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "COMBINATION" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
+                    html_type: "LINEBAR" | "DATE" | "SELECT" | ({} & string) | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
                     annotation?: boolean | undefined;
                     val_key_unit?: string | undefined;
                     is_edit?: import("../../../../es/components/form-render").FormCommonState | undefined;
@@ -7762,7 +7761,7 @@ declare const _default: import("vue").DefineComponent<{
             originalSetting?: {
                 [x: string]: any;
                 val_key: string;
-                html_type: "LINEBAR" | ({} & string) | "INPUT" | "SELECT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "DATE" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "COMBINATION" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
+                html_type: "LINEBAR" | "DATE" | "SELECT" | ({} & string) | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
                 annotation?: boolean | undefined;
                 val_key_unit?: string | undefined;
                 is_edit?: import("../../../../es/components/form-render").FormCommonState | undefined;
@@ -9864,30 +9863,35 @@ declare const _default: import("vue").DefineComponent<{
                         data: any;
                         loading: boolean;
                         required: boolean;
-                        hidden: boolean;
-                        visible: boolean;
-                        content: any;
-                        reset: (options?: import("../../../../es/components/form-render").IFieldResetOptions | undefined) => Promise<void>;
-                        active: boolean;
-                        disabled: boolean;
-                        display: import("../../../../es/components/form-render").FieldDisplayTypes;
                         value: string;
                         readonly index: string | number;
+                        disabled: boolean;
                         onFocus: (...args: any[]) => Promise<void>;
                         onBlur: (...args: any[]) => Promise<void>;
                         onInput: (...args: any[]) => Promise<void>;
+                        reset: (options?: import("../../../../es/components/form-render").IFieldResetOptions | undefined) => Promise<void>;
+                        visible: boolean;
                         submit: <T_2>(onSubmit?: ((values: any) => void | Promise<T_2>) | undefined) => Promise<T_2>;
                         validator: import("../../../../es/components/form-render").FieldValidator;
                         pattern: import("../../../../es/components/form-render").FieldPatternTypes;
                         title: string;
                         form: import("../../../../es/components/form-render").Form<any>;
+                        content: any;
+                        hidden: boolean;
+                        active: boolean;
+                        dataSource: import("../../../../es/components/form-render").FieldDataSource;
+                        description: string;
+                        display: import("../../../../es/components/form-render").FieldDisplayTypes;
+                        mounted: boolean;
+                        readonly destroyed: boolean;
+                        unmounted: boolean;
                         componentProps: Record<string, any>;
                         decoratorProps: Record<string, any>;
-                        description: string;
                         readOnly: boolean;
                         editable: boolean;
                         component: import("../../../../es/components/form-render").FieldComponent<any, any>;
                         decorator: import("../../../../es/components/form-render").FieldDecorator<any, any>;
+                        readPretty: boolean;
                         validating: boolean;
                         submitting: boolean;
                         visited: boolean;
@@ -9895,7 +9899,6 @@ declare const _default: import("vue").DefineComponent<{
                         modified: boolean;
                         inputValue: string;
                         inputValues: any[];
-                        dataSource: import("../../../../es/components/form-render").FieldDataSource;
                         feedbacks: import("../../../../es/components/form-render").IFieldFeedback[];
                         caches: import("../../../../es/components/form-render").IFieldCaches;
                         selfErrors: import("../../../../es/components/form-render").FeedbackMessage;
@@ -9926,15 +9929,11 @@ declare const _default: import("vue").DefineComponent<{
                         queryFeedbacks: (search?: import("../../../../es/components/form-render").ISearchFeedback | undefined) => import("../../../../es/components/form-render").IFieldFeedback[];
                         modify: () => void;
                         initialized: boolean;
-                        mounted: boolean;
-                        unmounted: boolean;
                         decoratorType: any;
                         componentType: any;
                         designable: boolean;
                         locate: (address: import("@formily/path").Pattern) => void;
                         readonly parent: import("../../../../es/components/form-render").GeneralField;
-                        readPretty: boolean;
-                        readonly destroyed: boolean;
                         setTitle: (title?: string | undefined) => void;
                         setDescription: (description?: string | undefined) => void;
                         setDisplay: (type?: import("../../../../es/components/form-render").FieldDisplayTypes | undefined) => void;
@@ -9976,7 +9975,7 @@ declare const _default: import("vue").DefineComponent<{
                     };
                     readonly disabled: BooleanConstructor;
                     readonly displayDirective: {
-                        readonly type: PropType<"show" | "if" | "show:lazy">;
+                        readonly type: PropType<"if" | "show" | "show:lazy">;
                         readonly default: "if";
                     };
                     readonly closable: {
@@ -10001,7 +10000,7 @@ declare const _default: import("vue").DefineComponent<{
                     };
                     readonly disabled: BooleanConstructor;
                     readonly displayDirective: {
-                        readonly type: PropType<"show" | "if" | "show:lazy">;
+                        readonly type: PropType<"if" | "show" | "show:lazy">;
                         readonly default: "if";
                     };
                     readonly closable: {
@@ -10015,7 +10014,7 @@ declare const _default: import("vue").DefineComponent<{
                 }>>, {
                     readonly disabled: boolean;
                     readonly closable: boolean | undefined;
-                    readonly displayDirective: "show" | "if" | "show:lazy";
+                    readonly displayDirective: "if" | "show" | "show:lazy";
                 }>;
                 NTabs: any;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -10176,19 +10175,11 @@ 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 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};
+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};

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

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

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

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

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

@@ -1,22 +1,14 @@
 import { PropType } from 'vue';
-import { FormConfigItem, FormConfigTextFormatter } from '../../../../../es/components/form-config';
+import { FormConfigItem } 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 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};
+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};

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

@@ -10,14 +10,6 @@ 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: {
@@ -28,27 +20,19 @@ 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;
-    ellipsisClassList: import("vue").ComputedRef<(string | {
-        'is-required': boolean | undefined;
-    })[]>;
     classList: import("vue").ComputedRef<(string | {
         'is-active': boolean;
-        'is-disabled': boolean;
+    })[]>;
+    ellipsisClassList: import("vue").ComputedRef<(string | {
+        'is-required': boolean | undefined;
     })[]>;
     disabled: import("vue").ComputedRef<boolean>;
-    displayText: import("vue").ComputedRef<string>;
+    getDisplayText: () => string;
     NEllipsis: any;
+    NButton: any;
     CloseButton: import("vue").DefineComponent<{
         formConfigItem: {
             type: PropType<FormConfigItem>;
@@ -83,16 +67,5 @@ 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;