cnhis-design-vue 3.1.42-release.3 → 3.1.42-release.4

package/es/components/field-set/src/FieldSet.vue.d.ts

@@ -1,15 +1,6 @@
-import { PropType } from 'vue';
+import { PropType, CSSProperties } from 'vue';
 import { FieldSetItem } from '../../../../es/components/field-set/src/types';
-declare type Istate = {
-    spinning: boolean;
-    isCustomSearch: boolean;
-    clickItem: {
-        [key: string]: any;
-    };
-    fields: FieldSetItem[];
-    widthShow: string;
-    widthLarge: string;
-};
+import { AnyObject } from '../../../../es/shared/types';
 declare const _default: import("vue").DefineComponent<{
     fields: {
         type: PropType<Partial<{
@@ -46,13 +37,14 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     fieldsMapping: Record<string, string>;
-    selectOptions: Record<string, string>[];
+    fixedWayOptions: {
+        label: string;
+        value: string;
+    }[];
     sortOptions: {
         label: string;
         value: string;
     }[];
-    emit: (event: "onSave" | "onClose" | "reset", ...args: any[]) => void;
-    settingView: any;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fields: {
             type: PropType<Partial<{
@@ -89,33 +81,36 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {
         onReset?: ((...args: any[]) => any) | undefined;
-        onOnSave?: ((...args: any[]) => any) | undefined;
-        onOnClose?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+        onSave?: ((...args: any[]) => any) | undefined;
     }>>;
-    initFields: () => any[];
-    state: Istate;
-    leftStyle: (ele: FieldSetItem) => {
-        background: string | undefined;
-    };
-    showCheckBox: (key: string) => boolean;
-    hideTab: () => void;
-    getTableFields: () => any[];
+    emit: (event: "close" | "save" | "reset", ...args: any[]) => void;
+    newFields: import("vue").Ref<AnyObject[]>;
+    columns: import("vue").Ref<AnyObject[]>;
     handleFieldSave: () => void;
     onCancle: () => void;
     reset: () => void;
-    calculateCheck: (key: string) => boolean;
-    handleAllCheck: (e: boolean, key: string) => void;
-    handleFieldClick: (item: FieldSetItem) => void;
+    setOptions: (column: AnyObject) => {
+        label: string;
+        value: string;
+    }[];
+    setStyle: (column: AnyObject) => CSSProperties;
+    isShowColumn: (column: AnyObject) => boolean;
+    initFields: () => AnyObject[];
+    getTableFields: () => AnyObject[];
+    handleAllCheck: (checked: boolean, field: string) => void;
+    handleCheck: (checked: boolean, column: AnyObject) => void;
     isDisable: (item: FieldSetItem, key: string) => any;
-    setWidth: () => void;
+    initColumns: () => void;
+    isNoAllCheck: (field: string) => boolean;
     NButton: any;
     NCheckbox: any;
     NSelect: any;
     NInput: any;
     NInputNumber: any;
-    NSpin: any;
     NTooltip: any;
     NPopconfirm: any;
+    NIcon: any;
     Draggable: import("vue").DefineComponent<{
         list: {
             type: ArrayConstructor;
@@ -189,7 +184,8 @@ declare const _default: import("vue").DefineComponent<{
         modelValue: unknown[];
         componentData: Record<string, any>;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSave" | "onClose" | "reset")[], "onSave" | "onClose" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    ReorderTwoOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "save" | "reset")[], "close" | "save" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fields: {
         type: PropType<Partial<{
             [key: string]: any;
@@ -225,8 +221,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onReset?: ((...args: any[]) => any) | undefined;
-    onOnSave?: ((...args: any[]) => any) | undefined;
-    onOnClose?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onSave?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
     fields: Partial<{

package/es/components/field-set/src/FieldSet.vue.js

@@ -1 +1 @@
-import{defineComponent as e,ref as l,reactive as t,watch as i,onMounted as s,openBlock as d,createElementBlock as a,normalizeStyle as o,createVNode as n,unref as c,withCtx as h,createElementVNode as r,normalizeClass as u,createCommentVNode as p,createBlock as f,createTextVNode as w,toDisplayString as v,withDirectives as k,vShow as y,renderSlot as b}from"vue";import{NSpin as g,NCheckbox as m,NTooltip as U,NSelect as S,NInput as x,NInputNumber as E,NPopconfirm as _,NButton as W}from"naive-ui";import C from"../../../shared/components/VueDraggable/src/vuedraggable.js";import O from"../../../_virtual/plugin-vue_export-helper.js";const F={class:"fields-set-content"},q={class:"fields-table"},D=r("span",{class:"width-show",style:{width:"4%"}},null,-1),N=r("span",{class:"width-large"},"所有字段",-1),P={class:"width-show"},j={key:0,class:"width-show"},R={key:1,class:"width-show"},I={class:"width-show"},L={class:"width-show"},T=r("span",{class:"width-showed"},"默认排序",-1),z=r("span",{class:"width-showed"},"固定",-1),A=r("span",{class:"width-word"},"自定义标题",-1),B=r("span",{class:"width-showed"},"列宽",-1),G=["onClick"],H={class:"width-show drag-icon-wrap"},J=r("span",{class:"iconfont icon-a-menzhenyishengzhanxitongtubiaotuozhuai",style:{color:"#000"}},null,-1),V=r("span",null,"拖拽调整顺序",-1),$=r("span",{style:{width:"14px","margin-right":"6px"}},null,-1),K={class:"width-show"},M={key:0,class:"width-show"},Q={key:1,class:"width-show"},X={class:"width-show"},Y={class:"width-show"},Z={class:"width-showed"},ee={class:"width-showed"},le={class:"width-word"},te={class:"width-showed"},ie={key:0,class:"check-options"},se={class:"btn-operate"};var de=O(e({__name:"FieldSet",props:{fields:{type:Array,default:function(){return[]}},footerFlag:{type:Boolean,default:!0},type:{type:String,default:"old"},isEdit:{type:Boolean,default:!1}},emits:["onSave","onClose","reset"],setup(e,{expose:O,emit:de}){const ae=e,oe={sid:"id",columnName:"name",isShow:"show",isSort:"sort",isFixed:"fixedWay",colWidth:"columnWidth"},ne=[{label:"不固定",value:"NONE"},{label:"左固定",value:"LEFT"},{label:"右固定",value:"RIGHT"}],ce=[{label:"不排序",value:"NONE"},{label:"升序",value:"ASC"},{label:"降序",value:"DESC"}],he=l(null);function re(){const e=ae.fields?JSON.parse(JSON.stringify(ae.fields)):[];return Object.keys(oe).forEach((l=>{e.forEach((e=>{"old"==ae.type&&Reflect.has(e,l)&&("isFixed"==l?e.fixedWay=1==e[l]?"LEFT":2==e[l]?"RIGHT":"NONE":["isShow","isSort"].includes(l)&&"boolean"!=typeof l?e[oe[l]]=1==e[l]:e[oe[l]]=e[l],Reflect.deleteProperty(e,l)),e.columnWidth=+e.columnWidth||null,Reflect.has(e,"alias")||(e.alias=""),Reflect.has(e,"bold")||(e.bold=!1)}))})),e}const ue=t({spinning:!1,isCustomSearch:!0,clickItem:{},fields:[],widthShow:"9%",widthLarge:"19%"}),pe=e=>ue.fields.some((l=>Object.prototype.hasOwnProperty.call(l,e))),fe=()=>{if("old"==ae.type){let e=[];return ue.fields.length>0&&ue.fields.forEach(((l,t)=>{e.push({id:l.id,field:l.name,visible:l.show,sequence:t,sortable:l.sort,title:l.alias,fixed:l.fixedWay,minWidth:l.columnWidth,bold:l.bold,sortDirection:l.sortDirection,...ae.isEdit?{required:l.required,editable:l.editable}:{}})})),e}return ue.fields},we=()=>{de("onSave",{tableFields:fe()})},ve=()=>{de("onClose")};function ke(){ue.fields=re(),de("reset")}const ye=e=>!!ue.fields.length&&ue.fields.every((l=>!(Object.prototype.hasOwnProperty.call(l,e)&&!ge(l,e))||l[e])),be=(e,l)=>{const t=e,i=ue.fields.map((e=>(Object.prototype.hasOwnProperty.call(e,l)&&!ge(e,l)&&(e[l]=t),e)));ue.fields=i};function ge(e,l){return["editable","required"].includes(l)&&e[`${l}Disable`]||["sort"].includes(l)&&1==e.notParticipatingSort}return i((()=>ae.fields),(e=>{(null==e?void 0:e.length)>0&&(ue.fields=re())}),{immediate:!0,deep:!0}),s((()=>{var e;null==(e=he.value)||e.style.setProperty("margin","auto"),ae.isEdit&&(ue.widthShow="8%",ue.widthLarge="13%")})),O({getTableFields:fe}),(l,t)=>(d(),a("div",{ref_key:"settingView",ref:he,class:"c-field-set",style:o({"--width-show":ue.widthShow,"--width-large":ue.widthLarge})},[n(c(g),{show:ue.spinning,tip:"...",style:{width:"100%",height:"100%"}},{default:h((()=>[r("div",F,[r("div",q,[r("div",{class:u(["setting-title",{"seting-title-api":!ue.isCustomSearch}])},[D,p(" 字段名称 "),N,p(" 显示 "),r("span",P,[pe("show")?(d(),f(c(m),{key:0,checked:ye("show"),"onUpdate:checked":t[0]||(t[0]=e=>be(e,"show"))},null,8,["checked"])):p("v-if",!0),w(" 显示 ")]),p(" 可编辑 "),e.isEdit?(d(),a("span",j,[pe("editable")?(d(),f(c(m),{key:0,checked:ye("editable"),"onUpdate:checked":t[1]||(t[1]=e=>be(e,"editable"))},null,8,["checked"])):p("v-if",!0),w(" 编辑 ")])):p("v-if",!0),p(" 是否必填 "),e.isEdit?(d(),a("span",R,[pe("required")?(d(),f(c(m),{key:0,checked:ye("required"),"onUpdate:checked":t[2]||(t[2]=e=>be(e,"required"))},null,8,["checked"])):p("v-if",!0),w(" 必填 ")])):p("v-if",!0),p(" 排序 "),r("span",I,[pe("sort")?(d(),f(c(m),{key:0,checked:ye("sort"),"onUpdate:checked":t[3]||(t[3]=e=>be(e,"sort"))},null,8,["checked"])):p("v-if",!0),w(" 排序 ")]),r("span",L,[n(c(m),{checked:ye("bold"),"onUpdate:checked":t[4]||(t[4]=e=>be(e,"bold"))},null,8,["checked"]),w(" 加粗 ")]),p(" 默认排序 "),T,p(" 固定 "),z,p(" 自定义标题 "),A,p(" 列宽 "),B],2),r("div",{ref:"setShow",class:u(["set-show",{"set-show-api":!ue.isCustomSearch}])},[n(c(C),{list:ue.fields,animation:"150","item-key":"id",tag:"ul"},{item:h((({element:l})=>{return[l.hide?p("v-if",!0):(d(),a("li",{key:0,class:"left-style",style:o((t=l,{background:ue.clickItem.id===t.id?"#f2f2f2":void 0})),onClick:e=>{return t=l,void(ue.clickItem=t);var t}},[r("span",H,[n(c(U),{trigger:"hover"},{trigger:h((()=>[J])),default:h((()=>[V])),_:1})]),p(" 字段名称 "),r("span",{class:u(["width-large title-item",{blue:l.extraField}])},[$,r("span",null,v(l.title),1)],2),p(" 显示 "),r("span",K,[k(n(c(m),{checked:l.show,"onUpdate:checked":e=>l.show=e},null,8,["checked","onUpdate:checked"]),[[y,"0001"!=l.id]])]),p(" 是否可编辑 "),e.isEdit?(d(),a("span",M,[k(n(c(m),{disabled:l.editableDisable,checked:l.editable,"onUpdate:checked":e=>l.editable=e},null,8,["disabled","checked","onUpdate:checked"]),[[y,"0001"!=l.id]])])):p("v-if",!0),p(" 是否必填 "),e.isEdit?(d(),a("span",Q,[k(n(c(m),{disabled:l.requiredDisable,checked:l.required,"onUpdate:checked":e=>l.required=e},null,8,["disabled","checked","onUpdate:checked"]),[[y,"0001"!=l.id]])])):p("v-if",!0),p(" 排序 "),r("span",X,[k(n(c(m),{checked:l.sort,"onUpdate:checked":e=>l.sort=e,disabled:1==l.notParticipatingSort},null,8,["checked","onUpdate:checked","disabled"]),[[y,"0001"!=l.id]])]),p(" 加粗 "),r("span",Y,[k(n(c(m),{checked:l.bold,"onUpdate:checked":e=>l.bold=e},null,8,["checked","onUpdate:checked"]),[[y,"0001"!=l.id]])]),p(" 默认排序 "),r("span",Z,[k(n(c(S),{value:l.sortDirection,"onUpdate:value":e=>l.sortDirection=e,options:ce,style:{width:"90%",display:"flex"}},null,8,["value","onUpdate:value"]),[[y,"0001"!=l.id]])]),p(" 固定 "),r("span",ee,[n(c(S),{value:l.fixedWay,"onUpdate:value":e=>l.fixedWay=e,options:ne,style:{width:"90%",display:"flex"}},null,8,["value","onUpdate:value"])]),p(" 自定义标题 "),r("span",le,[k(n(c(x),{value:l.alias,"onUpdate:value":e=>l.alias=e,style:{width:"90%"},clearable:""},null,8,["value","onUpdate:value"]),[[y,"0001"!=l.id]])]),p(" 列宽 "),r("span",te,[n(c(E),{value:l.columnWidth,"onUpdate:value":e=>l.columnWidth=e,clearable:""},null,8,["value","onUpdate:value"])])],12,G))];var t})),_:1},8,["list"])],2)]),ae.footerFlag?(d(),a("div",ie,[r("div",se,[b(l.$slots,"footer",{},(()=>[n(c(_),{onPositiveClick:ke},{trigger:h((()=>[n(c(W),{style:{"margin-right":"8px"}},{default:h((()=>[w("恢复默认设置")])),_:1})])),default:h((()=>[w(" 确认要恢复系统默认设置吗？ ")])),_:1}),n(c(W),{style:{"margin-right":"8px"},onClick:ve},{default:h((()=>[w("取消")])),_:1}),n(c(W),{type:"primary",onClick:we},{default:h((()=>[w("保存")])),_:1})]))])])):p("v-if",!0)])])),_:3},8,["show"])],4))}}),[["__file","FieldSet.vue"]]);export{de as default};
+import{defineComponent as e,ref as l,watch as t,openBlock as i,createElementBlock as d,createElementVNode as a,Fragment as o,renderList as c,normalizeStyle as s,createBlock as n,unref as r,withCtx as u,createTextVNode as f,toDisplayString as p,createCommentVNode as h,createVNode as v,withDirectives as b,vShow as y,renderSlot as k}from"vue";import{NCheckbox as x,NTooltip as m,NIcon as g,NSelect as _,NInput as A,NInputNumber as S,NPopconfirm as E,NButton as w}from"naive-ui";import W from"../../../shared/components/VueDraggable/src/vuedraggable.js";import{ReorderTwoOutline as N}from"@vicons/ionicons5";import F from"../../../_virtual/plugin-vue_export-helper.js";const U={class:"c-field-set"},O={class:"c-field-set__table-header"},R={class:"c-field-set__table-body"},q=["tabindex"],D=["title"],C=a("span",null,"拖拽调整顺序",-1),T={key:0,class:"c-field-set__table-footer"};var j=F(e({__name:"FieldSet",props:{fields:{type:Array,default:function(){return[]}},footerFlag:{type:Boolean,default:!0},type:{type:String,default:"old"},isEdit:{type:Boolean,default:!1}},emits:["save","close","reset"],setup(e,{expose:F,emit:j}){const P=e,B={sid:"id",columnName:"name",isShow:"show",isSort:"sort",isFixed:"fixedWay",colWidth:"columnWidth"},G=[{label:"不固定",value:"NONE"},{label:"左固定",value:"LEFT"},{label:"右固定",value:"RIGHT"}],H=[{label:"不排序",value:"NONE"},{label:"升序",value:"ASC"},{label:"降序",value:"DESC"}],I=l([]),J=l([{title:"所有字段",type:"text",field:"title"},{title:"显示",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"show"},{title:"编辑",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"editable"},{title:"必填",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"required"},{title:"排序",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"sort"},{title:"加粗",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"bold"},{title:"默认排序",type:"select",field:"sortDirection"},{title:"固定",type:"select",field:"fixedWay"},{title:"自定义标题",type:"input",field:"alias"},{title:"列宽",type:"inputNumber",field:"columnWidth"}]),L=()=>{j("save",{tableFields:Q()})},$=()=>{j("close")};function V(){I.value=M(),Y(),j("reset")}function z(e){return"fixedWay"===e.field?G:H}function K(e){const l={flex:"1 1 90px"};switch(e.type){case"text":Object.assign(l,{flex:"0 0 120px",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap"});break;case"checkbox":l.flex="1 1 60px";break;case"select":l.flex="1 1 80px";break;case"input":l.flex="1 1 100px"}return l}function M(){const e=JSON.parse(JSON.stringify(P.fields||[]));return Object.keys(B).forEach((l=>{e.forEach((e=>{"old"==P.type&&Reflect.has(e,l)&&("isFixed"==l?e.fixedWay=1==e[l]?"LEFT":2==e[l]?"RIGHT":"NONE":["isShow","isSort"].includes(l)&&"boolean"!=typeof l?e[B[l]]=1==e[l]:e[B[l]]=e[l],Reflect.deleteProperty(e,l)),e.columnWidth=+e.columnWidth||null,Reflect.has(e,"alias")||(e.alias=""),Reflect.has(e,"bold")||(e.bold=!1)}))})),e}const Q=()=>{if("old"==P.type){const e=[];return I.value.length>0&&I.value.forEach(((l,t)=>{e.push({id:l.id,field:l.name,visible:l.show,sequence:t,sortable:l.sort,title:l.alias,fixed:l.fixedWay,minWidth:l.columnWidth,bold:l.bold,sortDirection:l.sortDirection,...P.isEdit?{required:l.required,editable:l.editable}:{}})})),e}return I.value};function X(e,l){return["editable","required"].includes(l)&&e[`${l}Disable`]||["sort"].includes(l)&&1==e.notParticipatingSort}function Y(){J.value.forEach((e=>{if(function(e){const l=["editable","required"].includes(e.field);return l&&P.isEdit||!l}(e)&&(e.isShow=!0),"checkbox"===e.type){const l=I.value.every((l=>!Reflect.has(l,e.field)));e.checkedAll=!Z(e.field)&&!l}}))}function Z(e){return I.value.some((l=>!X(l,e)&&!l[e]&&"0001"!=l.id))}return t((()=>P.fields),(e=>{(null==e?void 0:e.length)>0&&(I.value=M(),Y())}),{immediate:!0,deep:!0}),F({getTableFields:Q}),(l,t)=>(i(),d("div",U,[a("div",O,[(i(!0),d(o,null,c(J.value,((e,l)=>(i(),d(o,{key:l},[e.isShow?(i(),d("span",{key:0,class:"table-cell",style:s(K(e))},["checkbox"===e.type?(i(),n(r(x),{key:0,checked:e.checkedAll,"onUpdate:checked":[l=>e.checkedAll=l,l=>{return t=l,i=e.field,void I.value.forEach((e=>{X(e,i)||(e[i]=t)}));var t,i}],disabled:e.disabledAll},{default:u((()=>[f(p(e.title),1)])),_:2},1032,["checked","onUpdate:checked","disabled"])):h("v-if",!0),f(" "+p("checkbox"!==e.type?e.title:""),1)],4)):h("v-if",!0)],64)))),128))]),a("div",R,[v(r(W),{list:I.value,animation:"150","item-key":"id",tag:"ul"},{item:u((({element:e,index:l})=>[e.hide?h("v-if",!0):(i(),d("li",{key:0,tabindex:l},[(i(!0),d(o,null,c(J.value,((l,t)=>(i(),d(o,{key:t},[l.isShow?(i(),d("span",{key:0,class:"table-cell",title:e[l.field],style:s(K(l))},["text"===l.type?(i(),d(o,{key:0},[v(r(m),{trigger:"hover"},{trigger:u((()=>[v(r(g),{style:{"margin-right":"5px",top:"2px"},component:r(N)},null,8,["component"])])),default:u((()=>[C])),_:1}),f(" "+p(e[l.field]),1)],64)):h("v-if",!0),"checkbox"===l.type?b((i(),n(r(x),{key:1,disabled:X(e,l.field),checked:e[l.field],"onUpdate:checked":[t=>e[l.field]=t,e=>function(e,l){const t=!e||Z(l.field);l.checkedAll=!t}(e,l)]},null,8,["disabled","checked","onUpdate:checked"])),[[y,"0001"!=e.id]]):h("v-if",!0),"select"===l.type?b((i(),n(r(_),{key:2,value:e[l.field],"onUpdate:value":t=>e[l.field]=t,options:z(l)},null,8,["value","onUpdate:value","options"])),[[y,"fixedWay"===l.field||"0001"!=e.id]]):h("v-if",!0),"input"===l.type?b((i(),n(r(A),{key:3,value:e[l.field],"onUpdate:value":t=>e[l.field]=t,clearable:""},null,8,["value","onUpdate:value"])),[[y,"0001"!=e.id]]):h("v-if",!0),"inputNumber"===l.type?(i(),n(r(S),{key:4,value:e[l.field],"onUpdate:value":t=>e[l.field]=t},null,8,["value","onUpdate:value"])):h("v-if",!0)],12,D)):h("v-if",!0)],64)))),128))],8,q))])),_:1},8,["list"])]),e.footerFlag?(i(),d("div",T,[h(" 底部按钮插槽 "),k(l.$slots,"footer",{},(()=>[v(r(E),{onPositiveClick:V},{trigger:u((()=>[v(r(w),{style:{"margin-right":"8px"}},{default:u((()=>[f("恢复默认设置")])),_:1})])),default:u((()=>[f(" 确认要恢复系统默认设置吗？ ")])),_:1}),v(r(w),{style:{"margin-right":"8px"},onClick:$},{default:u((()=>[f("取消")])),_:1}),v(r(w),{type:"primary",onClick:L},{default:u((()=>[f("保存")])),_:1})]))])):h("v-if",!0)]))}}),[["__file","FieldSet.vue"]]);export{j as default};

package/es/components/field-set/style/index.css

@@ -1 +1 @@
-.c-field-set{height:100%;position:relative}.c-field-set ul{margin:0;padding:0}.c-field-set .fields-set-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.c-field-set .fields-set-content .fields-table{display:flex;flex:1;flex-direction:column;overflow:auto}.c-field-set .n-spin-container{height:100%;width:100%}.c-field-set .n-spin-content{height:100%}.c-field-set .setting-title{background:#f2f2f4;border:1px solid #f2f2f2;height:52px;line-height:52px}.c-field-set .setting-title span{display:inline-block}.c-field-set .setting-title.seting-title-api .width-large{width:15%}.c-field-set .set-show{min-height:100px;overflow-y:auto}.c-field-set .set-show.set-show-api .width-large{width:15%}.c-field-set .set-show .left-style.sortable-chosen{background:#fafafa;box-shadow:0 0 10px 0 #d5d5d5}.c-field-set .set-show li{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;height:52px;line-height:52px;padding:5px 0}.c-field-set .set-show .is-sort-style{border:1px solid #d5d5d5;border-radius:4px;color:#38454f;height:32px;margin-right:5px;outline:none;text-indent:6px;width:87px}.c-field-set .set-show .is-sort-style:disabled{background:#f5f5f5;cursor:not-allowed}.c-field-set .set-show .col-width-style{width:70px}.c-field-set .set-show .title-item{align-items:center;display:inline-flex;justify-content:flex-start;text-align:left}.c-field-set .set-show .title-item>span{display:inline-block;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-field-set .alias-style{border:1px solid #d4dee5;border-radius:4px;color:#38454f;height:32px;outline:none;text-indent:16px}.c-field-set .btn-operate{border-top:1px solid #d5d5d5;padding:12px 0}.c-field-set .width-show{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--width-show)}.c-field-set .drag-icon-wrap{cursor:pointer;text-align:center;width:5%!important}.c-field-set .width-showed{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-field-set .width-showed select{width:90%!important}.c-field-set span.width-showed{width:10%}.c-field-set .width-word{display:inline-block;line-height:52px;overflow:hidden;white-space:nowrap;width:var(--width-large)}.c-field-set .width-word input{width:90%!important}.c-field-set .width-large{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--width-large)}
+.c-field-set{display:flex;flex-flow:column nowrap;height:100%;width:100%}.c-field-set ul{margin:0;padding:0}.c-field-set ul li{align-items:center;background:#fff;border-bottom:1px solid #e8e8e8;display:flex;height:52px;padding:5px 0}.c-field-set ul li:active{background:#f2f2f2;box-shadow:0 0 10px 0 #d5d5d5}.c-field-set ul li:focus{background-color:#f2f2f2}.c-field-set .table-cell{box-sizing:border-box;display:inline-block;padding:0 5px}.c-field-set__table-header{align-items:center;background:#f2f2f4;border:1px solid #f2f2f2;display:flex;height:52px}.c-field-set__table-body{flex:1;overflow-y:scroll}.c-field-set__table-footer{border-top:1px solid #d5d5d5;padding:12px 0}

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

@@ -108,8 +108,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 message?: string | undefined;
             } | undefined;
             option?: {
-                text: string;
-                value: any;
+                [x: string]: any;
                 keyword?: string | undefined;
                 disabled?: boolean | undefined;
                 children?: any[] | undefined;
@@ -1802,8 +1801,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 message?: string | undefined;
             } | undefined;
             option?: {
-                text: string;
-                value: any;
+                [x: string]: any;
                 keyword?: string | undefined;
                 disabled?: boolean | undefined;
                 children?: any[] | undefined;
@@ -3954,11 +3952,12 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         onBlur: (...args: any[]) => Promise<void>;
                         onInput: (...args: any[]) => Promise<void>;
                         reset: (options?: import("@formily/core").IFieldResetOptions | undefined) => Promise<void>;
+                        title: string;
+                        editable: boolean;
                         visible: boolean;
                         submit: <T_2>(onSubmit?: ((values: any) => void | Promise<T_2>) | undefined) => Promise<T_2>;
                         validator: import("@formily/core").FieldValidator;
                         pattern: import("@formily/core").FieldPatternTypes;
-                        title: string;
                         form: import("@formily/core").Form<any>;
                         content: any;
                         componentProps: Record<string, any>;
@@ -3966,7 +3965,6 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         display: import("@formily/core").FieldDisplayTypes;
                         description: string;
                         readOnly: boolean;
-                        editable: boolean;
                         hidden: boolean;
                         component: import("@formily/core").FieldComponent<any, any>;
                         decorator: import("@formily/core").FieldDecorator<any, any>;
@@ -4427,8 +4425,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 message?: string | undefined;
             } | undefined;
             option?: {
-                text: string;
-                value: any;
+                [x: string]: any;
                 keyword?: string | undefined;
                 disabled?: boolean | undefined;
                 children?: any[] | undefined;
@@ -6133,8 +6130,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         message?: string | undefined;
                     } | undefined;
                     option?: {
-                        text: string;
-                        value: any;
+                        [x: string]: any;
                         keyword?: string | undefined;
                         disabled?: boolean | undefined;
                         children?: any[] | undefined;
@@ -7811,8 +7807,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     message?: string | undefined;
                 } | undefined;
                 option?: {
-                    text: string;
-                    value: any;
+                    [x: string]: any;
                     keyword?: string | undefined;
                     disabled?: boolean | undefined;
                     children?: any[] | undefined;
@@ -9874,11 +9869,12 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         onBlur: (...args: any[]) => Promise<void>;
                         onInput: (...args: any[]) => Promise<void>;
                         reset: (options?: import("@formily/core").IFieldResetOptions | undefined) => Promise<void>;
+                        title: string;
+                        editable: boolean;
                         visible: boolean;
                         submit: <T_2>(onSubmit?: ((values: any) => void | Promise<T_2>) | undefined) => Promise<T_2>;
                         validator: import("@formily/core").FieldValidator;
                         pattern: import("@formily/core").FieldPatternTypes;
-                        title: string;
                         form: import("@formily/core").Form<any>;
                         content: any;
                         componentProps: Record<string, any>;
@@ -9886,7 +9882,6 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         display: import("@formily/core").FieldDisplayTypes;
                         description: string;
                         readOnly: boolean;
-                        editable: boolean;
                         hidden: boolean;
                         component: import("@formily/core").FieldComponent<any, any>;
                         decorator: import("@formily/core").FieldDecorator<any, any>;

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

@@ -110,8 +110,7 @@ declare const _default: import("vue").DefineComponent<{
                 message?: string | undefined;
             } | undefined;
             option?: {
-                text: string;
-                value: any;
+                [x: string]: any;
                 keyword?: string | undefined;
                 disabled?: boolean | undefined;
                 children?: any[] | undefined;
@@ -1804,8 +1803,7 @@ declare const _default: import("vue").DefineComponent<{
                 message?: string | undefined;
             } | undefined;
             option?: {
-                text: string;
-                value: any;
+                [x: string]: any;
                 keyword?: string | undefined;
                 disabled?: boolean | undefined;
                 children?: any[] | undefined;
@@ -3956,11 +3954,12 @@ declare const _default: import("vue").DefineComponent<{
                         onBlur: (...args: any[]) => Promise<void>;
                         onInput: (...args: any[]) => Promise<void>;
                         reset: (options?: import("../../../../es/components/form-render").IFieldResetOptions | undefined) => Promise<void>;
+                        title: string;
+                        editable: boolean;
                         visible: boolean;
                         submit: <T_2>(onSubmit?: ((values: any) => void | Promise<T_2>) | undefined) => Promise<T_2>;
                         validator: import("../../../../es/components/form-render").FieldValidator;
                         pattern: import("../../../../es/components/form-render").FieldPatternTypes;
-                        title: string;
                         form: import("../../../../es/components/form-render").Form<any>;
                         content: any;
                         componentProps: Record<string, any>;
@@ -3968,7 +3967,6 @@ declare const _default: import("vue").DefineComponent<{
                         display: import("../../../../es/components/form-render").FieldDisplayTypes;
                         description: string;
                         readOnly: boolean;
-                        editable: boolean;
                         hidden: boolean;
                         component: import("../../../../es/components/form-render").FieldComponent<any, any>;
                         decorator: import("../../../../es/components/form-render").FieldDecorator<any, any>;
@@ -4429,8 +4427,7 @@ declare const _default: import("vue").DefineComponent<{
                 message?: string | undefined;
             } | undefined;
             option?: {
-                text: string;
-                value: any;
+                [x: string]: any;
                 keyword?: string | undefined;
                 disabled?: boolean | undefined;
                 children?: any[] | undefined;
@@ -6135,8 +6132,7 @@ declare const _default: import("vue").DefineComponent<{
                         message?: string | undefined;
                     } | undefined;
                     option?: {
-                        text: string;
-                        value: any;
+                        [x: string]: any;
                         keyword?: string | undefined;
                         disabled?: boolean | undefined;
                         children?: any[] | undefined;
@@ -7813,8 +7809,7 @@ declare const _default: import("vue").DefineComponent<{
                     message?: string | undefined;
                 } | undefined;
                 option?: {
-                    text: string;
-                    value: any;
+                    [x: string]: any;
                     keyword?: string | undefined;
                     disabled?: boolean | undefined;
                     children?: any[] | undefined;
@@ -9876,11 +9871,12 @@ declare const _default: import("vue").DefineComponent<{
                         onBlur: (...args: any[]) => Promise<void>;
                         onInput: (...args: any[]) => Promise<void>;
                         reset: (options?: import("../../../../es/components/form-render").IFieldResetOptions | undefined) => Promise<void>;
+                        title: string;
+                        editable: boolean;
                         visible: boolean;
                         submit: <T_2>(onSubmit?: ((values: any) => void | Promise<T_2>) | undefined) => Promise<T_2>;
                         validator: import("../../../../es/components/form-render").FieldValidator;
                         pattern: import("../../../../es/components/form-render").FieldPatternTypes;
-                        title: string;
                         form: import("../../../../es/components/form-render").Form<any>;
                         content: any;
                         componentProps: Record<string, any>;
@@ -9888,7 +9884,6 @@ declare const _default: import("vue").DefineComponent<{
                         display: import("../../../../es/components/form-render").FieldDisplayTypes;
                         description: string;
                         readOnly: boolean;
-                        editable: boolean;
                         hidden: boolean;
                         component: import("../../../../es/components/form-render").FieldComponent<any, any>;
                         decorator: import("../../../../es/components/form-render").FieldDecorator<any, any>;

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

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

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

@@ -445,11 +445,12 @@ declare const _default: import("vue").DefineComponent<{}, {
                     onBlur: (...args: any[]) => Promise<void>;
                     onInput: (...args: any[]) => Promise<void>;
                     reset: (options?: import("../../../../../es/components/form-render").IFieldResetOptions | undefined) => Promise<void>;
+                    title: string;
+                    editable: boolean;
                     visible: boolean;
                     submit: <T_2>(onSubmit?: ((values: any) => void | Promise<T_2>) | undefined) => Promise<T_2>;
                     validator: import("../../../../../es/components/form-render").FieldValidator;
                     pattern: import("../../../../../es/components/form-render").FieldPatternTypes;
-                    title: string;
                     form: import("../../../../../es/components/form-render").Form<any>;
                     content: any;
                     componentProps: Record<string, any>;
@@ -457,7 +458,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                     display: import("../../../../../es/components/form-render").FieldDisplayTypes;
                     description: string;
                     readOnly: boolean;
-                    editable: boolean;
                     hidden: boolean;
                     component: import("../../../../../es/components/form-render").FieldComponent<any, any>;
                     decorator: import("../../../../../es/components/form-render").FieldDecorator<any, any>;

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

@@ -73,8 +73,7 @@ declare const _default: import("vue").DefineComponent<{
             message?: string | undefined;
         } | undefined;
         option?: {
-            text: string;
-            value: any;
+            [x: string]: any;
             keyword?: string | undefined;
             disabled?: boolean | undefined;
             children?: any[] | undefined;
@@ -1779,8 +1778,7 @@ declare const _default: import("vue").DefineComponent<{
                     message?: string | undefined;
                 } | undefined;
                 option?: {
-                    text: string;
-                    value: any;
+                    [x: string]: any;
                     keyword?: string | undefined;
                     disabled?: boolean | undefined;
                     children?: any[] | undefined;
@@ -3457,8 +3455,7 @@ declare const _default: import("vue").DefineComponent<{
                 message?: string | undefined;
             } | undefined;
             option?: {
-                text: string;
-                value: any;
+                [x: string]: any;
                 keyword?: string | undefined;
                 disabled?: boolean | undefined;
                 children?: any[] | undefined;
@@ -5520,11 +5517,12 @@ declare const _default: import("vue").DefineComponent<{
                     onBlur: (...args: any[]) => Promise<void>;
                     onInput: (...args: any[]) => Promise<void>;
                     reset: (options?: import("../../../../../es/components/form-render").IFieldResetOptions | undefined) => Promise<void>;
+                    title: string;
+                    editable: boolean;
                     visible: boolean;
                     submit: <T>(onSubmit?: ((values: any) => void | Promise<T>) | undefined) => Promise<T>;
                     validator: import("../../../../../es/components/form-render").FieldValidator;
                     pattern: import("../../../../../es/components/form-render").FieldPatternTypes;
-                    title: string;
                     form: import("../../../../../es/components/form-render").Form<any>;
                     content: any;
                     componentProps: Record<string, any>;
@@ -5532,7 +5530,6 @@ declare const _default: import("vue").DefineComponent<{
                     display: import("../../../../../es/components/form-render").FieldDisplayTypes;
                     description: string;
                     readOnly: boolean;
-                    editable: boolean;
                     hidden: boolean;
                     component: import("../../../../../es/components/form-render").FieldComponent<any, any>;
                     decorator: import("../../../../../es/components/form-render").FieldDecorator<any, any>;

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

@@ -432,11 +432,12 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 onBlur: (...args: any[]) => Promise<void>;
                 onInput: (...args: any[]) => Promise<void>;
                 reset: (options?: import("@formily/core/esm/types").IFieldResetOptions | undefined) => Promise<void>;
+                title: string;
+                editable: boolean;
                 visible: boolean;
                 submit: <T>(onSubmit?: ((values: any) => void | Promise<T>) | undefined) => Promise<T>;
                 validator: import("@formily/core/esm/types").FieldValidator;
                 pattern: import("@formily/core/esm/types").FieldPatternTypes;
-                title: string;
                 form: import("@formily/core/esm/models/Form").Form<any>;
                 content: any;
                 componentProps: Record<string, any>;
@@ -444,7 +445,6 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 display: import("@formily/core/esm/types").FieldDisplayTypes;
                 description: string;
                 readOnly: boolean;
-                editable: boolean;
                 hidden: boolean;
                 component: import("@formily/core/esm/types").FieldComponent<any, any>;
                 decorator: import("@formily/core/esm/types").FieldDecorator<any, any>;

package/es/components/form-render/src/FormRender.vue.d.ts

@@ -426,11 +426,12 @@ declare const _default: import("vue").DefineComponent<{
             onBlur: (...args: any[]) => Promise<void>;
             onInput: (...args: any[]) => Promise<void>;
             reset: (options?: import("@formily/core").IFieldResetOptions | undefined) => Promise<void>;
+            title: string;
+            editable: boolean;
             visible: boolean;
             submit: <T>(onSubmit?: ((values: any) => void | Promise<T>) | undefined) => Promise<T>;
             validator: import("@formily/core").FieldValidator;
             pattern: import("@formily/core").FieldPatternTypes;
-            title: string;
             form: import("@formily/core").Form<any>;
             content: any;
             componentProps: Record<string, any>;
@@ -438,7 +439,6 @@ declare const _default: import("vue").DefineComponent<{
             display: import("@formily/core").FieldDisplayTypes;
             description: string;
             readOnly: boolean;
-            editable: boolean;
             hidden: boolean;
             component: import("@formily/core").FieldComponent<any, any>;
             decorator: import("@formily/core").FieldDecorator<any, any>;

package/es/components/form-render/src/FormRender.vue.js

@@ -1 +1 @@
-import{defineComponent as e,ref as o,computed as t,provide as r,onMounted as s,onUnmounted as a,openBlock as i,createBlock as l,unref as n,normalizeStyle as m,withCtx as p,createElementBlock as u,createVNode as d,isRef as c,Fragment as f,renderList as h,createCommentVNode as y,createElementVNode as j,withKeys as g,withModifiers as v,toDisplayString as b,renderSlot as k}from"vue";import{useTheme as F}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import{isNumber as x,cloneDeep as C}from"lodash-es";import{createForm as H,onFieldValueChange as S,onFieldMount as A,onFieldUnmount as R,onFieldReact as L,onFormMount as _}from"@formily/core";import{FormProvider as O,FormConsumer as w}from"@formily/vue";import{NForm as B,NTabs as V,NTabPane as I,NConfigProvider as N}from"naive-ui";import{InjectionFormGraph as D}from"./constants/index.js";import{useAutoHidden as q}from"./hooks/useAutoHidden.js";import{useComplexOptionsSpan as U}from"./hooks/useComplexOptions.js";import{useFormDomEvent as W,useFormExposeEvent as G}from"./hooks/useFormEvent.js";import{useFormGraph as T}from"./hooks/useFormGraph.js";import{useFormRenderLifeCycle as K}from"./hooks/useFormRenderLifeCycle.js";import{useLowCodeReactions as M}from"./hooks/useLowCodeReactions.js";import{useNuiThemeOverrides as E}from"./hooks/useNuiThemeOverrides.js";import"./utils/index.js";import{useFieldListAdaptor as P}from"./hooks/useFieldListAdaptor.js";import"../../../shared/utils/index.js";import"../index.js";import{useFieldVisitor as J}from"./hooks/useFieldVisitor.js";import"../../../shared/utils/tapable/SyncHook.js";import"../../../shared/utils/tapable/SyncBailHook.js";import"../../../shared/utils/tapable/SyncWaterfallHook.js";import"../../../shared/utils/tapable/SyncLoopHook.js";import"../../../shared/utils/tapable/AsyncParallelHook.js";import"../../../shared/utils/tapable/AsyncParallelBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesHook.js";import"../../../shared/utils/tapable/AsyncSeriesBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesLoopHook.js";import"../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js";import{validateMessageLocale as $}from"./hooks/useFormValidator.js";import"date-fns";import{useAnchor as z}from"./hooks/useAnchor.js";import{useFormContext as Q}from"./hooks/useFormContext.js";import"./hooks/useFormRenderOptions.js";import X from"../../../_virtual/plugin-vue_export-helper.js";import{createObjSchema as Y}from"./utils/schema.js";const Z={key:0,style:{height:"54px"}},ee={style:{"white-space":"pre"}};var oe=X(e({__name:"FormRender",props:{fieldList:{type:Array},initialData:{type:Object,default:()=>({})},fieldVisitor:{type:Object},column:{type:Number,default:24},maxHeight:{type:[Number,String],default:""},anchor:{type:Boolean,default:!1},parallelism:{type:Number,default:3},businessFormatter:{type:Function},schema:{type:Object},components:{type:Object,default:()=>({})},scope:{type:Object,default:()=>({})},annotation:{type:Object},consumer:{type:Boolean,default:!1},uuid:{type:String},lifeCycle:{type:Object},requestInstance:{type:Object},enterToNextWidget:{type:[Boolean,Function],default:!0},lowCodeReactions:{type:Array},linebarAutoHidden:{type:Boolean}},emits:["formChange","annotationChange","scroll"],setup(e,{expose:X,emit:oe}){const te=e,re=F(),{nuiThemeOverrides:se}=E();$();const ae=o(),ie=t((()=>x(te.maxHeight)?te.maxHeight+"px":te.maxHeight)),{SchemaField:le,businessCollector:ne,formItemDepsCollector:me,changeContextCollector:pe,formUUID:ue}=Q(te,oe),{anchorBarRef:de,currentAnchor:ce,generateAnchorList:fe,updateAnchorList:he,anchorIdList:ye,onScroll:je}=z(te,oe,ae,me);K(te).callLifeCycle("onSetup");const{trigger:ge}=q(),{observeFormGraph:ve,setGraph:be,removeGraph:ke}=T();r(D,ve);const Fe=H({initialValues:te.initialData,effects(e){S("*",(o=>{const t=o.props.name.toString();ne.trigger(e,t),me.trigger(t),oe("formChange",{fieldInstance:o,fieldKey:t,fieldName:o.title,value:o.value,context:pe.getContext(t,o.value)}),xe(t,o.value)})),A("*",be),R("*",ke),te.linebarAutoHidden&&(L("*",ge),_((e=>e.query("*").forEach(ge)))),te.anchor&&(L("*",he),_(fe))}}),{lowCodeReactionsHandler:xe,triggerAllReactionsHandler:Ce}=M(t((()=>te.lowCodeReactions)),Fe);s(Ce);const{schemaAdaptor:He}=P(ne);let Se=te.fieldList||[];const Ae=t((()=>te.schema?te.schema:te.fieldList?(Se=J().traverse(C(te.fieldList),te.fieldVisitor),Y(He(Se))):Y({}))),{onKeydown:Re}=W({formModel:Fe,formRenderRef:ae,props:te}),{clearSpan:Le}=U();a((()=>Le(ue)));const _e=G({formModel:Fe,formRenderRef:ae,formItemDepsCollector:me,getFieldList:()=>Se,formUUID:ue});return X({formModel:Fe,validate:(e="*")=>_e.validate(e),getFormValues:(e=!0)=>_e.getFormValues(e),setFormValues:(e,o=!0)=>_e.setFormValues(e,o),setFieldState(e,o){_e.setFieldState(e,o)},resetFields(e="*"){_e.resetFields(e)},queryWidget:async e=>_e.queryWidget(e),getFieldList:()=>Se,async reload(){console.error("reload function is abstract,it should be overwrite!")}}),(o,t)=>(i(),l(n(B),{class:"form-render","require-mark-placement":"left",style:m(n(re))},{default:p((()=>[e.anchor?(i(),u("section",Z,[d(n(V),{value:n(ce),"onUpdate:value":t[0]||(t[0]=e=>c(ce)?ce.value=e:null),type:"line",ref_key:"anchorBarRef",ref:de},{default:p((()=>[(i(!0),u(f,null,h(n(ye),(e=>(i(),l(n(I),{name:e.name,tab:e.title,key:e.name},null,8,["name","tab"])))),128))])),_:1},8,["value"])])):y("v-if",!0),d(n(N),{"theme-overrides":n(se)},{default:p((()=>[j("section",{class:"form-render__wrapper",style:m({"--column":e.column,"--form-height":n(ie)}),ref_key:"formRenderRef",ref:ae,onScroll:t[1]||(t[1]=(...e)=>n(je)&&n(je)(...e)),onKeydownCapture:t[2]||(t[2]=g(v(((...e)=>n(Re)&&n(Re)(...e)),["prevent"]),["enter"]))},[d(n(O),{form:n(Fe)},{default:p((()=>[d(n(le),{schema:n(Ae)},null,8,["schema"]),e.consumer?(i(),l(n(w),{key:0},{default:p((({form:e})=>[j("div",ee,b(JSON.stringify(e.values,null,2)),1)])),_:1})):y("v-if",!0),k(o.$slots,"default")])),_:3},8,["form"])],36)])),_:3},8,["theme-overrides"])])),_:3},8,["style"]))}}),[["__file","FormRender.vue"]]);export{oe as default};
+import{defineComponent as e,ref as o,computed as t,provide as r,onMounted as s,onUnmounted as a,openBlock as i,createBlock as l,unref as n,normalizeStyle as m,withCtx as p,createElementBlock as u,createVNode as d,isRef as c,Fragment as f,renderList as h,createCommentVNode as y,createElementVNode as j,withKeys as g,withModifiers as v,toDisplayString as b,renderSlot as k}from"vue";import{useTheme as F}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{isNumber as x,cloneDeep as C}from"lodash-es";import{createForm as H,onFieldValueChange as S,onFieldMount as A,onFieldUnmount as R,onFieldReact as L,onFormMount as _}from"@formily/core";import{FormProvider as O,FormConsumer as w}from"@formily/vue";import{NForm as B,NTabs as V,NTabPane as I,NConfigProvider as N}from"naive-ui";import{InjectionFormGraph as D}from"./constants/index.js";import{useAutoHidden as q}from"./hooks/useAutoHidden.js";import{useComplexOptionsSpan as U}from"./hooks/useComplexOptions.js";import{useFormDomEvent as W,useFormExposeEvent as G}from"./hooks/useFormEvent.js";import{useFormGraph as T}from"./hooks/useFormGraph.js";import{useFormRenderLifeCycle as K}from"./hooks/useFormRenderLifeCycle.js";import{useLowCodeReactions as M}from"./hooks/useLowCodeReactions.js";import{useNuiThemeOverrides as E}from"./hooks/useNuiThemeOverrides.js";import"./utils/index.js";import{useFieldListAdaptor as P}from"./hooks/useFieldListAdaptor.js";import"../../../shared/utils/index.js";import"../index.js";import{useFieldVisitor as J}from"./hooks/useFieldVisitor.js";import"../../../shared/utils/tapable/SyncHook.js";import"../../../shared/utils/tapable/SyncBailHook.js";import"../../../shared/utils/tapable/SyncWaterfallHook.js";import"../../../shared/utils/tapable/SyncLoopHook.js";import"../../../shared/utils/tapable/AsyncParallelHook.js";import"../../../shared/utils/tapable/AsyncParallelBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesHook.js";import"../../../shared/utils/tapable/AsyncSeriesBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesLoopHook.js";import"../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js";import{validateMessageLocale as $}from"./hooks/useFormValidator.js";import{useAnchor as z}from"./hooks/useAnchor.js";import{useFormContext as Q}from"./hooks/useFormContext.js";import"./hooks/useFormRenderOptions.js";import X from"../../../_virtual/plugin-vue_export-helper.js";import{createObjSchema as Y}from"./utils/schema.js";const Z={key:0,style:{height:"54px"}},ee={style:{"white-space":"pre"}};var oe=X(e({__name:"FormRender",props:{fieldList:{type:Array},initialData:{type:Object,default:()=>({})},fieldVisitor:{type:Object},column:{type:Number,default:24},maxHeight:{type:[Number,String],default:""},anchor:{type:Boolean,default:!1},parallelism:{type:Number,default:3},businessFormatter:{type:Function},schema:{type:Object},components:{type:Object,default:()=>({})},scope:{type:Object,default:()=>({})},annotation:{type:Object},consumer:{type:Boolean,default:!1},uuid:{type:String},lifeCycle:{type:Object},requestInstance:{type:Object},enterToNextWidget:{type:[Boolean,Function],default:!0},lowCodeReactions:{type:Array},linebarAutoHidden:{type:Boolean}},emits:["formChange","annotationChange","scroll"],setup(e,{expose:X,emit:oe}){const te=e,re=F(),{nuiThemeOverrides:se}=E();$();const ae=o(),ie=t((()=>x(te.maxHeight)?te.maxHeight+"px":te.maxHeight)),{SchemaField:le,businessCollector:ne,formItemDepsCollector:me,changeContextCollector:pe,formUUID:ue}=Q(te,oe),{anchorBarRef:de,currentAnchor:ce,generateAnchorList:fe,updateAnchorList:he,anchorIdList:ye,onScroll:je}=z(te,oe,ae,me);K(te).callLifeCycle("onSetup");const{trigger:ge}=q(),{observeFormGraph:ve,setGraph:be,removeGraph:ke}=T();r(D,ve);const Fe=H({initialValues:te.initialData,effects(e){S("*",(o=>{const t=o.props.name.toString();ne.trigger(e,t),me.trigger(t),oe("formChange",{fieldInstance:o,fieldKey:t,fieldName:o.title,value:o.value,context:pe.getContext(t,o.value)}),xe(t,o.value)})),A("*",be),R("*",ke),te.linebarAutoHidden&&(L("*",ge),_((e=>e.query("*").forEach(ge)))),te.anchor&&(L("*",he),_(fe))}}),{lowCodeReactionsHandler:xe,triggerAllReactionsHandler:Ce}=M(t((()=>te.lowCodeReactions)),Fe);s(Ce);const{schemaAdaptor:He}=P(ne);let Se=te.fieldList||[];const Ae=t((()=>te.schema?te.schema:te.fieldList?(Se=J().traverse(C(te.fieldList),te.fieldVisitor),Y(He(Se))):Y({}))),{onKeydown:Re}=W({formModel:Fe,formRenderRef:ae,props:te}),{clearSpan:Le}=U();a((()=>Le(ue)));const _e=G({formModel:Fe,formRenderRef:ae,formItemDepsCollector:me,getFieldList:()=>Se,formUUID:ue});return X({formModel:Fe,validate:(e="*")=>_e.validate(e),getFormValues:(e=!0)=>_e.getFormValues(e),setFormValues:(e,o=!0)=>_e.setFormValues(e,o),setFieldState(e,o){_e.setFieldState(e,o)},resetFields(e="*"){_e.resetFields(e)},queryWidget:async e=>_e.queryWidget(e),getFieldList:()=>Se,async reload(){console.error("reload function is abstract,it should be overwrite!")}}),(o,t)=>(i(),l(n(B),{class:"form-render","require-mark-placement":"left",style:m(n(re))},{default:p((()=>[e.anchor?(i(),u("section",Z,[d(n(V),{value:n(ce),"onUpdate:value":t[0]||(t[0]=e=>c(ce)?ce.value=e:null),type:"line",ref_key:"anchorBarRef",ref:de},{default:p((()=>[(i(!0),u(f,null,h(n(ye),(e=>(i(),l(n(I),{name:e.name,tab:e.title,key:e.name},null,8,["name","tab"])))),128))])),_:1},8,["value"])])):y("v-if",!0),d(n(N),{"theme-overrides":n(se)},{default:p((()=>[j("section",{class:"form-render__wrapper",style:m({"--column":e.column,"--form-height":n(ie)}),ref_key:"formRenderRef",ref:ae,onScroll:t[1]||(t[1]=(...e)=>n(je)&&n(je)(...e)),onKeydownCapture:t[2]||(t[2]=g(v(((...e)=>n(Re)&&n(Re)(...e)),["prevent"]),["enter"]))},[d(n(O),{form:n(Fe)},{default:p((()=>[d(n(le),{schema:n(Ae)},null,8,["schema"]),e.consumer?(i(),l(n(w),{key:0},{default:p((({form:e})=>[j("div",ee,b(JSON.stringify(e.values,null,2)),1)])),_:1})):y("v-if",!0),k(o.$slots,"default")])),_:3},8,["form"])],36)])),_:3},8,["theme-overrides"])])),_:3},8,["style"]))}}),[["__file","FormRender.vue"]]);export{oe as default};

package/es/components/form-render/src/FormRenderWrapper.vue.d.ts

@@ -430,11 +430,12 @@ declare const _default: import("vue").DefineComponent<{}, {
                 onBlur: (...args: any[]) => Promise<void>;
                 onInput: (...args: any[]) => Promise<void>;
                 reset: (options?: import("../../../../es/components/form-render").IFieldResetOptions | undefined) => Promise<void>;
+                title: string;
+                editable: boolean;
                 visible: boolean;
                 submit: <T>(onSubmit?: ((values: any) => void | Promise<T>) | undefined) => Promise<T>;
                 validator: import("../../../../es/components/form-render").FieldValidator;
                 pattern: import("../../../../es/components/form-render").FieldPatternTypes;
-                title: string;
                 form: import("../../../../es/components/form-render").Form<any>;
                 content: any;
                 componentProps: Record<string, any>;
@@ -442,7 +443,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                 display: import("../../../../es/components/form-render").FieldDisplayTypes;
                 description: string;
                 readOnly: boolean;
-                editable: boolean;
                 hidden: boolean;
                 component: import("../../../../es/components/form-render").FieldComponent<any, any>;
                 decorator: import("../../../../es/components/form-render").FieldDecorator<any, any>;

package/es/components/form-render/src/components/renderer/levelSearchCascader.d.ts

@@ -6,6 +6,14 @@ export declare const LEVEL_SEARCH_CASCADER: import("vue").DefineComponent<{
         type: PropType<AnyObject[]>;
         default: () => never[];
     };
+    labelField: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
     autograph: {
         type: StringConstructor;
         required: true;
@@ -46,6 +54,14 @@ export declare const LEVEL_SEARCH_CASCADER: import("vue").DefineComponent<{
         type: PropType<AnyObject[]>;
         default: () => never[];
     };
+    labelField: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
     autograph: {
         type: StringConstructor;
         required: true;
@@ -85,6 +101,8 @@ export declare const LEVEL_SEARCH_CASCADER: import("vue").DefineComponent<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
     options: AnyObject[];
+    labelField: string;
+    valueField: string;
     lazyRequest: boolean;
     requestCache: boolean;
 }>;