cnhis-design-vue 3.2.2 → 3.2.3-beta.10

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

@@ -120,6 +120,8 @@ declare const _default: import("vue").DefineComponent<{
             wordSplitFilter: boolean;
             selectMode: boolean;
             selectedFields: string[];
+            linebarWidth: string | number;
+            linebarDirection: "horizontal" | "vertical";
         }>>>;
     };
     beforeMove: {
@@ -242,6 +244,8 @@ declare const _default: import("vue").DefineComponent<{
                 wordSplitFilter: boolean;
                 selectMode: boolean;
                 selectedFields: string[];
+                linebarWidth: string | number;
+                linebarDirection: "horizontal" | "vertical";
             }>>>;
         };
         beforeMove: {
@@ -429,6 +433,8 @@ declare const _default: import("vue").DefineComponent<{
             bordered?: string | boolean | undefined;
             displayMode?: "table" | "form" | undefined;
             editor_title?: string | undefined;
+            linebarWidth?: string | undefined;
+            linebarDirection?: "horizontal" | "vertical" | undefined;
             fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
             content?: string | import("../../../components/form-render").FormRenderer | Record<string, import("../../../components/form-render").FormRenderer> | undefined;
             lazyRequest?: boolean | undefined;
@@ -2181,6 +2187,8 @@ declare const _default: import("vue").DefineComponent<{
             bordered?: string | boolean | undefined;
             displayMode?: "table" | "form" | undefined;
             editor_title?: string | undefined;
+            linebarWidth?: string | undefined;
+            linebarDirection?: "horizontal" | "vertical" | undefined;
             fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
             content?: string | import("../../../components/form-render").FormRenderer | Record<string, import("../../../components/form-render").FormRenderer> | undefined;
             lazyRequest?: boolean | undefined;
@@ -3981,6 +3989,8 @@ declare const _default: import("vue").DefineComponent<{
             bordered?: string | boolean | undefined;
             displayMode?: "table" | "form" | undefined;
             editor_title?: string | undefined;
+            linebarWidth?: string | undefined;
+            linebarDirection?: "horizontal" | "vertical" | undefined;
             fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
             content?: string | import("../../../components/form-render").FormRenderer | Record<string, import("../../../components/form-render").FormRenderer> | undefined;
             lazyRequest?: boolean | undefined;
@@ -5733,6 +5743,8 @@ declare const _default: import("vue").DefineComponent<{
             bordered?: string | boolean | undefined;
             displayMode?: "table" | "form" | undefined;
             editor_title?: string | undefined;
+            linebarWidth?: string | undefined;
+            linebarDirection?: "horizontal" | "vertical" | undefined;
             fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
             content?: string | import("../../../components/form-render").FormRenderer | Record<string, import("../../../components/form-render").FormRenderer> | undefined;
             lazyRequest?: boolean | undefined;
@@ -7579,6 +7591,14 @@ declare const _default: import("vue").DefineComponent<{
                 selectedFields: {
                     type: PropType<string[]>;
                 };
+                linebarDirection: {
+                    type: PropType<"horizontal" | "vertical">;
+                    default: string;
+                };
+                linebarWidth: {
+                    type: (NumberConstructor | StringConstructor)[];
+                    default: number;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -7753,6 +7773,14 @@ declare const _default: import("vue").DefineComponent<{
                     selectedFields: {
                         type: PropType<string[]>;
                     };
+                    linebarDirection: {
+                        type: PropType<"horizontal" | "vertical">;
+                        default: string;
+                    };
+                    linebarWidth: {
+                        type: (NumberConstructor | StringConstructor)[];
+                        default: number;
+                    };
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
@@ -7922,6 +7950,8 @@ declare const _default: import("vue").DefineComponent<{
                     wordSplitFilter: boolean;
                     selectMode: boolean;
                     selectedFields: string[];
+                    linebarWidth: string | number;
+                    linebarDirection: "horizontal" | "vertical";
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
@@ -8272,6 +8302,14 @@ declare const _default: import("vue").DefineComponent<{
                 selectedFields: {
                     type: PropType<string[]>;
                 };
+                linebarDirection: {
+                    type: PropType<"horizontal" | "vertical">;
+                    default: string;
+                };
+                linebarWidth: {
+                    type: (NumberConstructor | StringConstructor)[];
+                    default: number;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -8295,6 +8333,8 @@ declare const _default: import("vue").DefineComponent<{
                 forceClearable: boolean;
                 wordSplitFilter: boolean;
                 selectMode: boolean;
+                linebarWidth: string | number;
+                linebarDirection: "horizontal" | "vertical";
                 operationalFormInit: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -8518,6 +8558,8 @@ declare const _default: import("vue").DefineComponent<{
                 wordSplitFilter: boolean;
                 selectMode: boolean;
                 selectedFields: string[];
+                linebarWidth: string | number;
+                linebarDirection: "horizontal" | "vertical";
             }>>>;
         };
     }, {
@@ -8628,6 +8670,8 @@ declare const _default: import("vue").DefineComponent<{
                     wordSplitFilter: boolean;
                     selectMode: boolean;
                     selectedFields: string[];
+                    linebarWidth: string | number;
+                    linebarDirection: "horizontal" | "vertical";
                 }>>>;
             };
         }>> & {}>>;
@@ -8792,6 +8836,8 @@ declare const _default: import("vue").DefineComponent<{
             bordered?: string | boolean | undefined;
             displayMode?: "table" | "form" | undefined;
             editor_title?: string | undefined;
+            linebarWidth?: string | undefined;
+            linebarDirection?: "horizontal" | "vertical" | undefined;
             fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
             content?: string | import("../../../components/form-render").FormRenderer | Record<string, import("../../../components/form-render").FormRenderer> | undefined;
             lazyRequest?: boolean | undefined;
@@ -10555,6 +10601,8 @@ declare const _default: import("vue").DefineComponent<{
                     bordered?: string | boolean | undefined;
                     displayMode?: "table" | "form" | undefined;
                     editor_title?: string | undefined;
+                    linebarWidth?: string | undefined;
+                    linebarDirection?: "horizontal" | "vertical" | undefined;
                     fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
                     content?: string | import("../../../components/form-render").FormRenderer | Record<string, import("../../../components/form-render").FormRenderer> | undefined;
                     lazyRequest?: boolean | undefined;
@@ -12291,6 +12339,8 @@ declare const _default: import("vue").DefineComponent<{
                 bordered?: string | boolean | undefined;
                 displayMode?: "table" | "form" | undefined;
                 editor_title?: string | undefined;
+                linebarWidth?: string | undefined;
+                linebarDirection?: "horizontal" | "vertical" | undefined;
                 fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
                 content?: string | import("../../../components/form-render").FormRenderer | Record<string, import("../../../components/form-render").FormRenderer> | undefined;
                 lazyRequest?: boolean | undefined;
@@ -14054,6 +14104,14 @@ declare const _default: import("vue").DefineComponent<{
                 selectedFields: {
                     type: PropType<string[]>;
                 };
+                linebarDirection: {
+                    type: PropType<"horizontal" | "vertical">;
+                    default: string;
+                };
+                linebarWidth: {
+                    type: (NumberConstructor | StringConstructor)[];
+                    default: number;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -14228,6 +14286,14 @@ declare const _default: import("vue").DefineComponent<{
                     selectedFields: {
                         type: PropType<string[]>;
                     };
+                    linebarDirection: {
+                        type: PropType<"horizontal" | "vertical">;
+                        default: string;
+                    };
+                    linebarWidth: {
+                        type: (NumberConstructor | StringConstructor)[];
+                        default: number;
+                    };
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
@@ -14397,6 +14463,8 @@ declare const _default: import("vue").DefineComponent<{
                     wordSplitFilter: boolean;
                     selectMode: boolean;
                     selectedFields: string[];
+                    linebarWidth: string | number;
+                    linebarDirection: "horizontal" | "vertical";
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
@@ -14747,6 +14815,14 @@ declare const _default: import("vue").DefineComponent<{
                 selectedFields: {
                     type: PropType<string[]>;
                 };
+                linebarDirection: {
+                    type: PropType<"horizontal" | "vertical">;
+                    default: string;
+                };
+                linebarWidth: {
+                    type: (NumberConstructor | StringConstructor)[];
+                    default: number;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -14770,6 +14846,8 @@ declare const _default: import("vue").DefineComponent<{
                 forceClearable: boolean;
                 wordSplitFilter: boolean;
                 selectMode: boolean;
+                linebarWidth: string | number;
+                linebarDirection: "horizontal" | "vertical";
                 operationalFormInit: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -14880,6 +14958,8 @@ declare const _default: import("vue").DefineComponent<{
                 wordSplitFilter: boolean;
                 selectMode: boolean;
                 selectedFields: string[];
+                linebarWidth: string | number;
+                linebarDirection: "horizontal" | "vertical";
             }>>>;
         };
     }>>, {}>;
@@ -15162,6 +15242,8 @@ declare const _default: import("vue").DefineComponent<{
             wordSplitFilter: boolean;
             selectMode: boolean;
             selectedFields: string[];
+            linebarWidth: string | number;
+            linebarDirection: "horizontal" | "vertical";
         }>>>;
     };
     beforeMove: {

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

@@ -194,6 +194,14 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedFields: {
                 type: import("vue").PropType<string[]>;
             };
+            linebarDirection: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            linebarWidth: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
@@ -368,6 +376,14 @@ declare const _default: import("vue").DefineComponent<{}, {
                 selectedFields: {
                     type: import("vue").PropType<string[]>;
                 };
+                linebarDirection: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: string;
+                };
+                linebarWidth: {
+                    type: (NumberConstructor | StringConstructor)[];
+                    default: number;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -537,6 +553,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 wordSplitFilter: boolean;
                 selectMode: boolean;
                 selectedFields: string[];
+                linebarWidth: string | number;
+                linebarDirection: "horizontal" | "vertical";
             }>) => Record<string, import("@formily/json-schema").Stringify<{
                 [key: symbol]: any;
                 [key: `x-${string}`]: any;
@@ -887,6 +905,14 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedFields: {
                 type: import("vue").PropType<string[]>;
             };
+            linebarDirection: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            linebarWidth: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -910,6 +936,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             forceClearable: boolean;
             wordSplitFilter: boolean;
             selectMode: boolean;
+            linebarWidth: string | number;
+            linebarDirection: "horizontal" | "vertical";
             operationalFormInit: boolean;
         }>;
     }, {}, {}, {}, 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/components/FormConfigCreator.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,ref as i,openBlock as t,createBlock as l,unref as a,withCtx as o,createVNode as r,createTextVNode as n}from"vue";import{pick as s}from"lodash-es";import{NButtonGroup as m,NPopconfirm as u,NButton as d}from"naive-ui";import{EditAbleField as f}from"../constants/index.js";import{useConfigurationField as _}from"../hooks/useConfigurationField.js";import"../../../index.js";import L from"../../../form-render/index.js";var c=e({__name:"FormConfigCreator",emits:{submit:e=>e},setup(e,{emit:c}){const p=_().generateFieldListByKeys([f.NAME,f.LAYOUT_WIDTH_ENUM,f.NOTES,f.DEFAULT_EXPAND,f.FOLD]),h=i(),E=i(),w={defaultExpand:!0,fold:!0,layoutWidthEnum:"ALL_LINE"};async function y(e,i,t){if(!t)return;await t.validate();const l=t.getFormValues();c("submit",{layoutWidthEnum:"ALL_LINE",...l,type:e,key:l.name,...i,__new:!0})}return(e,i)=>(t(),l(a(m),{size:"small"},{default:o((()=>[r(a(u),{width:"200px","show-icon":!1,"show-arrow":!1,onPositiveClick:i[0]||(i[0]=e=>y("NEWLINE",{},E.value))},{trigger:o((()=>[r(a(d),null,{default:o((()=>[n("新建分行符")])),_:1})])),default:o((()=>[r(a(L),{column:12,ref_key:"lineBreakFormRef",ref:E,"initial-data":a(s)(w,["layoutWidthEnum"]),size:"small","label-width":"auto","label-placement":"left",fieldList:a(p).slice(0,2)},null,8,["initial-data","fieldList"])])),_:1}),r(a(u),{width:"300px","show-icon":!1,"show-arrow":!1,onPositiveClick:i[1]||(i[1]=e=>y("LINE_BAR",{children:[]},h.value))},{trigger:o((()=>[r(a(d),null,{default:o((()=>[n("新建分线栏")])),_:1})])),default:o((()=>[r(a(L),{column:12,ref_key:"linebarFormRef",ref:h,"initial-data":w,size:"small","label-width":"auto","label-placement":"left",fieldList:a(p)},null,8,["fieldList"])])),_:1})])),_:1}))}});export{c as default};
+import{defineComponent as e,ref as i,openBlock as t,createBlock as l,unref as a,withCtx as o,createVNode as r,createTextVNode as n}from"vue";import{pick as s}from"lodash-es";import{NButtonGroup as m,NPopconfirm as u,NButton as d}from"naive-ui";import{EditAbleField as f}from"../constants/index.js";import{useConfigurationField as _}from"../hooks/useConfigurationField.js";import"../../../index.js";import L from"../../../form-render/index.js";var c=e({__name:"FormConfigCreator",emits:{submit:e=>e},setup(e,{emit:c}){const p=_().generateFieldListByKeys([f.NAME,f.LAYOUT_WIDTH_ENUM,f.NOTES,f.DEFAULT_EXPAND,f.FOLD]),h=i(),E=i(),w={defaultExpand:!0,fold:!0,layoutWidthEnum:"ALL_LINE"};async function y(e,i,t){if(!t)return;await t.validate();const l=t.getFormValues();c("submit",{layoutWidthEnum:"ALL_LINE",...l,type:e,key:l.name,...i,__new:!0})}return(e,i)=>(t(),l(a(m),{size:"small"},{default:o((()=>[r(a(u),{width:"200px","show-icon":!1,"show-arrow":!1,onPositiveClick:i[0]||(i[0]=e=>y("NEWLINE",{},E.value))},{trigger:o((()=>[r(a(d),null,{default:o((()=>[n("新建分行符")])),_:1})])),default:o((()=>[r(a(L),{column:12,ref_key:"lineBreakFormRef",ref:E,"initial-data":a(s)(w,["layoutWidthEnum"]),size:"small","label-width":"auto","label-placement":"left",fieldList:a(p).slice(0,1)},null,8,["initial-data","fieldList"])])),_:1}),r(a(u),{width:"300px","show-icon":!1,"show-arrow":!1,onPositiveClick:i[1]||(i[1]=e=>y("LINE_BAR",{children:[]},h.value))},{trigger:o((()=>[r(a(d),null,{default:o((()=>[n("新建分线栏")])),_:1})])),default:o((()=>[r(a(L),{column:12,ref_key:"linebarFormRef",ref:h,"initial-data":w,size:"small","label-width":"auto","label-placement":"left",fieldList:a(p)},null,8,["fieldList"])])),_:1})])),_:1}))}});export{c as default};

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

@@ -108,6 +108,8 @@ declare const _default: import("vue").DefineComponent<{
             wordSplitFilter: boolean;
             selectMode: boolean;
             selectedFields: string[];
+            linebarWidth: string | number;
+            linebarDirection: "horizontal" | "vertical";
         }>>>;
     };
 }, {
@@ -218,6 +220,8 @@ declare const _default: import("vue").DefineComponent<{
                 wordSplitFilter: boolean;
                 selectMode: boolean;
                 selectedFields: string[];
+                linebarWidth: string | number;
+                linebarDirection: "horizontal" | "vertical";
             }>>>;
         };
     }>> & {}>>;
@@ -382,6 +386,8 @@ declare const _default: import("vue").DefineComponent<{
         bordered?: string | boolean | undefined;
         displayMode?: "table" | "form" | undefined;
         editor_title?: string | undefined;
+        linebarWidth?: string | undefined;
+        linebarDirection?: "horizontal" | "vertical" | undefined;
         fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
         content?: string | import("../../../../components/form-render").FormRenderer | Record<string, import("../../../../components/form-render").FormRenderer> | undefined;
         lazyRequest?: boolean | undefined;
@@ -2145,6 +2151,8 @@ declare const _default: import("vue").DefineComponent<{
                 bordered?: string | boolean | undefined;
                 displayMode?: "table" | "form" | undefined;
                 editor_title?: string | undefined;
+                linebarWidth?: string | undefined;
+                linebarDirection?: "horizontal" | "vertical" | undefined;
                 fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
                 content?: string | import("../../../../components/form-render").FormRenderer | Record<string, import("../../../../components/form-render").FormRenderer> | undefined;
                 lazyRequest?: boolean | undefined;
@@ -3881,6 +3889,8 @@ declare const _default: import("vue").DefineComponent<{
             bordered?: string | boolean | undefined;
             displayMode?: "table" | "form" | undefined;
             editor_title?: string | undefined;
+            linebarWidth?: string | undefined;
+            linebarDirection?: "horizontal" | "vertical" | undefined;
             fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
             content?: string | import("../../../../components/form-render").FormRenderer | Record<string, import("../../../../components/form-render").FormRenderer> | undefined;
             lazyRequest?: boolean | undefined;
@@ -5644,6 +5654,14 @@ declare const _default: import("vue").DefineComponent<{
             selectedFields: {
                 type: PropType<string[]>;
             };
+            linebarDirection: {
+                type: PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            linebarWidth: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
@@ -5818,6 +5836,14 @@ declare const _default: import("vue").DefineComponent<{
                 selectedFields: {
                     type: PropType<string[]>;
                 };
+                linebarDirection: {
+                    type: PropType<"horizontal" | "vertical">;
+                    default: string;
+                };
+                linebarWidth: {
+                    type: (NumberConstructor | StringConstructor)[];
+                    default: number;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -5987,6 +6013,8 @@ declare const _default: import("vue").DefineComponent<{
                 wordSplitFilter: boolean;
                 selectMode: boolean;
                 selectedFields: string[];
+                linebarWidth: string | number;
+                linebarDirection: "horizontal" | "vertical";
             }>) => Record<string, import("@formily/json-schema").Stringify<{
                 [key: symbol]: any;
                 [key: `x-${string}`]: any;
@@ -6337,6 +6365,14 @@ declare const _default: import("vue").DefineComponent<{
             selectedFields: {
                 type: PropType<string[]>;
             };
+            linebarDirection: {
+                type: PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            linebarWidth: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -6360,6 +6396,8 @@ declare const _default: import("vue").DefineComponent<{
             forceClearable: boolean;
             wordSplitFilter: boolean;
             selectMode: boolean;
+            linebarWidth: string | number;
+            linebarDirection: "horizontal" | "vertical";
             operationalFormInit: boolean;
         }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -6470,6 +6508,8 @@ declare const _default: import("vue").DefineComponent<{
             wordSplitFilter: boolean;
             selectMode: boolean;
             selectedFields: string[];
+            linebarWidth: string | number;
+            linebarDirection: "horizontal" | "vertical";
         }>>>;
     };
 }>>, {}>;

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

@@ -1 +1 @@
-import{defineComponent as e,inject as o,createVNode as t,mergeProps as r}from"vue";import{CloseCircle as i}from"@vicons/ionicons5";import{NButton as n,NIcon as s}from"naive-ui";import"lodash-es";import{InjectionFormConfigEmit as m,InjectionActiveFieldItem as a}from"../constants/index.js";import"../../../../shared/components/VueDraggable/src/vuedraggable.js";import l from"./renderer/DefaultNode.vue.js";import"../../../../shared/utils/index.js";import"../hooks/useConfigurationField.js";import{layoutWidthEnum2Column as u}from"../utils/index.js";const f=e({props:{formConfigItem:{type:Object,required:!0},textFormatter:{type:Function,required:!0},materialList:{type:Array,default:()=>[]}},setup(e){const f=o(m),c=o(a);function d(){const o=e.materialList.findIndex((o=>o.key===e.formConfigItem.key));if(!~o)return;const[t]=e.materialList.splice(o,1);f("removeItem",t),c.value===t&&(c.value=void 0)}return()=>t(l,r({style:{"--item-column":u(e.formConfigItem.layoutWidthEnum)},class:"form-config__displayContentItem",showCloseButton:!1,allowClick:!1},e),{default:()=>e.formConfigItem.__extra?t(n,{text:!0,class:"form-config__renderer--closeButton","text-color":"#a5a5a5",onClick:d},{icon:()=>t(s,{component:i},null)}):null})}});export{f as default};
+import{defineComponent as e,inject as t,createVNode as o,mergeProps as r}from"vue";import{CloseCircle as i}from"@vicons/ionicons5";import{NButton as n,NIcon as s}from"naive-ui";import"lodash-es";import{InjectionFormConfigEmit as m,InjectionActiveFieldItem as a}from"../constants/index.js";import"../../../../shared/components/VueDraggable/src/vuedraggable.js";import l from"./renderer/DefaultNode.vue.js";import"../../../../shared/utils/index.js";import"../hooks/useConfigurationField.js";import{layoutWidthEnum2Column as u}from"../utils/index.js";const f=e({props:{formConfigItem:{type:Object,required:!0},textFormatter:{type:Function,required:!0},materialList:{type:Array,default:()=>[]}},setup(e){const f=t(m),c=t(a);function d(){const t=e.materialList.findIndex((t=>t.key===e.formConfigItem.key));if(!~t)return;const[o]=e.materialList.splice(t,1);f("removeItem",o),c.value===o&&(c.value=void 0)}return()=>o(l,r({style:{"--item-column":u(e.formConfigItem.layoutWidthEnum)},class:"form-config__displayContentItem",showCloseButton:!1},e),{default:()=>e.formConfigItem.__extra?o(n,{text:!0,class:"form-config__renderer--closeButton","text-color":"#a5a5a5",onClick:d},{icon:()=>o(s,{component:i},null)}):null})}});export{f as default};

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

@@ -24,7 +24,10 @@ declare const _default: import("vue").DefineComponent<{
     currentActiveEditField: import("vue").Ref<import("../../../..").UndefinedAble<FormConfigItem>>;
     active: () => void;
     headerClassList: import("vue").ComputedRef<(string | {
-        'is-active': boolean;
+        'is-active--text': boolean;
+    })[]>;
+    wrapperClassList: import("vue").ComputedRef<(string | {
+        'is-active--shadow': boolean;
     })[]>;
     FormConfigDragDisplay: import("vue").DefineComponent<{
         formConfigItem: {

package/es/components/form-config/src/components/renderer/ComplexNode.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,inject as o,computed as r,openBlock as t,createElementBlock as m,createElementVNode as a,mergeProps as f,unref as i,withModifiers as n,createTextVNode as d,toDisplayString as l,createVNode as p}from"vue";import c from"../FormConfigDragDisplay.vue.js";import g from"./CloseButton.vue.js";import{InjectionActiveFieldItem as s}from"../../constants/index.js";import{bindHover as u}from"../../utils/index.js";const C=["data-type","data-key","data-required","data-extra"],I=["onClick"];var y=e({__name:"ComplexNode",props:{formConfigItem:{type:Object,required:!0},textFormatter:{type:Function,required:!0}},setup(e){const y=e,x=o(s);function _(){x.value=y.formConfigItem}const k=r((()=>[{"is-active":x.value===y.formConfigItem},"form-config__renderer--complexHeader"]));return(o,r)=>(t(),m("section",{class:"form-config__renderer--complex form-config__renderer","data-type":e.formConfigItem.type,"data-key":e.formConfigItem.key,"data-required":!!e.formConfigItem.required,"data-extra":!!e.formConfigItem.__extra},[a("header",f(i(u)(e.formConfigItem),{class:i(k),onClick:n(_,["stop"])}),[d(l(y.formConfigItem.name)+" ",1),p(g,{"form-config-item":e.formConfigItem},null,8,["form-config-item"])],16,I),p(c,f(o.$props,{modelValue:e.formConfigItem.children,"onUpdate:modelValue":r[0]||(r[0]=o=>e.formConfigItem.children=o),class:"form-config__renderer--complex--grid","data-type":e.formConfigItem.type,"data-key":e.formConfigItem.key,"data-required":!!e.formConfigItem.required,"data-extra":!!e.formConfigItem.__extra}),null,16,["modelValue","data-type","data-key","data-required","data-extra"])],8,C))}});export{y as default};
+import{defineComponent as e,inject as o,computed as r,openBlock as t,createElementBlock as m,normalizeClass as a,unref as i,createElementVNode as f,mergeProps as n,withModifiers as d,createTextVNode as l,toDisplayString as s,createVNode as c}from"vue";import g from"../FormConfigDragDisplay.vue.js";import p from"./CloseButton.vue.js";import{InjectionActiveFieldItem as u}from"../../constants/index.js";import{bindHover as C}from"../../utils/index.js";const I=["data-type","data-key","data-required","data-extra"],x=["onClick"];var y=e({__name:"ComplexNode",props:{formConfigItem:{type:Object,required:!0},textFormatter:{type:Function,required:!0}},setup(e){const y=e,_=o(u);function v(){_.value=y.formConfigItem}const k=r((()=>[{"is-active--text":_.value===y.formConfigItem},"form-config__renderer--complexHeader"])),q=r((()=>["form-config__renderer--complex form-config__renderer",{"is-active--shadow":_.value===y.formConfigItem}]));return(o,r)=>(t(),m("section",{class:a(i(q)),"data-type":e.formConfigItem.type,"data-key":e.formConfigItem.key,"data-required":!!e.formConfigItem.required,"data-extra":!!e.formConfigItem.__extra},[f("header",n(i(C)(e.formConfigItem),{class:i(k),onClick:d(v,["stop"])}),[l(s(y.formConfigItem.name)+" ",1),c(p,{"form-config-item":e.formConfigItem},null,8,["form-config-item"])],16,x),c(g,n(o.$props,{modelValue:e.formConfigItem.children,"onUpdate:modelValue":r[0]||(r[0]=o=>e.formConfigItem.children=o),class:"form-config__renderer--complex--grid","data-type":e.formConfigItem.type,"data-key":e.formConfigItem.key,"data-required":!!e.formConfigItem.required,"data-extra":!!e.formConfigItem.__extra}),null,16,["modelValue","data-type","data-key","data-required","data-extra"])],10,I))}});export{y as default};

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

@@ -3,6 +3,7 @@ import { InjectionKey, Ref } from 'vue';
 import { FormConfigItem } from '../../../../components/form-config';
 export declare const WidgetTextMap: Map<string, string>;
 export declare enum EditAbleField {
+    KEY = "key",
     NAME = "name",
     NOTES = "notes",
     DEFAULT_VALUE = "defaultValue",

package/es/components/form-config/src/constants/index.js

@@ -1 +1 @@
-import{range as e}from"lodash-es";const l=new Map([["LINE_BAR","分线栏"],["NEWLINE","分行符"]]);var a=(e=>(e.NAME="name",e.NOTES="notes",e.DEFAULT_VALUE="defaultValue",e.LAYOUT_WIDTH_ENUM="layoutWidthEnum",e.DESC="desc",e.DEFAULT_EXPAND="defaultExpand",e.FOLD="fold",e.REQUIRED="required",e.EDITABLE="editable",e.SHOW="show",e.ROWS="initialHigh",e))(a||{});function i(){return{option:[{text:"整行",value:"ALL_LINE"},{text:"半行",value:"HALF_LINE"},{text:"5/6",value:"FIVE_SIX"},{text:"2/3",value:"TWO_THREE"},{text:"1/3",value:"ONE_THREE"},{text:"3/4",value:"THREE_FOUR"},{text:"1/4",value:"ONE_FOUR"},{text:"1/6",value:"ONE_SIX"},{text:"1/8",value:"ONE_EIGHT"}]}}function t(){return{option:e(1,11).map((e=>({text:`${e}行`,value:e})))}}function u(){return{open:{describe:"默认展开",value:!0},close:{describe:"默认收起",value:!1}}}function d(){return{open:{describe:"可折叠",value:!0},close:{describe:"不可折叠",value:!1}}}function n(){return{open:{describe:"可编辑",value:!0},close:{describe:"不可编辑",value:!1}}}function o(){return{open:{describe:"必填",value:!0},close:{describe:"不必填",value:!1}}}function E(){return{open:{describe:"显示",value:!0},close:{describe:"隐藏",value:!1}}}const r={EQ:"NEQ",NEQ:"EQ",CL:"NC",NC:"CL",NULL:"NOT_NULL",NOT_NULL:"NULL",BIG:"LESSEQ",BIGEQ:"LESS",LESS:"BIGEQ",LESSEQ:"BIG"},b=[{value:"EQ",label:"等于"},{value:"NEQ",label:"不等于"},{value:"CL",label:"包含"},{value:"NC",label:"不包含"},{value:"NULL",label:"为空"},{value:"NOT_NULL",label:"不为空"},{value:"BIG",label:"大于"},{value:"BIGEQ",label:"大于等于"},{value:"LESS",label:"小于"},{value:"LESSEQ",label:"小于等于"}],v={showField:"hideField",hideField:"showField",requiredField:"notRequiredField",notRequiredField:"requiredField",enabledField:"disabledField",disabledField:"enabledField"},L=[{value:"showField",label:"显示字段"},{value:"hideField",label:"隐藏字段"},{value:"requiredField",label:"必填字段"},{value:"notRequiredField",label:"非必填字段"},{value:"enabledField",label:"启用字段"},{value:"disabledField",label:"禁用字段"}],c="__display",s=Symbol("InjectionFieldList"),F=Symbol("InjectionMaterialList"),N=Symbol("InjectionLowCodeReactions"),I=Symbol("InjectionActiveFieldItem"),S=Symbol("InjectionFormConfigEmit"),_=Symbol("InjectionFormConfigProps");export{a as EditAbleField,c as FORM_CONFIG_GROUP,I as InjectionActiveFieldItem,s as InjectionFieldList,S as InjectionFormConfigEmit,_ as InjectionFormConfigProps,N as InjectionLowCodeReactions,F as InjectionMaterialList,l as WidgetTextMap,r as conditionOppositeMap,b as conditionTypeOptions,v as connectionTypeOppositeMap,L as connectionTypeOptions,n as isEditOptionConfig,d as isNotFoldOptionConfig,o as isNullOptionConfig,u as isShowOptionConfig,E as isVisibleOptionConfig,t as rowsOptionConfig,i as widgetWidthOptionConfig};
+import{range as e}from"lodash-es";const l=new Map([["LINE_BAR","分线栏"],["NEWLINE","分行符"]]);var a=(e=>(e.KEY="key",e.NAME="name",e.NOTES="notes",e.DEFAULT_VALUE="defaultValue",e.LAYOUT_WIDTH_ENUM="layoutWidthEnum",e.DESC="desc",e.DEFAULT_EXPAND="defaultExpand",e.FOLD="fold",e.REQUIRED="required",e.EDITABLE="editable",e.SHOW="show",e.ROWS="initialHigh",e))(a||{});function i(){return{option:[{text:"整行",value:"ALL_LINE"},{text:"半行",value:"HALF_LINE"},{text:"5/6",value:"FIVE_SIX"},{text:"2/3",value:"TWO_THREE"},{text:"1/3",value:"ONE_THREE"},{text:"3/4",value:"THREE_FOUR"},{text:"1/4",value:"ONE_FOUR"},{text:"1/6",value:"ONE_SIX"},{text:"1/8",value:"ONE_EIGHT"}]}}function t(){return{option:e(1,11).map((e=>({text:`${e}行`,value:e})))}}function u(){return{open:{describe:"默认展开",value:!0},close:{describe:"默认收起",value:!1}}}function d(){return{open:{describe:"可折叠",value:!0},close:{describe:"不可折叠",value:!1}}}function n(){return{open:{describe:"可编辑",value:!0},close:{describe:"不可编辑",value:!1}}}function o(){return{open:{describe:"必填",value:!0},close:{describe:"不必填",value:!1}}}function E(){return{open:{describe:"显示",value:!0},close:{describe:"隐藏",value:!1}}}const r={EQ:"NEQ",NEQ:"EQ",CL:"NC",NC:"CL",NULL:"NOT_NULL",NOT_NULL:"NULL",BIG:"LESSEQ",BIGEQ:"LESS",LESS:"BIGEQ",LESSEQ:"BIG"},b=[{value:"EQ",label:"等于"},{value:"NEQ",label:"不等于"},{value:"CL",label:"包含"},{value:"NC",label:"不包含"},{value:"NULL",label:"为空"},{value:"NOT_NULL",label:"不为空"},{value:"BIG",label:"大于"},{value:"BIGEQ",label:"大于等于"},{value:"LESS",label:"小于"},{value:"LESSEQ",label:"小于等于"}],v={showField:"hideField",hideField:"showField",requiredField:"notRequiredField",notRequiredField:"requiredField",enabledField:"disabledField",disabledField:"enabledField"},L=[{value:"showField",label:"显示字段"},{value:"hideField",label:"隐藏字段"},{value:"requiredField",label:"必填字段"},{value:"notRequiredField",label:"非必填字段"},{value:"enabledField",label:"启用字段"},{value:"disabledField",label:"禁用字段"}],c="__display",s=Symbol("InjectionFieldList"),F=Symbol("InjectionMaterialList"),N=Symbol("InjectionLowCodeReactions"),I=Symbol("InjectionActiveFieldItem"),S=Symbol("InjectionFormConfigEmit"),_=Symbol("InjectionFormConfigProps");export{a as EditAbleField,c as FORM_CONFIG_GROUP,I as InjectionActiveFieldItem,s as InjectionFieldList,S as InjectionFormConfigEmit,_ as InjectionFormConfigProps,N as InjectionLowCodeReactions,F as InjectionMaterialList,l as WidgetTextMap,r as conditionOppositeMap,b as conditionTypeOptions,v as connectionTypeOppositeMap,L as connectionTypeOptions,n as isEditOptionConfig,d as isNotFoldOptionConfig,o as isNullOptionConfig,u as isShowOptionConfig,E as isVisibleOptionConfig,t as rowsOptionConfig,i as widgetWidthOptionConfig};

package/es/components/form-config/src/hooks/useConfigurationField.js

@@ -1 +1 @@
-import{omit as e,pick as t}from"lodash-es";import{EditAbleField as l,widgetWidthOptionConfig as i,isShowOptionConfig as a,isNotFoldOptionConfig as _,isEditOptionConfig as o,isNullOptionConfig as s,isVisibleOptionConfig as m,rowsOptionConfig as n}from"../constants/index.js";import"../../../form-render/index.js";import{useFieldNormalize as r}from"../../../form-render/src/hooks/useFieldNormalize.js";const{FieldNormalizeWaterfallHook:d}=r();function E(){const r=new Map([[l.NAME,()=>({alias:"名称",elem_width:6,is_null:"0",html_type:"INPUT"})],[l.NOTES,()=>({alias:"问号提示",elem_width:6,html_type:"INPUT",is_empty:"0"})],[l.DEFAULT_VALUE,(l,i)=>{const a=d.call(Object.assign({},null==l?void 0:l.originalSetting,i),{});return{alias:"默认值",elem_width:6,html_type:"INPUT",is_empty:"0",componentProps:e(a.componentProps,["class","style","disabled"]),...t(a,["html_type","validate","option","multi_select","multi_select_value","wordbook","open","close","date_format","step_length","urlConfig","autograph","defined_error_msg","free_entry","validator","allowSlash","is_allow_check_mid","allow_check_mid_level"])}}],[l.LAYOUT_WIDTH_ENUM,()=>({alias:"宽度",fieldType:"number",html_type:"SELECT",elem_width:6,...i()})],[l.DESC,()=>({alias:"说明文本",elem_width:6,html_type:"INPUT",is_empty:"0",validate:{max_length:30}})],[l.DEFAULT_EXPAND,()=>({alias:"是否默认展开",html_type:"SWITCH",elem_width:6,...a()})],[l.FOLD,()=>({alias:"是否可折叠",html_type:"SWITCH",elem_width:6,..._()})],[l.EDITABLE,e=>({alias:"是否可编辑",html_type:"SWITCH",elem_width:6,is_edit:(null==e?void 0:e.editableDisabled)?"0":"1",...o()})],[l.REQUIRED,e=>({alias:"是否必填",html_type:"SWITCH",elem_width:6,is_edit:(null==e?void 0:e.requiredDisabled)?"0":"1",...s()})],[l.SHOW,e=>({alias:"是否显示",html_type:"SWITCH",elem_width:6,is_show:(null==e?void 0:e.__isCombinationChild)?"1":"0",...m()})],[l.ROWS,()=>({alias:"高度",elem_width:6,remark:"默认为3行高度，可调整为1-10行高度",default_val:3,is_empty:"0",html_type:"SELECT",...n()})]]);function E(e,t,l){return e.map((e=>{var i,a;return{...null!=(a=null==(i=r.get(e))?void 0:i(t,l))?a:{},val_key:e}}))}const p=new Map([["LINE_BAR",[l.NAME,l.LAYOUT_WIDTH_ENUM,l.NOTES,l.DEFAULT_EXPAND,l.FOLD]],...["NEWLINE","COMPLEX","COMBINATION"].map((e=>[e,[l.NAME,l.LAYOUT_WIDTH_ENUM]]))]),h=[l.NAME,l.DEFAULT_VALUE,l.LAYOUT_WIDTH_ENUM,l.DESC,l.NOTES,l.EDITABLE,l.REQUIRED,l.SHOW];return{generateFieldListByKeys:E,generateFieldListByFormConfigItem:function(e,t){var i;const a=p.get(e.type)||h;return"TEXTAREA"===(t?t.html_type:null==(i=e.originalSetting)?void 0:i.html_type)&&a.splice(3,0,l.ROWS),E(a,e,t)}}}export{E as useConfigurationField};
+import{omit as e,pick as t}from"lodash-es";import{EditAbleField as l,widgetWidthOptionConfig as i,isShowOptionConfig as a,isNotFoldOptionConfig as _,isEditOptionConfig as o,isNullOptionConfig as m,isVisibleOptionConfig as s,rowsOptionConfig as n}from"../constants/index.js";import"../../../form-render/index.js";import{useFieldNormalize as r}from"../../../form-render/src/hooks/useFieldNormalize.js";const{FieldNormalizeWaterfallHook:d}=r();function E(){const r=new Map([[l.KEY,e=>({alias:"字段",elem_width:6,html_type:"TEXT",content:null==e?void 0:e.key,decoratorProps:{labelPlacement:"left"}})],[l.NAME,()=>({alias:"名称",elem_width:6,is_null:"0",html_type:"INPUT"})],[l.NOTES,()=>({alias:"问号提示",elem_width:6,html_type:"INPUT",is_empty:"0"})],[l.DEFAULT_VALUE,(l,i)=>{const a=d.call(Object.assign({},null==l?void 0:l.originalSetting,i),{});return{alias:"默认值",elem_width:6,html_type:"INPUT",is_empty:"0",componentProps:e(a.componentProps,["class","style","disabled"]),...t(a,["html_type","validate","option","multi_select","multi_select_value","wordbook","open","close","date_format","step_length","urlConfig","autograph","defined_error_msg","free_entry","validator","allowSlash","is_allow_check_mid","allow_check_mid_level"])}}],[l.LAYOUT_WIDTH_ENUM,()=>({alias:"宽度",fieldType:"number",html_type:"SELECT",elem_width:6,...i()})],[l.DESC,()=>({alias:"说明文本",elem_width:6,html_type:"INPUT",is_empty:"0",validate:{max_length:30}})],[l.DEFAULT_EXPAND,()=>({alias:"是否默认展开",html_type:"SWITCH",elem_width:6,...a()})],[l.FOLD,()=>({alias:"是否可折叠",html_type:"SWITCH",elem_width:6,..._()})],[l.EDITABLE,e=>({alias:"是否可编辑",html_type:"SWITCH",elem_width:6,is_edit:(null==e?void 0:e.editableDisabled)?"0":"1",...o()})],[l.REQUIRED,e=>({alias:"是否必填",html_type:"SWITCH",elem_width:6,is_edit:(null==e?void 0:e.requiredDisabled)?"0":"1",...m()})],[l.SHOW,e=>({alias:"是否显示",html_type:"SWITCH",elem_width:6,is_show:(null==e?void 0:e.__isCombinationChild)?"1":"0",...s()})],[l.ROWS,()=>({alias:"高度",elem_width:6,remark:"默认为3行高度，可调整为1-10行高度",default_val:3,is_empty:"0",html_type:"SELECT",...n()})]]);function E(e,t,l){return e.map((e=>{var i,a;return{...null!=(a=null==(i=r.get(e))?void 0:i(t,l))?a:{},val_key:e}}))}const p=new Map([["LINE_BAR",[l.KEY,l.NAME,l.LAYOUT_WIDTH_ENUM,l.NOTES,l.DEFAULT_EXPAND,l.FOLD]],["NEWLINE",[l.KEY,l.NAME]],...["COMPLEX","COMBINATION"].map((e=>[e,[l.KEY,l.NAME,l.LAYOUT_WIDTH_ENUM]]))]),h=[l.KEY,l.NAME,l.DEFAULT_VALUE,l.LAYOUT_WIDTH_ENUM,l.DESC,l.NOTES,l.EDITABLE,l.REQUIRED,l.SHOW];return{generateFieldListByKeys:E,generateFieldListByFormConfigItem:function(e,t){var i;const a=p.get(e.type)||h;return"TEXTAREA"===(t?t.html_type:null==(i=e.originalSetting)?void 0:i.html_type)&&a.splice(3,0,l.ROWS),E(a,e,t)}}}export{E as useConfigurationField};

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

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

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

@@ -181,6 +181,14 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         selectedFields: {
             type: import("vue").PropType<string[]>;
         };
+        linebarDirection: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        linebarWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
@@ -355,6 +363,14 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             selectedFields: {
                 type: import("vue").PropType<string[]>;
             };
+            linebarDirection: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            linebarWidth: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -524,6 +540,8 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             wordSplitFilter: boolean;
             selectMode: boolean;
             selectedFields: string[];
+            linebarWidth: string | number;
+            linebarDirection: "horizontal" | "vertical";
         }>) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -874,6 +892,14 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         selectedFields: {
             type: import("vue").PropType<string[]>;
         };
+        linebarDirection: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        linebarWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
@@ -897,6 +923,8 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         forceClearable: boolean;
         wordSplitFilter: boolean;
         selectMode: boolean;
+        linebarWidth: string | number;
+        linebarDirection: "horizontal" | "vertical";
         operationalFormInit: boolean;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;