cnhis-design-vue 3.2.2-beta.9 → 3.2.2

package/es/components/expand-field/src/components/form.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,ref as l,inject as a,computed as t,watch as u,openBlock as n,createBlock as i,unref as o,normalizeClass as v,isRef as d,withCtx as r,createVNode as s,normalizeStyle as p,createElementVNode as f,createTextVNode as m,createCommentVNode as c,createElementBlock as y,Fragment as h,renderList as _,withDirectives as g,withKeys as b,withModifiers as x,vShow as k,toDisplayString as M}from"vue";import{useMessage as w,NModal as H,NCard as C,NButton as U,NForm as S,NFormItem as j,NInput as O,NTooltip as I,NSelect as z,NGrid as T,NGridItem as N,NIcon as Y,NInputNumber as $,NPopover as L,NDatePicker as V,NTimePicker as B,NSwitch as D}from"naive-ui";import{isMulti as F,isShowOptions as P,isNumber as q,isDate as A,isCandidate as E,isTextarea as J}from"../utils/index.js";import K from"moment";import{InjectionExpandFieldApiConfig as R}from"../constants/index.js";import W from"../hooks/useAsyncData.js";import{HtmlTypeList as X}from"../utils/constant.js";import{isJSON as G,isValidDate as Q}from"../utils/tool.js";import Z from"./FormBatchOptionsModal.vue.js";import ee from"./FormItemPerson.vue.js";const le={class:"svg-wrap"},ae={class:"flex_right"},te={class:"options-title"},ue=f("span",null,"字段键名",-1),ne=f("i",{class:"iconfont-expand-field icon-expand-field-help"},null,-1),ie={class:"options-title"},oe=f("span",null,"字段问号提示",-1),ve=f("i",{class:"iconfont-expand-field icon-expand-field-help"},null,-1),de={class:"options-title"},re=f("span",null,"选项值",-1),se=f("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 32 32"},[f("path",{d:"M12 12h2v12h-2z",fill:"currentColor"}),f("path",{d:"M18 12h2v12h-2z",fill:"currentColor"}),f("path",{d:"M4 6v2h2v20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8h2V6zm4 22V8h16v20z",fill:"currentColor"}),f("path",{d:"M12 2h8v2h-8z",fill:"currentColor"})],-1),pe={class:"options-title"},fe=f("span",null,"默认值",-1),me=f("i",{class:"iconfont-expand-field icon-expand-field-help"},null,-1),ce={style:{display:"flex","align-items":"center"}},ye=f("span",null,"选择",-1),he={style:{width:"100%"}},_e={key:0,class:"validate_tip"};var ge=e({__name:"form",props:{visible:{type:Boolean,default:!1},formOntype:{type:String,default:"add"},formItemData:{type:Object,default:()=>({})},id:{type:String,default:""},orgId:{type:String,default:""},conditionList:{type:Array,default:()=>[]},searchFieldList:{type:Array,default:()=>[]}},emits:["cancelModal"],setup(e,{emit:ge}){const be=e,xe=w(),ke="请输入默认值",Me={name:[{required:!0,message:"请输入字段标题",trigger:["input","blur"]}],html_type:[{required:!0,message:"请选择字段类型",trigger:["input","blur"]}]},we=[{value:"yyyy-MM-dd HH:mm:ss",label:"年-月-日 时:分:秒"},{value:"yyyy-MM-dd HH:mm",label:"年-月-日 时:分"},{value:"yyyy-MM-dd",label:"年-月-日"},{value:"yyyy-MM",label:"年-月"},{value:"MM-dd HH:mm",label:"月-日 时:分"},{value:"MM-dd",label:"月-日"},{value:"HH:mm:ss",label:"时:分:秒"},{value:"HH:mm",label:"时:分"}],He=[{value:"12",label:"整行"},{value:"6",label:"半行"},{value:"4",label:"1/3行"},{value:"8",label:"2/3行"},{value:"3",label:"1/4行"},{value:"9",label:"3/4行"},{value:"2",label:"1/6行"},{value:"10",label:"5/6行"},{value:"1.5",label:"1/8行"},{value:"10.5",label:"7/8行"}],Ce=l(!1),Ue=l("860px");let Se=l({maxHeight:"496px",height:"496px"});const{saveOrUpdateExtendField:je}=W(),Oe=a(R),Ie=l(null),ze=l({name:void 0,remark:void 0,is_edit:"1",is_null:"1",is_show:"1",key:"",val_key:void 0,validate:{},html_type:"INPUT",name_i18n:void 0,elem_width:"12",default_val:void 0,label_type:void 0,isMultiSelect:"0",decimal_length:void 0,date_format:""}),Te=l([{text:void 0,value:void 0}]),Ne=l({format:"yyyy-MM-dd HH:mm:ss",dateType:"date",mode:"date",value:null,showTime:!0,open:!1,componentType:"datetime"}),Ye=l({obj_type:"",vali_obj:"",event_obj:"",max_length:"",min_length:"",min_value:"",max_value:""}),$e=l({value_key:"",levelSetting:[],search_key:[],level_num:void 0,render_key:[],name:"",level_key:"",id:"",type:"",primary_key:"",sqlExpression:"",conObj:"",add_btn:"",setting:{cascading:[]}}),Le=l(!1),Ve=l(!1),Be=l(void 0),De=l(!1),Fe=l(!1);l(!1);const Pe=l(!1),qe=l(""),Ae=t((()=>"edit"===be.formOntype)),Ee=t((()=>ze.value.html_type||""));t((()=>"TEXTAREA"===Ee.value?1e3:255));const Je=t((()=>Te.value.filter((e=>e.value&&e.text)))),Ke=t((()=>F(Ee.value))),Re=t((()=>"date"===Ne.value.dateType));function We(e){Pe.value=e}function Xe(e){let l=e;"string"!=typeof e&&(l=JSON.stringify(e)),ze.value.default_val=l}function Ge(e){Ne.value.value=null,ze.value.default_val=void 0,il(e)}function Qe(){Ce.value=!Ce.value;let e=document.body.clientHeight;"860px"===Ue.value?(Ue.value="100%",Se.value.maxHeight=`${e}px`,Se.value.height=`${e}px`):(Ue.value="860px",Se.value.maxHeight="496px",Se.value.height="")}function Ze(e){return["HH:mm:ss","HH:mm"].includes(e)}function el(e,l){switch(e){case"isNull":Le.value=l,ze.value.is_null=l?"0":"1";break;case"isMultiSelect":Ve.value=l,ze.value.isMultiSelect=l?"1":"0"}}function ll(){if("add"===be.formOntype)return;let e=Object.assign({},be.formItemData),l=e.setting;l&&G(l)&&(l=JSON.parse(l),delete e.setting,Object.assign(e,{...l})),e.key=e.code,delete e.code,A(e.html_type)&&function(e){il(e.date_format);let l=e.default_val;l&&!l.startsWith("${")&&(Ze(e.date_format)&&(l=`${K().format("YYYY-MM-dd")} ${l}`),Q(new Date(l))&&(Ne.value.value=K(l)))}(e),F(e.html_type)&&(e.default_val=function(e){let l=e.default_val;return l?l.split(",").filter(Boolean):[]}(e)),Le.value="0"==e.is_null,Ve.value="1"==e.isMultiSelect,Ye.value=Object.assign(Ye.value,e.validate||{}),$e.value=Object.assign($e.value,e.wordbook||{}),ze.value=Object.assign(ze.value,e||{}),P(e.html_type)&&function(e){let l=(null==e?void 0:e.optionValue)||[];l.length||l.push({text:void 0,value:void 0}),Te.value=[...l],delete e.optionValue}(e)}function al(e){ze.value.html_type=e,Te.value=[{text:void 0,value:void 0}];let l=function(){if(F(Ee.value))return[]}();ze.value.default_val=l,A(e)?ze.value.date_format="yyyy-MM-dd HH:mm:ss":ze.value.date_format=""}function tl(){Te.value.push({value:"",text:""})}function ul(e){let l=e;(e<0||0===e)&&(l=0),e>5&&(l=5),Be.value=0===l?l:l||void 0}function nl(e){Te.value=e}function il(e){let l=e||"yyyy-MM-dd HH:mm:ss",a=Ze(l)?"time":"date",t="yyyy-MM"===l?"month":"date";let u=function(e){return["yyyy-MM-dd HH:mm:ss","yyyy-MM-dd HH:mm","MM-dd HH:mm"].includes(e)}(l),n="";["yyyy-MM-dd HH:mm:ss","yyyy-MM-dd HH:mm","MM-dd HH:mm"].includes(e)&&(n="datetime"),["yyyy-MM-dd","MM-dd"].includes(e)&&(n="date"),Object.assign(Ne.value,{format:l,dateType:a,mode:t,showTime:u,componentType:n})}function ol(e,l){if(e)return l&&(l.includes("yyyy")&&(l=l.replace("yyyy","YYYY")),l.includes("dd")&&(l=l.replace("dd","DD"))),K(e).format(l)}function vl(){Ne.value.open=!Ne.value.open}function dl(e){let l=ol(e,Ne.value.format);ze.value.default_val=l}function rl(e){let l=ol(e,Ne.value.format);ze.value.default_val=l,Ne.value.format.includes("HH:mm")||vl()}function sl(e){let l=ol(e,Ne.value.format);ze.value.default_val=l}function pl(){ge("cancelModal"),Ue.value="860px",Se.value={height:"496px",maxHeight:"496px"},Ce.value=!1,ze.value={name:void 0,remark:void 0,is_edit:"1",is_null:"1",is_show:"1",key:"",val_key:void 0,validate:{},html_type:"INPUT",name_i18n:void 0,elem_width:"12",default_val:void 0,label_type:void 0,isMultiSelect:"0",decimal_length:void 0,date_format:""}}function fl(){var e;null==(e=Ie.value)||e.validate((async e=>{if(e)return;let l=Object.assign({},ze.value);if(l.validate={...Ye.value},l.extendId=be.id,P(Ee.value)){let e=function(){let e={validate:!1,message:"请完善选项配置"};if(!Te.value||!Te.value.length)return e;let l,a,t,u=0,n=Te.value.length,i=!1;for(;u<n;u++){if(l=Te.value[u],a=l.value?l.value.trim():l.value,t=l.text?l.text.trim():l.text,!a||!t){i=!0;break}l.value=a,l.text=t}return[...new Set(Te.value.map((e=>e.value)))].length!==Te.value.length?(e.message="选项值不能重复",e):(!i&&(e.validate=!0),e)}();if(!e.validate)return De.value=!0,void xe.warning(e.message);De.value=!1,l.option=[...Te.value]}if(q(Ee.value)?l.default_val=function(e){let l=e.default_val;if(void 0===Be.value)return l;if(!l)return l;let a=String(l).split(".")[1];return a&&a.length!==Be.value?Number(l.toFixed(Be.value)):l}(l):F(Ee.value)&&(l.default_val=l.default_val.join(",")),!E(Ee.value)||function(e){let{default_val:l}=e;qe.value="",l&&G(l)&&(l=JSON.parse(l));let a=function(e,l){if(!e)return;if("string"!=typeof e)return;if(!(e=e.trim()))return!0;if(!e.startsWith("${"))return ml(l,"请输入有效系统变量"),"error";let a=/\${sys.(.*?)\}/g.exec(e);if(!a||!a[1])return ml(l,"请输入有效系统变量"),"error";return!0}(l,e);if(a)return"error"!==a;if(console.log("saveOjb.isMultiSelect>>>",e.isMultiSelect),console.log("default_val?.length>>>",null==l?void 0:l.length),"0"===e.isMultiSelect&&(null==l?void 0:l.length)>1)return console.log("进入到判断里面了>>>>>"),ml(e,"选人组件为单选"),!1;return!0}(l)){for(let e in l){let a=l[e];"string"==typeof a&&(l[e]=null==a?void 0:a.trim())}console.log("saveOjb>>>",l),await async function(e={}){Fe.value=!0;try{const l=await je(e,Oe);if(Fe.value=!1,"SUCCESS"!==(null==l?void 0:l.result))return void xe.error((null==l?void 0:l.resultMsg)||"保存失败");pl()}catch(e){Fe.value=!1}}(l)}}))}function ml(e,l){qe.value=l}return u((()=>be.visible),(e=>{e&&ll()})),(l,a)=>(n(),i(o(H),{class:v(["expand-field-modal-block",{"modal-screen":Ce.value}]),show:e.visible,"onUpdate:show":a[22]||(a[22]=e=>d(visible)?visible.value=e:null),maskClosable:!1,width:Ue.value,bodyStyle:o(Se),closable:!1,centered:"",onPositiveClick:fl,onNegativeClick:pl},{default:r((()=>[s(o(C),{style:p({width:Ue.value,...o(Se)}),title:"add"===be.formOntype?"新增拓展字段":"编辑拓展字段",bordered:!1,size:"huge",role:"dialog","aria-modal":"true"},{"header-extra":r((()=>[f("div",le,[f("i",{onClick:Qe,class:v(["iconfont-expand-field",Ce.value?"icon-expand-field-menzhenyishengzhanxitongtubiaozuixiaohua2":"icon-expand-field-menzhenyishengzhanxitongtubiaozuidahua"])},null,2),f("i",{onClick:pl,class:"iconfont-expand-field icon-expand-field-menzhenyishengzhanxitongtubiaoguanbi"})])])),footer:r((()=>[f("div",ae,[s(o(U),{onClick:pl},{default:r((()=>[m("取消")])),_:1}),s(o(U),{type:"info",onClick:fl},{default:r((()=>[m("保存")])),_:1})])])),default:r((()=>[s(o(S),{ref_key:"formRef",ref:Ie,model:ze.value,rules:Me},{default:r((()=>[s(o(j),{path:"name",label:"字段标题","require-mark-placement":"left"},{default:r((()=>[s(o(O),{value:ze.value.name,"onUpdate:value":a[0]||(a[0]=e=>ze.value.name=e),maxlength:100,clearable:"",placeholder:"请输入"},null,8,["value"])])),_:1}),s(o(j),{path:"key"},{label:r((()=>[f("div",te,[ue,s(o(I),{duration:0},{trigger:r((()=>[ne])),default:r((()=>[m(" 数据库字段键名，不填写时由系统生成，填写则以填写为准 ")])),_:1})])])),default:r((()=>[s(o(O),{value:ze.value.key,"onUpdate:value":a[1]||(a[1]=e=>ze.value.key=e),maxlength:32,disabled:o(Ae),clearable:"",placeholder:"数据库字段键名，不填写时由系统生成，填写则以填写为准"},null,8,["value","disabled"])])),_:1}),s(o(j),{path:"html_type",label:"字段类型","require-mark-placement":"left"},{default:r((()=>[s(o(z),{value:ze.value.html_type,"onUpdate:value":[a[2]||(a[2]=e=>ze.value.html_type=e),al],placeholder:"请选择字段类型",clearable:"",filterable:"",options:o(X)},null,8,["value","options"])])),_:1}),s(o(j),{path:"remark",label:"字段问号提示"},{label:r((()=>[f("div",ie,[oe,s(o(I),{duration:0},{trigger:r((()=>[ve])),default:r((()=>[m(" 设置后该字段旁会有问号图标，鼠标悬浮展示“问号提示”内容，常用于告诉用户该字段的含义 ")])),_:1})])])),default:r((()=>[s(o(O),{value:ze.value.remark,"onUpdate:value":a[3]||(a[3]=e=>ze.value.remark=e),placeholder:"请输入",type:"textarea",clearable:"",maxlength:255,rows:3},null,8,["value"])])),_:1}),c(" 选项值>>>>>类型对应关系 "),o(P)(o(Ee))?(n(),i(o(j),{key:0},{label:r((()=>[f("div",de,[re,f("span",{class:"batch-span",onClick:tl},"添加选项"),f("span",{class:"batch-span",onClick:a[4]||(a[4]=()=>We(!0))},"批量编辑")])])),default:r((()=>[f("div",{class:v(["options-item",{"options-item-err":De.value}])},[(n(!0),y(h,null,_(Te.value,((e,l)=>(n(),i(o(T),{class:"mgb-10",key:l,cols:24,"x-gap":8,"y-gap":8},{default:r((()=>[s(o(N),{span:11},{default:r((()=>[s(o(O),{value:e.value,"onUpdate:value":l=>e.value=l,maxLength:100,allowClear:"",placeholder:"选项值"},null,8,["value","onUpdate:value"])])),_:2},1024),s(o(N),{span:11},{default:r((()=>[s(o(O),{value:e.text,"onUpdate:value":l=>e.text=l,maxLength:100,allowClear:"",placeholder:"选项文本"},null,8,["value","onUpdate:value"])])),_:2},1024),s(o(N),{span:2,class:"flex-center"},{default:r((()=>[Te.value.length>1?(n(),i(o(Y),{key:0,onClick:a=>function(e,l){Te.value.splice(l,1);let a=ze.value.default_val;if(F(Ee.value)){if(!a||!a.length)return;let l=a.findIndex((l=>l===e.value));l||a.splice(l,1)}else{if(!a)return;a===e.value&&(a=void 0)}ze.value.default_val=a}(e,l)},{default:r((()=>[se])),_:2},1032,["onClick"])):c("v-if",!0)])),_:2},1024)])),_:2},1024)))),128))],2)])),_:1})):c("v-if",!0),o(q)(o(Ee))?(n(),i(o(j),{key:1,path:"decimal_length",label:"小数位"},{default:r((()=>[s(o($),{style:{width:"100%"},min:0,max:5,placeholder:"请输入",precision:0,clearable:"",value:ze.value.decimal_length,"onUpdate:value":[a[5]||(a[5]=e=>ze.value.decimal_length=e),ul]},null,8,["value"])])),_:1})):c("v-if",!0),o(A)(o(Ee))?(n(),i(o(j),{key:2,path:"date_format",label:"日期格式"},{default:r((()=>[s(o(z),{style:{width:"100%"},value:ze.value.date_format,"onUpdate:value":[a[6]||(a[6]=e=>ze.value.date_format=e),Ge],placeholder:"请选择",options:we},null,8,["value"])])),_:1})):c("v-if",!0),c(" 默认值>>>>>类型对应关系 "),s(o(j),{path:"default_val",label:"默认值"},{label:r((()=>[f("div",pe,[fe,o(E)(o(Ee))?(n(),i(o(I),{key:0,duration:0},{trigger:r((()=>[me])),default:r((()=>[m(" 支持输入系统变量当前操作人${sys.userId}，也支持选择一个人 ")])),_:1})):c("v-if",!0)])])),default:r((()=>[o(J)(o(Ee))?(n(),i(o(O),{key:0,value:ze.value.default_val,"onUpdate:value":a[7]||(a[7]=e=>ze.value.default_val=e),placeholder:ke,type:"textarea",clearable:"",maxlength:1e3,rows:3},null,8,["value"])):o(q)(o(Ee))?(n(),y(h,{key:1},[c(" 数字框 "),s(o($),{style:{width:"100%"},clearable:"",placeholder:ke,precision:Be.value,value:ze.value.default_val,"onUpdate:value":a[8]||(a[8]=e=>ze.value.default_val=e)},null,8,["precision","value"])],2112)):o(P)(o(Ee))?(n(),y(h,{key:2},[c(" 下拉框、横向单选、纵向单选、横向多选、纵向多选、下拉多选框 "),s(o(z),{style:{width:"100%"},multiple:o(Ke),clearable:"",value:ze.value.default_val,"onUpdate:value":a[9]||(a[9]=e=>ze.value.default_val=e),"label-field":"text",placeholder:ke,options:o(Je)},null,8,["multiple","value","options"])],2112)):o(A)(o(Ee))?(n(),y(h,{key:3},[c(" 日期 "),f("div",ce,[s(o(O),{clearable:"",maxLength:255,value:ze.value.default_val,"onUpdate:value":a[10]||(a[10]=e=>ze.value.default_val=e),placeholder:ke},null,8,["value"]),o(Re)?(n(),y(h,{key:0},["month"===Ne.value.mode?(n(),i(o(L),{key:0,trigger:"click",show:Ne.value.open},{trigger:r((()=>[s(o(U),{type:"info",onClick:vl},{default:r((()=>[m("选择")])),_:1})])),default:r((()=>[s(o(V),{panel:"",value:Ne.value.value,"onUpdate:value":[a[11]||(a[11]=e=>Ne.value.value=e),dl],type:"month","input-readonly":"",clearable:"",onConfirm:vl},null,8,["value"])])),_:1},8,["show"])):(n(),i(o(L),{key:1,trigger:"click",show:Ne.value.open},{trigger:r((()=>[s(o(U),{type:"info",onClick:vl},{default:r((()=>[m("选择")])),_:1})])),default:r((()=>[s(o(V),{panel:"",value:Ne.value.value,"onUpdate:value":[a[12]||(a[12]=e=>Ne.value.value=e),rl],format:Ne.value.format,type:Ne.value.componentType,"input-readonly":"",clearable:"",onConfirm:vl},null,8,["value","format","type"])])),_:1},8,["show"]))],64)):(n(),y(h,{key:1},[c(' <n-input\r\n              allowClear\r\n              :maxLength="255"\r\n              v-model:value="dateInfo.value"\r\n              @keydown.enter.prevent\r\n              :placeholder="defaultPlaceholder"\r\n            /> '),s(o(U),{type:"info",class:"date-time-button"},{default:r((()=>[ye,s(o(B),{value:Ne.value.value,"onUpdate:value":[a[13]||(a[13]=e=>Ne.value.value=e),sl],format:Ne.value.format,"input-readonly":"",clearable:""},null,8,["value","format"])])),_:1}),c(' <n-popover trigger="click">\r\n              <template #trigger>\r\n                <n-button type="info">选择</n-button>\r\n              </template>\r\n              <n-time-picker\r\n                panel\r\n                v-model:value="dateInfo.value"\r\n                :format="dateInfo.format"\r\n                input-readonly\r\n                clearable\r\n                @update:value="timeChange"\r\n              >\r\n                <template v-slot:icon>111</template>\r\n\r\n              </n-time-picker>\r\n            </n-popover> ')],64))])],2112)):o(E)(o(Ee))?(n(),y(h,{key:4},[c(" 选人组件(增加一个选人组件) "),f("div",he,[g(s(o(O),{allowClear:"",maxLength:255,value:ze.value.default_val,"onUpdate:value":a[14]||(a[14]=e=>ze.value.default_val=e),onKeydown:a[15]||(a[15]=b(x((()=>{}),["prevent"]),["enter"])),placeholder:ke},null,8,["value"]),[[k,!1]]),c(' 点击弹出选人组件弹窗 :mainForm="this" '),s(ee,{orgId:e.orgId,defaultValue:ze.value.default_val,onCheckPerson:Xe},null,8,["orgId","defaultValue"]),qe.value?(n(),y("span",_e,M(qe.value),1)):c("v-if",!0),c(' <n-button type="info">选择</n-button> ')])],2112)):(n(),y(h,{key:5},[c(" 其他 "),s(o(O),{value:ze.value.default_val,"onUpdate:value":a[16]||(a[16]=e=>ze.value.default_val=e),onKeydown:a[17]||(a[17]=b(x((()=>{}),["prevent"]),["enter"])),placeholder:"请输入默认值"},null,8,["value"])],2112))])),_:1}),s(o(j),{path:"elem_width",label:"宽度"},{default:r((()=>[s(o(z),{value:ze.value.elem_width,"onUpdate:value":a[18]||(a[18]=e=>ze.value.elem_width=e),placeholder:"请选择宽度",options:He},null,8,["value"])])),_:1}),s(o(j),{path:"isNull",label:"是否必填","label-placement":"left"},{default:r((()=>[s(o(D),{value:Le.value,"onUpdate:value":[a[19]||(a[19]=e=>Le.value=e),a[20]||(a[20]=e=>el("isNull",e))]},null,8,["value"])])),_:1}),o(E)(o(Ee))?(n(),i(o(j),{key:3,"label-placement":"left",path:"isMultiSelect",label:"是否多选"},{default:r((()=>[s(o(D),{value:Ve.value,"onUpdate:value":a[21]||(a[21]=e=>el("isMultiSelect",e))},null,8,["value"])])),_:1})):c("v-if",!0)])),_:1},8,["model"]),s(Z,{visible:Pe.value,options:Te.value,onHandleSaveBatch:nl,onTriggerBatch:We},null,8,["visible","options"])])),_:1},8,["style","title"])])),_:1},8,["class","show","width","bodyStyle"]))}});export{ge as default};
+import{defineComponent as e,ref as l,inject as a,computed as t,watch as u,openBlock as n,createBlock as i,unref as o,normalizeClass as v,withCtx as d,createVNode as r,normalizeStyle as s,createElementVNode as p,createTextVNode as f,createCommentVNode as m,createElementBlock as c,Fragment as y,renderList as h,withDirectives as _,withKeys as g,withModifiers as b,vShow as x,toDisplayString as k}from"vue";import{useMessage as M,NModal as w,NCard as H,NButton as C,NForm as U,NFormItem as S,NInput as j,NTooltip as O,NSelect as I,NGrid as z,NGridItem as T,NIcon as N,NInputNumber as Y,NPopover as $,NDatePicker as L,NTimePicker as V,NSwitch as B}from"naive-ui";import{isMulti as D,isShowOptions as F,isNumber as P,isDate as q,isCandidate as A,isTextarea as E}from"../utils/index.js";import J from"moment";import{InjectionExpandFieldApiConfig as K}from"../constants/index.js";import R from"../hooks/useAsyncData.js";import{HtmlTypeList as W}from"../utils/constant.js";import{isJSON as X,isValidDate as G}from"../utils/tool.js";import Q from"./FormBatchOptionsModal.vue.js";import Z from"./FormItemPerson.vue.js";const ee={class:"svg-wrap"},le={class:"flex_right"},ae={class:"options-title"},te=p("span",null,"字段键名",-1),ue=p("i",{class:"iconfont-expand-field icon-expand-field-help"},null,-1),ne={class:"options-title"},ie=p("span",null,"字段问号提示",-1),oe=p("i",{class:"iconfont-expand-field icon-expand-field-help"},null,-1),ve={class:"options-title"},de=p("span",null,"选项值",-1),re=p("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 32 32"},[p("path",{d:"M12 12h2v12h-2z",fill:"currentColor"}),p("path",{d:"M18 12h2v12h-2z",fill:"currentColor"}),p("path",{d:"M4 6v2h2v20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8h2V6zm4 22V8h16v20z",fill:"currentColor"}),p("path",{d:"M12 2h8v2h-8z",fill:"currentColor"})],-1),se={class:"options-title"},pe=p("span",null,"默认值",-1),fe=p("i",{class:"iconfont-expand-field icon-expand-field-help"},null,-1),me={style:{display:"flex","align-items":"center"}},ce=p("span",null,"选择",-1),ye={style:{width:"100%"}},he={key:0,class:"validate_tip"};var _e=e({__name:"form",props:{visible:{type:Boolean,default:!1},formOntype:{type:String,default:"add"},formItemData:{type:Object,default:()=>({})},id:{type:String,default:""},orgId:{type:String,default:""},conditionList:{type:Array,default:()=>[]},searchFieldList:{type:Array,default:()=>[]}},emits:["cancelModal"],setup(e,{emit:_e}){const ge=e,be=M(),xe="请输入默认值",ke={name:[{required:!0,message:"请输入字段标题",trigger:["input","blur"]}],html_type:[{required:!0,message:"请选择字段类型",trigger:["input","blur"]}]},Me=[{value:"yyyy-MM-dd HH:mm:ss",label:"年-月-日 时:分:秒"},{value:"yyyy-MM-dd HH:mm",label:"年-月-日 时:分"},{value:"yyyy-MM-dd",label:"年-月-日"},{value:"yyyy-MM",label:"年-月"},{value:"MM-dd HH:mm",label:"月-日 时:分"},{value:"MM-dd",label:"月-日"},{value:"HH:mm:ss",label:"时:分:秒"},{value:"HH:mm",label:"时:分"}],we=[{value:"12",label:"整行"},{value:"6",label:"半行"},{value:"4",label:"1/3行"},{value:"8",label:"2/3行"},{value:"3",label:"1/4行"},{value:"9",label:"3/4行"},{value:"2",label:"1/6行"},{value:"10",label:"5/6行"},{value:"1.5",label:"1/8行"},{value:"10.5",label:"7/8行"}],He=l(!1),Ce=l("860px");let Ue=l({maxHeight:"496px",height:"496px"});const{saveOrUpdateExtendField:Se}=R(),je=a(K),Oe=l(null),Ie=l({name:void 0,remark:void 0,is_edit:"1",is_null:"1",is_show:"1",key:"",val_key:void 0,validate:{},html_type:"INPUT",name_i18n:void 0,elem_width:"12",default_val:void 0,label_type:void 0,isMultiSelect:"0",decimal_length:void 0,date_format:""}),ze=l([{text:void 0,value:void 0}]),Te=l({format:"yyyy-MM-dd HH:mm:ss",dateType:"date",mode:"date",value:null,showTime:!0,open:!1,componentType:"datetime"}),Ne=l({obj_type:"",vali_obj:"",event_obj:"",max_length:"",min_length:"",min_value:"",max_value:""}),Ye=l({value_key:"",levelSetting:[],search_key:[],level_num:void 0,render_key:[],name:"",level_key:"",id:"",type:"",primary_key:"",sqlExpression:"",conObj:"",add_btn:"",setting:{cascading:[]}}),$e=l(!1),Le=l(!1),Ve=l(void 0),Be=l(!1),De=l(!1);l(!1);const Fe=l(!1),Pe=l(""),qe=t((()=>"edit"===ge.formOntype)),Ae=t((()=>Ie.value.html_type||""));t((()=>"TEXTAREA"===Ae.value?1e3:255));const Ee=t((()=>ze.value.filter((e=>e.value&&e.text)))),Je=t((()=>D(Ae.value))),Ke=t((()=>"date"===Te.value.dateType));function Re(e){Fe.value=e}function We(e){let l=e;"string"!=typeof e&&(l=JSON.stringify(e)),Ie.value.default_val=l}function Xe(e){Te.value.value=null,Ie.value.default_val=void 0,nl(e)}function Ge(){He.value=!He.value;let e=document.body.clientHeight;"860px"===Ce.value?(Ce.value="100%",Ue.value.maxHeight=`${e}px`,Ue.value.height=`${e}px`):(Ce.value="860px",Ue.value.maxHeight="496px",Ue.value.height="")}function Qe(e){return["HH:mm:ss","HH:mm"].includes(e)}function Ze(e,l){switch(e){case"isNull":$e.value=l,Ie.value.is_null=l?"0":"1";break;case"isMultiSelect":Le.value=l,Ie.value.isMultiSelect=l?"1":"0"}}function el(){if("add"===ge.formOntype)return;let e=Object.assign({},ge.formItemData),l=e.setting;l&&X(l)&&(l=JSON.parse(l),delete e.setting,Object.assign(e,{...l})),e.key=e.code,delete e.code,q(e.html_type)&&function(e){nl(e.date_format);let l=e.default_val;l&&!l.startsWith("${")&&(Qe(e.date_format)&&(l=`${J().format("YYYY-MM-dd")} ${l}`),G(new Date(l))&&(Te.value.value=J(l)))}(e),D(e.html_type)&&(e.default_val=function(e){let l=e.default_val;return l?l.split(",").filter(Boolean):[]}(e)),$e.value="0"==e.is_null,Le.value="1"==e.isMultiSelect,Ne.value=Object.assign(Ne.value,e.validate||{}),Ye.value=Object.assign(Ye.value,e.wordbook||{}),Ie.value=Object.assign(Ie.value,e||{}),F(e.html_type)&&function(e){let l=(null==e?void 0:e.optionValue)||[];l.length||l.push({text:void 0,value:void 0}),ze.value=[...l],delete e.optionValue}(e)}function ll(e){Ie.value.html_type=e,ze.value=[{text:void 0,value:void 0}];let l=function(){if(D(Ae.value))return[]}();Ie.value.default_val=l,q(e)?Ie.value.date_format="yyyy-MM-dd HH:mm:ss":Ie.value.date_format=""}function al(){ze.value.push({value:"",text:""})}function tl(e){let l=e;(e<0||0===e)&&(l=0),e>5&&(l=5),Ve.value=0===l?l:l||void 0}function ul(e){ze.value=e}function nl(e){let l=e||"yyyy-MM-dd HH:mm:ss",a=Qe(l)?"time":"date",t="yyyy-MM"===l?"month":"date";let u=function(e){return["yyyy-MM-dd HH:mm:ss","yyyy-MM-dd HH:mm","MM-dd HH:mm"].includes(e)}(l),n="";["yyyy-MM-dd HH:mm:ss","yyyy-MM-dd HH:mm","MM-dd HH:mm"].includes(e)&&(n="datetime"),["yyyy-MM-dd","MM-dd"].includes(e)&&(n="date"),Object.assign(Te.value,{format:l,dateType:a,mode:t,showTime:u,componentType:n})}function il(e,l){if(e)return l&&(l.includes("yyyy")&&(l=l.replace("yyyy","YYYY")),l.includes("dd")&&(l=l.replace("dd","DD"))),J(e).format(l)}function ol(){Te.value.open=!Te.value.open}function vl(e){let l=il(e,Te.value.format);Ie.value.default_val=l}function dl(e){let l=il(e,Te.value.format);Ie.value.default_val=l,Te.value.format.includes("HH:mm")||ol()}function rl(e){let l=il(e,Te.value.format);Ie.value.default_val=l}function sl(){_e("cancelModal"),Ce.value="860px",Ue.value={height:"496px",maxHeight:"496px"},He.value=!1,Ie.value={name:void 0,remark:void 0,is_edit:"1",is_null:"1",is_show:"1",key:"",val_key:void 0,validate:{},html_type:"INPUT",name_i18n:void 0,elem_width:"12",default_val:void 0,label_type:void 0,isMultiSelect:"0",decimal_length:void 0,date_format:""}}function pl(){var e;null==(e=Oe.value)||e.validate((async e=>{if(e)return;let l=Object.assign({},Ie.value);if(l.validate={...Ne.value},l.extendId=ge.id,F(Ae.value)){let e=function(){let e={validate:!1,message:"请完善选项配置"};if(!ze.value||!ze.value.length)return e;let l,a,t,u=0,n=ze.value.length,i=!1;for(;u<n;u++){if(l=ze.value[u],a=l.value?l.value.trim():l.value,t=l.text?l.text.trim():l.text,!a||!t){i=!0;break}l.value=a,l.text=t}return[...new Set(ze.value.map((e=>e.value)))].length!==ze.value.length?(e.message="选项值不能重复",e):(!i&&(e.validate=!0),e)}();if(!e.validate)return Be.value=!0,void be.warning(e.message);Be.value=!1,l.option=[...ze.value]}if(P(Ae.value)?l.default_val=function(e){let l=e.default_val;if(void 0===Ve.value)return l;if(!l)return l;let a=String(l).split(".")[1];return a&&a.length!==Ve.value?Number(l.toFixed(Ve.value)):l}(l):D(Ae.value)&&(l.default_val=l.default_val.join(",")),!A(Ae.value)||function(e){let{default_val:l}=e;Pe.value="",l&&X(l)&&(l=JSON.parse(l));let a=function(e,l){if(!e)return;if("string"!=typeof e)return;if(!(e=e.trim()))return!0;if(!e.startsWith("${"))return fl(l,"请输入有效系统变量"),"error";let a=/\${sys.(.*?)\}/g.exec(e);if(!a||!a[1])return fl(l,"请输入有效系统变量"),"error";return!0}(l,e);if(a)return"error"!==a;if(console.log("saveOjb.isMultiSelect>>>",e.isMultiSelect),console.log("default_val?.length>>>",null==l?void 0:l.length),"0"===e.isMultiSelect&&(null==l?void 0:l.length)>1)return console.log("进入到判断里面了>>>>>"),fl(e,"选人组件为单选"),!1;return!0}(l)){for(let e in l){let a=l[e];"string"==typeof a&&(l[e]=null==a?void 0:a.trim())}console.log("saveOjb>>>",l),await async function(e={}){De.value=!0;try{const l=await Se(e,je);if(De.value=!1,"SUCCESS"!==(null==l?void 0:l.result))return void be.error((null==l?void 0:l.resultMsg)||"保存失败");sl()}catch(e){De.value=!1}}(l)}}))}function fl(e,l){Pe.value=l}return u((()=>ge.visible),(e=>{e&&el()})),(l,a)=>(n(),i(o(w),{class:v(["expand-field-modal-block",{"modal-screen":He.value}]),show:e.visible,maskClosable:!1,width:Ce.value,bodyStyle:o(Ue),closable:!1,centered:"",onPositiveClick:pl,onNegativeClick:sl},{default:d((()=>[r(o(H),{style:s({width:Ce.value,...o(Ue)}),title:"add"===ge.formOntype?"新增拓展字段":"编辑拓展字段",bordered:!1,size:"huge",role:"dialog","aria-modal":"true"},{"header-extra":d((()=>[p("div",ee,[p("i",{onClick:Ge,class:v(["iconfont-expand-field",He.value?"icon-expand-field-menzhenyishengzhanxitongtubiaozuixiaohua2":"icon-expand-field-menzhenyishengzhanxitongtubiaozuidahua"])},null,2),p("i",{onClick:sl,class:"iconfont-expand-field icon-expand-field-menzhenyishengzhanxitongtubiaoguanbi"})])])),footer:d((()=>[p("div",le,[r(o(C),{onClick:sl},{default:d((()=>[f("取消")])),_:1}),r(o(C),{type:"info",onClick:pl},{default:d((()=>[f("保存")])),_:1})])])),default:d((()=>[r(o(U),{ref_key:"formRef",ref:Oe,model:Ie.value,rules:ke},{default:d((()=>[r(o(S),{path:"name",label:"字段标题","require-mark-placement":"left"},{default:d((()=>[r(o(j),{value:Ie.value.name,"onUpdate:value":a[0]||(a[0]=e=>Ie.value.name=e),maxlength:100,clearable:"",placeholder:"请输入"},null,8,["value"])])),_:1}),r(o(S),{path:"key"},{label:d((()=>[p("div",ae,[te,r(o(O),{duration:0},{trigger:d((()=>[ue])),default:d((()=>[f(" 数据库字段键名，不填写时由系统生成，填写则以填写为准 ")])),_:1})])])),default:d((()=>[r(o(j),{value:Ie.value.key,"onUpdate:value":a[1]||(a[1]=e=>Ie.value.key=e),maxlength:32,disabled:o(qe),clearable:"",placeholder:"数据库字段键名，不填写时由系统生成，填写则以填写为准"},null,8,["value","disabled"])])),_:1}),r(o(S),{path:"html_type",label:"字段类型","require-mark-placement":"left"},{default:d((()=>[r(o(I),{value:Ie.value.html_type,"onUpdate:value":[a[2]||(a[2]=e=>Ie.value.html_type=e),ll],placeholder:"请选择字段类型",clearable:"",filterable:"",options:o(W)},null,8,["value","options"])])),_:1}),r(o(S),{path:"remark",label:"字段问号提示"},{label:d((()=>[p("div",ne,[ie,r(o(O),{duration:0},{trigger:d((()=>[oe])),default:d((()=>[f(" 设置后该字段旁会有问号图标，鼠标悬浮展示“问号提示”内容，常用于告诉用户该字段的含义 ")])),_:1})])])),default:d((()=>[r(o(j),{value:Ie.value.remark,"onUpdate:value":a[3]||(a[3]=e=>Ie.value.remark=e),placeholder:"请输入",type:"textarea",clearable:"",maxlength:255,rows:3},null,8,["value"])])),_:1}),m(" 选项值>>>>>类型对应关系 "),o(F)(o(Ae))?(n(),i(o(S),{key:0},{label:d((()=>[p("div",ve,[de,p("span",{class:"batch-span",onClick:al},"添加选项"),p("span",{class:"batch-span",onClick:a[4]||(a[4]=()=>Re(!0))},"批量编辑")])])),default:d((()=>[p("div",{class:v(["options-item",{"options-item-err":Be.value}])},[(n(!0),c(y,null,h(ze.value,((e,l)=>(n(),i(o(z),{class:"mgb-10",key:l,cols:24,"x-gap":8,"y-gap":8},{default:d((()=>[r(o(T),{span:11},{default:d((()=>[r(o(j),{value:e.value,"onUpdate:value":l=>e.value=l,maxLength:100,allowClear:"",placeholder:"选项值"},null,8,["value","onUpdate:value"])])),_:2},1024),r(o(T),{span:11},{default:d((()=>[r(o(j),{value:e.text,"onUpdate:value":l=>e.text=l,maxLength:100,allowClear:"",placeholder:"选项文本"},null,8,["value","onUpdate:value"])])),_:2},1024),r(o(T),{span:2,class:"flex-center"},{default:d((()=>[ze.value.length>1?(n(),i(o(N),{key:0,onClick:a=>function(e,l){ze.value.splice(l,1);let a=Ie.value.default_val;if(D(Ae.value)){if(!a||!a.length)return;let l=a.findIndex((l=>l===e.value));l||a.splice(l,1)}else{if(!a)return;a===e.value&&(a=void 0)}Ie.value.default_val=a}(e,l)},{default:d((()=>[re])),_:2},1032,["onClick"])):m("v-if",!0)])),_:2},1024)])),_:2},1024)))),128))],2)])),_:1})):m("v-if",!0),o(P)(o(Ae))?(n(),i(o(S),{key:1,path:"decimal_length",label:"小数位"},{default:d((()=>[r(o(Y),{style:{width:"100%"},min:0,max:5,placeholder:"请输入",precision:0,clearable:"",value:Ie.value.decimal_length,"onUpdate:value":[a[5]||(a[5]=e=>Ie.value.decimal_length=e),tl]},null,8,["value"])])),_:1})):m("v-if",!0),o(q)(o(Ae))?(n(),i(o(S),{key:2,path:"date_format",label:"日期格式"},{default:d((()=>[r(o(I),{style:{width:"100%"},value:Ie.value.date_format,"onUpdate:value":[a[6]||(a[6]=e=>Ie.value.date_format=e),Xe],placeholder:"请选择",options:Me},null,8,["value"])])),_:1})):m("v-if",!0),m(" 默认值>>>>>类型对应关系 "),r(o(S),{path:"default_val",label:"默认值"},{label:d((()=>[p("div",se,[pe,o(A)(o(Ae))?(n(),i(o(O),{key:0,duration:0},{trigger:d((()=>[fe])),default:d((()=>[f(" 支持输入系统变量当前操作人${sys.userId}，也支持选择一个人 ")])),_:1})):m("v-if",!0)])])),default:d((()=>[o(E)(o(Ae))?(n(),i(o(j),{key:0,value:Ie.value.default_val,"onUpdate:value":a[7]||(a[7]=e=>Ie.value.default_val=e),placeholder:xe,type:"textarea",clearable:"",maxlength:1e3,rows:3},null,8,["value"])):o(P)(o(Ae))?(n(),c(y,{key:1},[m(" 数字框 "),r(o(Y),{style:{width:"100%"},clearable:"",placeholder:xe,precision:Ve.value,value:Ie.value.default_val,"onUpdate:value":a[8]||(a[8]=e=>Ie.value.default_val=e)},null,8,["precision","value"])],2112)):o(F)(o(Ae))?(n(),c(y,{key:2},[m(" 下拉框、横向单选、纵向单选、横向多选、纵向多选、下拉多选框 "),r(o(I),{style:{width:"100%"},multiple:o(Je),clearable:"",value:Ie.value.default_val,"onUpdate:value":a[9]||(a[9]=e=>Ie.value.default_val=e),"label-field":"text",placeholder:xe,options:o(Ee)},null,8,["multiple","value","options"])],2112)):o(q)(o(Ae))?(n(),c(y,{key:3},[m(" 日期 "),p("div",me,[r(o(j),{clearable:"",maxLength:255,value:Ie.value.default_val,"onUpdate:value":a[10]||(a[10]=e=>Ie.value.default_val=e),placeholder:xe},null,8,["value"]),o(Ke)?(n(),c(y,{key:0},["month"===Te.value.mode?(n(),i(o($),{key:0,trigger:"click",show:Te.value.open},{trigger:d((()=>[r(o(C),{type:"info",onClick:ol},{default:d((()=>[f("选择")])),_:1})])),default:d((()=>[r(o(L),{panel:"",value:Te.value.value,"onUpdate:value":[a[11]||(a[11]=e=>Te.value.value=e),vl],type:"month","input-readonly":"",clearable:"",onConfirm:ol},null,8,["value"])])),_:1},8,["show"])):(n(),i(o($),{key:1,trigger:"click",show:Te.value.open},{trigger:d((()=>[r(o(C),{type:"info",onClick:ol},{default:d((()=>[f("选择")])),_:1})])),default:d((()=>[r(o(L),{panel:"",value:Te.value.value,"onUpdate:value":[a[12]||(a[12]=e=>Te.value.value=e),dl],format:Te.value.format,type:Te.value.componentType,"input-readonly":"",clearable:"",onConfirm:ol},null,8,["value","format","type"])])),_:1},8,["show"]))],64)):(n(),c(y,{key:1},[m(' <n-input\r\n              allowClear\r\n              :maxLength="255"\r\n              v-model:value="dateInfo.value"\r\n              @keydown.enter.prevent\r\n              :placeholder="defaultPlaceholder"\r\n            /> '),r(o(C),{type:"info",class:"date-time-button"},{default:d((()=>[ce,r(o(V),{value:Te.value.value,"onUpdate:value":[a[13]||(a[13]=e=>Te.value.value=e),rl],format:Te.value.format,"input-readonly":"",clearable:""},null,8,["value","format"])])),_:1}),m(' <n-popover trigger="click">\r\n              <template #trigger>\r\n                <n-button type="info">选择</n-button>\r\n              </template>\r\n              <n-time-picker\r\n                panel\r\n                v-model:value="dateInfo.value"\r\n                :format="dateInfo.format"\r\n                input-readonly\r\n                clearable\r\n                @update:value="timeChange"\r\n              >\r\n                <template v-slot:icon>111</template>\r\n\r\n              </n-time-picker>\r\n            </n-popover> ')],64))])],2112)):o(A)(o(Ae))?(n(),c(y,{key:4},[m(" 选人组件(增加一个选人组件) "),p("div",ye,[_(r(o(j),{allowClear:"",maxLength:255,value:Ie.value.default_val,"onUpdate:value":a[14]||(a[14]=e=>Ie.value.default_val=e),onKeydown:a[15]||(a[15]=g(b((()=>{}),["prevent"]),["enter"])),placeholder:xe},null,8,["value"]),[[x,!1]]),m(' 点击弹出选人组件弹窗 :mainForm="this" '),r(Z,{orgId:e.orgId,defaultValue:Ie.value.default_val,onCheckPerson:We},null,8,["orgId","defaultValue"]),Pe.value?(n(),c("span",he,k(Pe.value),1)):m("v-if",!0),m(' <n-button type="info">选择</n-button> ')])],2112)):(n(),c(y,{key:5},[m(" 其他 "),r(o(j),{value:Ie.value.default_val,"onUpdate:value":a[16]||(a[16]=e=>Ie.value.default_val=e),onKeydown:a[17]||(a[17]=g(b((()=>{}),["prevent"]),["enter"])),placeholder:"请输入默认值"},null,8,["value"])],2112))])),_:1}),r(o(S),{path:"elem_width",label:"宽度"},{default:d((()=>[r(o(I),{value:Ie.value.elem_width,"onUpdate:value":a[18]||(a[18]=e=>Ie.value.elem_width=e),placeholder:"请选择宽度",options:we},null,8,["value"])])),_:1}),r(o(S),{path:"isNull",label:"是否必填","label-placement":"left"},{default:d((()=>[r(o(B),{value:$e.value,"onUpdate:value":[a[19]||(a[19]=e=>$e.value=e),a[20]||(a[20]=e=>Ze("isNull",e))]},null,8,["value"])])),_:1}),o(A)(o(Ae))?(n(),i(o(S),{key:3,"label-placement":"left",path:"isMultiSelect",label:"是否多选"},{default:d((()=>[r(o(B),{value:Le.value,"onUpdate:value":a[21]||(a[21]=e=>Ze("isMultiSelect",e))},null,8,["value"])])),_:1})):m("v-if",!0)])),_:1},8,["model"]),r(Q,{visible:Fe.value,options:ze.value,onHandleSaveBatch:ul,onTriggerBatch:Re},null,8,["visible","options"])])),_:1},8,["style","title"])])),_:1},8,["class","show","width","bodyStyle"]))}});export{_e as default};

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

@@ -457,9 +457,9 @@ declare const _default: import("vue").DefineComponent<{
             requiredDisable: boolean;
             hide: boolean;
         }>;
-        isHighlightRow: boolean;
         idx: number;
         isHighlight: boolean;
+        isHighlightRow: boolean;
     }>;
     EditDialog: import("vue").DefineComponent<{
         visible: {

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

@@ -575,9 +575,9 @@ declare const _default: import("vue").DefineComponent<{
             requiredDisable: boolean;
             hide: boolean;
         }>;
-        isHighlightRow: boolean;
         idx: number;
         isHighlight: boolean;
+        isHighlightRow: boolean;
     }>;
     isArray: {
         (value?: any): value is any[];

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

@@ -282,8 +282,8 @@ declare const _default: import("vue").DefineComponent<{
         requiredDisable: boolean;
         hide: boolean;
     }>;
-    isHighlightRow: boolean;
     idx: number;
     isHighlight: boolean;
+    isHighlightRow: boolean;
 }>;
 export default _default;

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

@@ -106,6 +106,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
             businessFormatter: import("..").FormBusinessFormatter;
             requestInstance: import("..").FormRequestDefine.RequestInstance;
             enterToNextWidget: boolean | ((fieldItem: import("..").FieldItem) => boolean | void);
+            autoExpand: boolean;
             lowCodeReactions: import("../../shared/types").LowCodeTypes.reactionConfig[];
             linebarAutoHidden: boolean;
             bordered: string | boolean;
@@ -114,6 +115,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
             outBordered: boolean;
             forceClearable: boolean;
             wordSplitFilter: boolean;
+            selectMode: boolean;
+            selectedFields: string[];
         }>>>;
     };
     beforeMove: {
@@ -225,6 +228,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 businessFormatter: import("..").FormBusinessFormatter;
                 requestInstance: import("..").FormRequestDefine.RequestInstance;
                 enterToNextWidget: boolean | ((fieldItem: import("..").FieldItem) => boolean | void);
+                autoExpand: boolean;
                 lowCodeReactions: import("../../shared/types").LowCodeTypes.reactionConfig[];
                 linebarAutoHidden: boolean;
                 bordered: string | boolean;
@@ -233,6 +237,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 outBordered: boolean;
                 forceClearable: boolean;
                 wordSplitFilter: boolean;
+                selectMode: boolean;
+                selectedFields: string[];
             }>>>;
         };
         beforeMove: {
@@ -7529,6 +7535,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: import("vue").PropType<boolean | ((fieldItem: import("..").FieldItem) => boolean | void)>;
                     default: boolean;
                 };
+                autoExpand: BooleanConstructor;
                 lowCodeReactions: {
                     type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionConfig[]>;
                 };
@@ -7565,6 +7572,10 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                selectMode: BooleanConstructor;
+                selectedFields: {
+                    type: import("vue").PropType<string[]>;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -7698,6 +7709,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         type: import("vue").PropType<boolean | ((fieldItem: import("..").FieldItem) => boolean | void)>;
                         default: boolean;
                     };
+                    autoExpand: BooleanConstructor;
                     lowCodeReactions: {
                         type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionConfig[]>;
                     };
@@ -7734,12 +7746,17 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    selectMode: BooleanConstructor;
+                    selectedFields: {
+                        type: import("vue").PropType<string[]>;
+                    };
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
                     onAnnotationChange?: ((...args: any[]) => any) | undefined;
+                    "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
                 }>>;
-                emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
+                emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields", ...args: any[]) => void;
                 cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
                 nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
                 formRenderRef: import("vue").Ref<HTMLElement | undefined>;
@@ -7891,6 +7908,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     businessFormatter: import("..").FormBusinessFormatter;
                     requestInstance: import("..").FormRequestDefine.RequestInstance;
                     enterToNextWidget: boolean | ((fieldItem: import("..").FieldItem) => boolean | void);
+                    autoExpand: boolean;
                     lowCodeReactions: import("../../shared/types").LowCodeTypes.reactionConfig[];
                     linebarAutoHidden: boolean;
                     bordered: string | boolean;
@@ -7899,6 +7917,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     outBordered: boolean;
                     forceClearable: boolean;
                     wordSplitFilter: boolean;
+                    selectMode: boolean;
+                    selectedFields: string[];
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
@@ -8076,7 +8096,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     readonly displayDirective: "if" | "show" | "show:lazy";
                 }>;
                 NTabs: any;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
                     type: import("vue").PropType<import("..").FieldItem[]>;
                 };
@@ -8208,6 +8228,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: import("vue").PropType<boolean | ((fieldItem: import("..").FieldItem) => boolean | void)>;
                     default: boolean;
                 };
+                autoExpand: BooleanConstructor;
                 lowCodeReactions: {
                     type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionConfig[]>;
                 };
@@ -8244,10 +8265,15 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                selectMode: BooleanConstructor;
+                selectedFields: {
+                    type: import("vue").PropType<string[]>;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
                 onAnnotationChange?: ((...args: any[]) => any) | undefined;
+                "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
             }, {
                 anchor: boolean;
                 maxHeight: string | number;
@@ -8258,12 +8284,14 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 scope: import("../../shared/types").AnyObject;
                 consumer: boolean;
                 enterToNextWidget: boolean | ((fieldItem: import("..").FieldItem) => boolean | void);
+                autoExpand: boolean;
                 linebarAutoHidden: boolean;
                 bordered: string | boolean;
                 uniqueCacheData: boolean;
                 outBordered: boolean;
                 forceClearable: boolean;
                 wordSplitFilter: boolean;
+                selectMode: boolean;
                 operationalFormInit: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -8476,6 +8504,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 businessFormatter: import("..").FormBusinessFormatter;
                 requestInstance: import("..").FormRequestDefine.RequestInstance;
                 enterToNextWidget: boolean | ((fieldItem: import("..").FieldItem) => boolean | void);
+                autoExpand: boolean;
                 lowCodeReactions: import("../../shared/types").LowCodeTypes.reactionConfig[];
                 linebarAutoHidden: boolean;
                 bordered: string | boolean;
@@ -8484,6 +8513,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 outBordered: boolean;
                 forceClearable: boolean;
                 wordSplitFilter: boolean;
+                selectMode: boolean;
+                selectedFields: string[];
             }>>>;
         };
     }, {
@@ -8583,6 +8614,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     businessFormatter: import("..").FormBusinessFormatter;
                     requestInstance: import("..").FormRequestDefine.RequestInstance;
                     enterToNextWidget: boolean | ((fieldItem: import("..").FieldItem) => boolean | void);
+                    autoExpand: boolean;
                     lowCodeReactions: import("../../shared/types").LowCodeTypes.reactionConfig[];
                     linebarAutoHidden: boolean;
                     bordered: string | boolean;
@@ -8591,6 +8623,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     outBordered: boolean;
                     forceClearable: boolean;
                     wordSplitFilter: boolean;
+                    selectMode: boolean;
+                    selectedFields: string[];
                 }>>>;
             };
         }>> & {}>>;
@@ -13976,6 +14010,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: import("vue").PropType<boolean | ((fieldItem: import("..").FieldItem) => boolean | void)>;
                     default: boolean;
                 };
+                autoExpand: BooleanConstructor;
                 lowCodeReactions: {
                     type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionConfig[]>;
                 };
@@ -14012,6 +14047,10 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                selectMode: BooleanConstructor;
+                selectedFields: {
+                    type: import("vue").PropType<string[]>;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -14145,6 +14184,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         type: import("vue").PropType<boolean | ((fieldItem: import("..").FieldItem) => boolean | void)>;
                         default: boolean;
                     };
+                    autoExpand: BooleanConstructor;
                     lowCodeReactions: {
                         type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionConfig[]>;
                     };
@@ -14181,12 +14221,17 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    selectMode: BooleanConstructor;
+                    selectedFields: {
+                        type: import("vue").PropType<string[]>;
+                    };
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
                     onAnnotationChange?: ((...args: any[]) => any) | undefined;
+                    "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
                 }>>;
-                emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
+                emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields", ...args: any[]) => void;
                 cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
                 nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
                 formRenderRef: import("vue").Ref<HTMLElement | undefined>;
@@ -14338,6 +14383,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     businessFormatter: import("..").FormBusinessFormatter;
                     requestInstance: import("..").FormRequestDefine.RequestInstance;
                     enterToNextWidget: boolean | ((fieldItem: import("..").FieldItem) => boolean | void);
+                    autoExpand: boolean;
                     lowCodeReactions: import("../../shared/types").LowCodeTypes.reactionConfig[];
                     linebarAutoHidden: boolean;
                     bordered: string | boolean;
@@ -14346,6 +14392,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     outBordered: boolean;
                     forceClearable: boolean;
                     wordSplitFilter: boolean;
+                    selectMode: boolean;
+                    selectedFields: string[];
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
@@ -14523,7 +14571,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     readonly displayDirective: "if" | "show" | "show:lazy";
                 }>;
                 NTabs: any;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
                     type: import("vue").PropType<import("..").FieldItem[]>;
                 };
@@ -14655,6 +14703,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: import("vue").PropType<boolean | ((fieldItem: import("..").FieldItem) => boolean | void)>;
                     default: boolean;
                 };
+                autoExpand: BooleanConstructor;
                 lowCodeReactions: {
                     type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionConfig[]>;
                 };
@@ -14691,10 +14740,15 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                selectMode: BooleanConstructor;
+                selectedFields: {
+                    type: import("vue").PropType<string[]>;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
                 onAnnotationChange?: ((...args: any[]) => any) | undefined;
+                "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
             }, {
                 anchor: boolean;
                 maxHeight: string | number;
@@ -14705,12 +14759,14 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 scope: import("../../shared/types").AnyObject;
                 consumer: boolean;
                 enterToNextWidget: boolean | ((fieldItem: import("..").FieldItem) => boolean | void);
+                autoExpand: boolean;
                 linebarAutoHidden: boolean;
                 bordered: string | boolean;
                 uniqueCacheData: boolean;
                 outBordered: boolean;
                 forceClearable: boolean;
                 wordSplitFilter: boolean;
+                selectMode: boolean;
                 operationalFormInit: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -14810,6 +14866,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 businessFormatter: import("..").FormBusinessFormatter;
                 requestInstance: import("..").FormRequestDefine.RequestInstance;
                 enterToNextWidget: boolean | ((fieldItem: import("..").FieldItem) => boolean | void);
+                autoExpand: boolean;
                 lowCodeReactions: import("../../shared/types").LowCodeTypes.reactionConfig[];
                 linebarAutoHidden: boolean;
                 bordered: string | boolean;
@@ -14818,6 +14875,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 outBordered: boolean;
                 forceClearable: boolean;
                 wordSplitFilter: boolean;
+                selectMode: boolean;
+                selectedFields: string[];
             }>>>;
         };
     }>>, {}>;
@@ -15089,6 +15148,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
             businessFormatter: import("..").FormBusinessFormatter;
             requestInstance: import("..").FormRequestDefine.RequestInstance;
             enterToNextWidget: boolean | ((fieldItem: import("..").FieldItem) => boolean | void);
+            autoExpand: boolean;
             lowCodeReactions: import("../../shared/types").LowCodeTypes.reactionConfig[];
             linebarAutoHidden: boolean;
             bordered: string | boolean;
@@ -15097,6 +15157,8 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
             outBordered: boolean;
             forceClearable: boolean;
             wordSplitFilter: boolean;
+            selectMode: boolean;
+            selectedFields: string[];
         }>>>;
     };
     beforeMove: {