cnhis-design-vue 3.1.41-release.5 → 3.1.41

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

@@ -1 +1 @@
-import{defineComponent as o,ref as e,provide as t,toRaw as r,openBlock as i,createElementBlock as a,normalizeStyle as n,unref as s,createElementVNode as m,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 x from"./components/FormConfigMaterialItem.js";import{useDataNormalize as j}from"./hooks/useDataNormalize.js";import{InjectionFieldList as y,InjectionMaterialList as F,InjectionActiveFieldItem as V,FORM_CONFIG_GROUP as D}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 H}from"./hooks/useSortalbeConfig.js";const b=["id"],E={class:"form-config__material"},L=m("header",{class:"form-config__materialHeader"},"物料区",-1),S={class:"form-config__displayWrapper"},I={class:"form-config__displayHeader"},N={class:"form-config__config"},R=m("header",{class:"form-config__configHeader"},"配置区",-1),U={class:"form-config__configContent"};var w=k(o({__name:"FormConfig",props:{maxHeight:{type:String},textFormatter:{type:Function}},setup(o,{expose:k}){const w=o,z=p(),{getCommonConfig:A}=H(),B=e([]);t(y,B);const M=e([]);function T(o){B.value.some((e=>e.key===o.key))||B.value.push(o)}t(F,M);const W=(o,e)=>g(w.textFormatter)?w.textFormatter(o,e):e,q=e();t(V,q);const G=e(),{transform:J,inverseTransform:K}=j();return k({loadData({fieldList:o}){let e=[],t=[];o.forEach((o=>function(o){"LINE_BAR"===o.type&&(o.children=[]);!1===o.show?t.push(o):e.push(o)}(d(r(o))))),B.value=J(e),M.value=t},validate(){var o;return null==(o=G.value)?void 0:o.validate()},getData:()=>({fieldList:K(d(r(B.value))),materialList:K(d(r(M.value)))})}),(e,t)=>(i(),a("section",{class:"form-config",style:n({"--max-height":o.maxHeight}),id:s(z)},[m("section",E,[L,l(s(v),f(s(A)(),{class:"form-config__materialContent",modelValue:M.value,"onUpdate:modelValue":t[0]||(t[0]=o=>M.value=o)}),{item:u((({element:o})=>[l(s(x),{"field-item":o},null,8,["field-item"])])),_:1},16,["modelValue"])]),m("section",S,[m("header",I,[c(" 布局区 "),l(_,{onSubmit:T})]),l(h,{class:"form-config__displayContent",group:s(D),"text-formatter":W,modelValue:B.value,"onUpdate:modelValue":t[1]||(t[1]=o=>B.value=o)},null,8,["group","modelValue"])]),m("section",N,[R,m("section",U,[l(C,{ref_key:"formConfigEditRef",ref:G,uuid:s(z)},null,8,["uuid"])])])],12,b))}}),[["__file","FormConfig.vue"]]);export{w 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

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         formRenderRef: import("vue").Ref<FormRenderExpose | undefined>;
         key: import("vue").Ref<number>;
         reload: () => Promise<void>;
-        formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
+        formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFields", "queryWidget", "getFieldList"];
         exposed: Partial<FormRenderExpose>;
         FormRender: import("vue").DefineComponent<{
             fieldList: {

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

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

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { FormConfigItem, FormConfigTextFormatter } from '../../../../../es/components/form-config';
 declare const _default: import("vue").DefineComponent<{
-    fieldItem: {
+    formConfigItem: {
         type: PropType<FormConfigItem>;
     };
     textFormatter: {
@@ -9,10 +9,10 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }, {
-    getItemColumnStyle: (fieldItem?: FormConfigItem) => {
+    getItemColumnStyle: (formConfigItem?: FormConfigItem) => {
         '--item-column': number;
     };
-    getRenderer: (fieldItem: FormConfigItem) => import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>;
+    getRenderer: (formConfigItem: FormConfigItem) => import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>;
     getCommonConfig: (formConfig?: FormConfigItem | undefined) => {
         move: ({ to, from, dragged }: import("sortablejs").MoveEvent) => false | undefined;
         onChoose: ({ target, item }: import("sortablejs").SortableEvent) => void;
@@ -97,7 +97,7 @@ declare const _default: import("vue").DefineComponent<{
         componentData: Record<string, any>;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    fieldItem: {
+    formConfigItem: {
         type: PropType<FormConfigItem>;
     };
     textFormatter: {

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

@@ -1 +1 @@
-import{defineComponent as e,openBlock as t,createBlock as r,unref as o,mergeProps as i,withCtx as m,createElementVNode as a,normalizeStyle as s,resolveDynamicComponent as l}from"vue";import n from"../../../../shared/components/VueDraggable/src/vuedraggable.js";import{usePresetRenderer as u}from"../hooks/usePresetRenderer.js";import{useSortableConfig as d}from"../hooks/useSortalbeConfig.js";import"lodash-es";import{layoutWidthEnum2Column as p}from"../utils/index.js";import f from"../../../../_virtual/plugin-vue_export-helper.js";const g=["data-type","data-required"];var y=f(e({__name:"FormConfigDragDisplay",props:{fieldItem:{type:Object},textFormatter:{type:Function,required:!0}},setup(e){function f(e){return{"--item-column":e?p(e.layoutWidthEnum):24}}const{getRenderer:y}=u(),{getCommonConfig:c}=d();return(u,d)=>(t(),r(o(n),i(o(c)(e.fieldItem),{style:f(e.fieldItem)}),{item:m((({element:i})=>[a("div",{class:"form-config__displayContentItem","data-type":i.type,"data-required":i.required,style:s(f(i))},[(t(),r(l(o(y)(i)),{"field-item":i,textFormatter:e.textFormatter},null,8,["field-item","textFormatter"]))],12,g)])),_:1},16,["style"]))}}),[["__file","FormConfigDragDisplay.vue"]]);export{y as default};
+import{defineComponent as e,openBlock as t,createBlock as r,unref as o,mergeProps as i,withCtx as m,createElementVNode as n,normalizeStyle as a,resolveDynamicComponent as s}from"vue";import f from"../../../../shared/components/VueDraggable/src/vuedraggable.js";import{usePresetRenderer as u}from"../hooks/usePresetRenderer.js";import{useSortableConfig as p}from"../hooks/useSortalbeConfig.js";import"../hooks/useConfigurationField.js";import{layoutWidthEnum2Column as l}from"../utils/index.js";import g from"../../../../_virtual/plugin-vue_export-helper.js";const d=["data-type","data-required"];var c=g(e({__name:"FormConfigDragDisplay",props:{formConfigItem:{type:Object},textFormatter:{type:Function,required:!0}},setup(e){function g(e){return{"--item-column":e?l(e.layoutWidthEnum):24}}const{getRenderer:c}=u(),{getCommonConfig:y}=p();return(u,p)=>(t(),r(o(f),i(o(y)(e.formConfigItem),{style:g(e.formConfigItem)}),{item:m((({element:i})=>[n("div",{class:"form-config__displayContentItem","data-type":i.type,"data-required":i.required,style:a(g(i))},[(t(),r(s(o(c)(i)),{"form-config-item":i,textFormatter:e.textFormatter},null,8,["form-config-item","textFormatter"]))],12,d)])),_:1},16,["style"]))}}),[["__file","FormConfigDragDisplay.vue"]]);export{c as default};