cnhis-design-vue 3.1.5-beta.5 → 3.1.6

package/es/packages/field-set/src/FieldSet.vue_vue_type_script_setup_true_lang.mjs

@@ -1 +1 @@
-import{defineComponent as e,ref as s,reactive as t,onMounted as l,computed as i,openBlock as a,createElementBlock as o,createVNode as d,unref as n,withCtx as c,createElementVNode as r,normalizeClass as h,createCommentVNode as p,createBlock as u,renderSlot as f,normalizeStyle as w,toDisplayString as m,withDirectives as g,vShow as y,vModelSelect as k,vModelText as v,createTextVNode as S}from"vue";import{NSpin as b,NCheckbox as U,NTooltip as x,NButton as C}from"naive-ui";import F from"vuedraggable";const V={class:"fields-set-content"},O={class:"fields-table"},P=r("span",{class:"width-show",style:{width:"4%"}},null,-1),_=r("span",{class:"width-large"},"所有字段",-1),W={class:"width-show"},j=S(" 显示 "),z={class:"width-show"},I=S(" 排序 "),D=r("span",{class:"width-showed"},"固定",-1),$=r("span",{class:"width-word"},"自定义标题",-1),q=r("span",{class:"width-showed"},"列宽",-1),A=["onClick"],B={class:"width-show drag-icon-wrap"},E=r("span",{class:"iconfont icon-a-menzhenyishengzhanxitongtubiaotuozhuai",style:{color:"#000"}},null,-1),N=r("span",null,"拖拽调整顺序",-1),G=r("span",{style:{width:"14px","margin-right":"6px"}},null,-1),H={class:"width-show"},J={class:"width-show"},K={class:"width-showed"},L=["onUpdate:modelValue"],M=[r("option",{value:0},"不固定",-1),r("option",{value:1},"左固定",-1),r("option",{value:2},"右固定",-1)],Q={class:"width-word"},R=["onUpdate:modelValue"],T={class:"width-showed"},X=["onUpdate:modelValue"],Y={key:0,class:"check-options"},Z={class:"btn-operate"},ee=S("取消"),se=S("保存");var te=e({props:{fields:{type:Array,default:function(){return[]}},menuSource:{type:String,default:""},drawerDirection:{type:String,default:"right"},footerFlag:{type:Boolean,default:!0}},emits:["onSave","onClose"],setup(e,{emit:S}){const te=e,le=s(null),ie=t({spinning:!1,isCustomSearch:!0,clickItem:{},fields:te.fields});l((()=>{de()}));const ae=i((()=>"middle"==te.menuSource)),oe=e=>ie.fields.some((s=>Object.prototype.hasOwnProperty.call(s,e))),de=()=>{var e,s;ae.value||("right"===te.drawerDirection?null==(e=le.value)||e.style.setProperty("margin","auto"):null==(s=le.value)||s.style.setProperty("margin","auto"))},ne=()=>{let e=[];ie.fields.length>0&&ie.fields.forEach(((s,t)=>{e.push({id:s.sid,field:s.columnName,visible:1==s.isShow,sequence:t,sortable:1==s.isSort,title:s.alias||s.title,fixed:s.isFixed?1==s.isFixed?"left":"right":"",minWidth:s.colWidth})})),console.log("tableFields",e),S("onSave",{tableFields:e})},ce=()=>{S("onClose")},re=e=>!!ie.fields.length&&ie.fields.every((s=>!Object.prototype.hasOwnProperty.call(s,e)||s[e])),he=(e,s)=>{const t=e?1:0,l=ie.fields.map((e=>(Object.prototype.hasOwnProperty.call(e,s)&&(e[s]=t),e)));ie.fields=l};return(e,s)=>(a(),o("div",{ref_key:"settingView",ref:le,class:"c-field-set"},[d(n(b),{show:n(ie).spinning,tip:"...",style:{width:"100%",height:"100%"}},{default:c((()=>[r("div",V,[r("div",O,[r("div",{class:h(["setting-title",{"seting-title-api":!n(ie).isCustomSearch}])},[P,p(" 字段名称 "),_,p(" 显示 "),r("span",W,[oe("isShow")?(a(),u(n(U),{key:0,checked:re("isShow"),"onUpdate:checked":s[0]||(s[0]=e=>he(e,"isShow"))},null,8,["checked"])):p("v-if",!0),j]),p(" 排序 "),r("span",z,[oe("isSort")?(a(),u(n(U),{key:0,checked:re("isSort"),"onUpdate:checked":s[1]||(s[1]=e=>he(e,"isSort"))},null,8,["checked"])):p("v-if",!0),I]),p(" 固定 "),D,f(e.$slots,"default",{},(()=>[p(" 自定义标题 "),$])),p(" 列宽 "),q],2),r("div",{ref:"setShow",class:h(["set-show",{"set-show-api":!n(ie).isCustomSearch}])},[d(n(F),{list:n(ie).fields,animation:"150","item-key":"sid",tag:"ul"},{item:c((({element:s})=>{return[r("li",{class:"left-style",style:w((t=s,{background:ie.clickItem.sid===t.sid?"#f2f2f2":void 0})),onClick:e=>{return t=s,void(ie.clickItem=t);var t}},[r("span",B,[d(n(x),{trigger:"hover"},{trigger:c((()=>[E])),default:c((()=>[N])),_:1})]),p(" 字段名称 "),r("span",{class:h(["width-large title-item",{blue:s.extraField}])},[G,r("span",null,m(s.title),1)],2),p(" 显示 "),r("span",H,[g(d(n(U),{"default-checked":"1"==s.isShow,checked:"1"==s.isShow,"onUpdate:checked":e=>((e,s)=>{s.isShow=1==e?1:0})(e,s)},null,8,["default-checked","checked","onUpdate:checked"]),[[y,"0001"!=s.sid]])]),p(" 排序 "),r("span",J,[g(d(n(U),{"default-checked":"1"==s.isSort,disabled:1==s.notParticipatingSort,checked:!!s.isSort,"onUpdate:checked":e=>((e,s)=>{s.isSort=1==e?1:0})(e,s)},null,8,["default-checked","disabled","checked","onUpdate:checked"]),[[y,"0001"!=s.sid]])]),p(" 固定 "),r("span",K,[g(r("select",{"onUpdate:modelValue":e=>s.isFixed=e,class:"is-sort-style"},M,8,L),[[k,s.isFixed]])]),f(e.$slots,"default",{},(()=>[p(" 自定义标题 "),r("span",Q,[g(r("input",{"onUpdate:modelValue":e=>s.alias=e,class:"alias-style"},null,8,R),[[y,"0001"!=s.sid],[v,s.alias]])])])),p(" 列宽 "),r("span",T,[g(r("input",{"onUpdate:modelValue":e=>s.colWidth=e,class:"alias-style col-width-style"},null,8,X),[[v,s.colWidth]])])],12,A)];var t})),_:3},8,["list"])],2)]),te.footerFlag?(a(),o("div",Y,[r("div",Z,[d(n(C),{style:{"margin-right":"8px"},onClick:ce},{default:c((()=>[ee])),_:1}),d(n(C),{type:"primary",onClick:ne},{default:c((()=>[se])),_:1})])])):p("v-if",!0)])])),_:3},8,["show"])],512))}});export{te as default};
+import{defineComponent as e,ref as s,reactive as t,onMounted as l,computed as i,openBlock as a,createElementBlock as o,createVNode as d,unref as n,withCtx as c,createElementVNode as r,normalizeClass as h,createCommentVNode as p,createBlock as u,renderSlot as f,normalizeStyle as w,toDisplayString as m,withDirectives as g,vShow as y,vModelSelect as k,vModelText as v,createTextVNode as S}from"vue";import{NSpin as b,NCheckbox as U,NTooltip as x,NButton as F}from"naive-ui";import C from"vuedraggable";const V={class:"fields-set-content"},O={class:"fields-table"},P=r("span",{class:"width-show",style:{width:"4%"}},null,-1),_=r("span",{class:"width-large"},"所有字段",-1),W={class:"width-show"},j=S(" 显示 "),z={class:"width-show"},I=S(" 排序 "),D=r("span",{class:"width-showed"},"固定",-1),$=r("span",{class:"width-word"},"自定义标题",-1),q=r("span",{class:"width-showed"},"列宽",-1),A=["onClick"],B={class:"width-show drag-icon-wrap"},E=r("span",{class:"iconfont icon-a-menzhenyishengzhanxitongtubiaotuozhuai",style:{color:"#000"}},null,-1),N=r("span",null,"拖拽调整顺序",-1),G=r("span",{style:{width:"14px","margin-right":"6px"}},null,-1),H={class:"width-show"},J={class:"width-show"},K={class:"width-showed"},L=["onUpdate:modelValue"],M=[r("option",{value:0},"不固定",-1),r("option",{value:1},"左固定",-1),r("option",{value:2},"右固定",-1)],Q={class:"width-word"},R=["onUpdate:modelValue"],T={class:"width-showed"},X=["onUpdate:modelValue"],Y={key:0,class:"check-options"},Z={class:"btn-operate"},ee=S("取消"),se=S("保存");var te=e({name:"FieldSet",props:{fields:{type:Array,default:function(){return[]}},menuSource:{type:String,default:""},drawerDirection:{type:String,default:"right"},footerFlag:{type:Boolean,default:!0}},emits:["onSave","onClose"],setup(e,{emit:S}){const te=e,le=s(null),ie=t({spinning:!1,isCustomSearch:!0,clickItem:{},fields:te.fields});l((()=>{de()}));const ae=i((()=>"middle"==te.menuSource)),oe=e=>ie.fields.some((s=>Object.prototype.hasOwnProperty.call(s,e))),de=()=>{var e,s;ae.value||("right"===te.drawerDirection?null==(e=le.value)||e.style.setProperty("margin","auto"):null==(s=le.value)||s.style.setProperty("margin","auto"))},ne=()=>{let e=[];ie.fields.length>0&&ie.fields.forEach(((s,t)=>{e.push({id:s.sid,field:s.columnName,visible:1==s.isShow,sequence:t,sortable:1==s.isSort,title:s.alias||s.title,fixed:s.isFixed?1==s.isFixed?"left":"right":"",minWidth:s.colWidth})})),console.log("tableFields",e),S("onSave",{tableFields:e})},ce=()=>{S("onClose")},re=e=>!!ie.fields.length&&ie.fields.every((s=>!Object.prototype.hasOwnProperty.call(s,e)||s[e])),he=(e,s)=>{const t=e?1:0,l=ie.fields.map((e=>(Object.prototype.hasOwnProperty.call(e,s)&&(e[s]=t),e)));ie.fields=l};return(e,s)=>(a(),o("div",{ref_key:"settingView",ref:le,class:"c-field-set"},[d(n(b),{show:ie.spinning,tip:"...",style:{width:"100%",height:"100%"}},{default:c((()=>[r("div",V,[r("div",O,[r("div",{class:h(["setting-title",{"seting-title-api":!ie.isCustomSearch}])},[P,p(" 字段名称 "),_,p(" 显示 "),r("span",W,[oe("isShow")?(a(),u(n(U),{key:0,checked:re("isShow"),"onUpdate:checked":s[0]||(s[0]=e=>he(e,"isShow"))},null,8,["checked"])):p("v-if",!0),j]),p(" 排序 "),r("span",z,[oe("isSort")?(a(),u(n(U),{key:0,checked:re("isSort"),"onUpdate:checked":s[1]||(s[1]=e=>he(e,"isSort"))},null,8,["checked"])):p("v-if",!0),I]),p(" 固定 "),D,f(e.$slots,"default",{},(()=>[p(" 自定义标题 "),$])),p(" 列宽 "),q],2),r("div",{ref:"setShow",class:h(["set-show",{"set-show-api":!ie.isCustomSearch}])},[d(n(C),{list:ie.fields,animation:"150","item-key":"sid",tag:"ul"},{item:c((({element:s})=>{return[r("li",{class:"left-style",style:w((t=s,{background:ie.clickItem.sid===t.sid?"#f2f2f2":void 0})),onClick:e=>{return t=s,void(ie.clickItem=t);var t}},[r("span",B,[d(n(x),{trigger:"hover"},{trigger:c((()=>[E])),default:c((()=>[N])),_:1})]),p(" 字段名称 "),r("span",{class:h(["width-large title-item",{blue:s.extraField}])},[G,r("span",null,m(s.title),1)],2),p(" 显示 "),r("span",H,[g(d(n(U),{"default-checked":"1"==s.isShow,checked:"1"==s.isShow,"onUpdate:checked":e=>((e,s)=>{s.isShow=1==e?1:0})(e,s)},null,8,["default-checked","checked","onUpdate:checked"]),[[y,"0001"!=s.sid]])]),p(" 排序 "),r("span",J,[g(d(n(U),{"default-checked":"1"==s.isSort,disabled:1==s.notParticipatingSort,checked:!!s.isSort,"onUpdate:checked":e=>((e,s)=>{s.isSort=1==e?1:0})(e,s)},null,8,["default-checked","disabled","checked","onUpdate:checked"]),[[y,"0001"!=s.sid]])]),p(" 固定 "),r("span",K,[g(r("select",{"onUpdate:modelValue":e=>s.isFixed=e,class:"is-sort-style"},M,8,L),[[k,s.isFixed]])]),f(e.$slots,"default",{},(()=>[p(" 自定义标题 "),r("span",Q,[g(r("input",{"onUpdate:modelValue":e=>s.alias=e,class:"alias-style"},null,8,R),[[y,"0001"!=s.sid],[v,s.alias]])])])),p(" 列宽 "),r("span",T,[g(r("input",{"onUpdate:modelValue":e=>s.colWidth=e,class:"alias-style col-width-style"},null,8,X),[[v,s.colWidth]])])],12,A)];var t})),_:3},8,["list"])],2)]),te.footerFlag?(a(),o("div",Y,[r("div",Z,[d(n(F),{style:{"margin-right":"8px"},onClick:ce},{default:c((()=>[ee])),_:1}),d(n(F),{type:"primary",onClick:ne},{default:c((()=>[se])),_:1})])])):p("v-if",!0)])])),_:3},8,["show"])],512))}});export{te as default};