@yuuuu_ovo/ci-web-plugins-commom 2.0.7 → 2.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ref as e,computed as a,onMounted as l,resolveComponent as t,createElementBlock as o,openBlock as n,createElementVNode as i,toDisplayString as s,normalizeClass as r,createVNode as d,withCtx as m,createCommentVNode as f,createBlock as c,createTextVNode as u,withModifiers as p}from"vue";const b={class:"header-dropdown"},y={style:{display:"inline-block"}},v={style:{display:"flex"}},g={style:{display:"flex"}},x={style:{display:"flex"}},R={style:{display:"flex"}},h={style:{display:"flex"}},k={style:{display:"flex"}},C={style:{display:"flex"}},_={style:{display:"flex"}},w={class:"menu-trigger-wrapper"},S={style:{display:"flex"}},B={class:"menu-trigger-wrapper"},z={style:{display:"flex"}},D={class:"menu-trigger-wrapper"},P={style:{display:"flex"}},T={style:{display:"flex"}},F={style:{display:"flex"}},I={style:{display:"flex"}},E={style:{display:"flex"}},N={style:{display:"flex"}};var O={__name:"index",props:{onImport:Function,onExport:Function,onAsc:Function,onDesc:Function,onFullscreen:Function,onPrint:Function,onCustom:Function,onAll:Function,onIndividual:Function,refreshCustom:Function,searchCustom:Function,tableRef:{type:Object,default:null},title:{type:String,default:null},column:{type:Object,default:null},headerConfig:{type:Object,import:{type:Boolean,default:!1},export:{type:Boolean,default:!1},lineHeight:{type:Boolean,default:!1},custom:{type:Boolean,default:!1},resetCustom:{type:Boolean,default:!1},save:{type:Boolean,default:!1},feedback:{type:Boolean,default:!1},chart:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},print:{type:Boolean,default:!1},lock:{type:Boolean,default:!1},unlock:{type:Boolean,default:!1}}},setup(O){const V=O,H=e(!1),A=e(36),J=e(!1),L=e(!0),j=e("mini");e(null),a((()=>!!V.onExport||!!V.tableRef));const M=e=>{V.tableRef?.toolbarRef?(V.tableRef.vxeTableProRef.resetCustom(e),localStorage.setItem(V.tableRef.vxeTableProRef.id,JSON.stringify({border:!0,lineHeight:36,stripe:!1,cellStyle:"mini"})),oe()):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},U=()=>{const e=document.getElementsByClassName(V.column.field);console.log(e);const a=document.getElementsByClassName(""+("dropdownRight"+V.column.field));e[0].style.opacity=1,a[0].style.borderLeft="1px solid #ddd"},$=()=>{if(0==H.value){const e=document.getElementsByClassName(V.column.field),a=document.getElementsByClassName(""+("dropdownRight"+V.column.field));e[0].style.opacity=0,a[0].style.borderLeft="0px solid #ddd"}},q=e=>{H.value=e;const a=document.getElementsByClassName("dropdown-trigger-icon"),l=document.getElementsByClassName(""+("dropdownRight"+V.column.field));1==e?(a[0].style.opacity=1,l[0].style.borderLeft="1px solid #ddd"):(a[0].style.opacity=0,l[0].style.borderLeft="0px solid #ddd")},G=e(null),K=(e,a)=>{switch(e){case"import":V.onImport?V.onImport():V.tableRef?.openImport?V.tableRef.openImport():console.warn("无法导出：缺少 tableRef 或 exportData 方法");break;case"export":V.onExport?V.onExport():V.tableRef?.exportData?V.tableRef.exportData({filename:"表格数据",sheetName:"Sheet1",type:"csv"}):(console.warn("无法导出：缺少 tableRef 或 exportData 方法"),ElMessage?.warning?.("导出失败：表格实例不可用"));break;case"asc":V.onAsc?.();break;case"desc":V.onDesc?.();break;case"fullscreen":V.tableRef?V.tableRef.toggleFullscreen():console.warn("无法导出：缺少 tableRef 或 exportData 方法");break;case"print":V.onPrint?V.onPrint():V.tableRef?.toolbarRef?(console.log(V.tableRef,"输出"),V.tableRef.vxeTableProRef.openPrint()):console.warn("无法导出：缺少 tableRef 或 exportData 方法");break;case"custom":V.onCustom?V.onCustom():(e=>{V.tableRef?.toolbarRef?V.tableRef.vxeTableProRef.customOpenEvent(e):console.warn("无法导出：缺少 tableRef 或 exportData 方法")})(a);break;case"resetCustom":M(!0);break;case"save":break;case"lineHeight":G.value?.handleOpen();break;case"refreshCustom":V.refreshCustom?V.refreshCustom(V.tableRef.vxeTableProRef.id):M(!0);break;case"searchCustom":V.searchCustom&&V.searchCustom();break;case"lock":V.tableRef.vxeTableProRef.setColumnFixed(V.column.field,"left");break;case"unlock":V.tableRef.vxeTableProRef.clearColumnFixed(V.column.field)}},Q=(e,a)=>{switch(e){case"cellStyle":ae();break;case"stripeStyle":te();break;case"smallStyle":W();break;case"mediumStyle":X();break;case"miniStyle":Y();break;case"largeStyle":Z();break;case"local":defaultlocal();break;case"individual":let e=V.tableRef.vxeTableProRef.getCustomStoreData();var l=JSON.parse(localStorage.getItem(V.tableRef.vxeTableProRef.id));e.basicConfig=l,V.onIndividual?.(V.tableRef.vxeTableProRef.id,e);break;case"all":let a=V.tableRef.vxeTableProRef.getCustomStoreData();var t=JSON.parse(localStorage.getItem(V.tableRef.vxeTableProRef.id));a.basicConfig=t,V.onAll?.(V.tableRef.vxeTableProRef.id,a)}},W=e=>{V.tableRef?(j.value="small",le(),V.tableRef.sizeBool("small")):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},X=e=>{V.tableRef?(j.value="medium",le(),V.tableRef.sizeBool("medium")):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},Y=e=>{V.tableRef?(j.value="mini",le(),V.tableRef.sizeBool("mini")):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},Z=e=>{V.tableRef?(V.tableRef.sizeBool("default"),j.value="default",le()):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},ee=e=>{V.tableRef?(V.tableRef.changelineHeight(e),le()):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},ae=e=>{V.tableRef?setTimeout((()=>{V.tableRef.borderBool(L.value),le()}),500):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},le=()=>{localStorage.setItem(V.tableRef.vxeTableProRef.id,JSON.stringify({border:L.value,lineHeight:A.value,stripe:J.value,cellStyle:j.value}))},te=e=>{V.tableRef?setTimeout((()=>{V.tableRef.scriptBool(J.value),le()}),500):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},oe=()=>{try{if(localStorage.getItem(V.tableRef.vxeTableProRef.id)){var e=JSON.parse(localStorage.getItem(V.tableRef.vxeTableProRef.id));setTimeout((()=>{L.value=e?.border,J.value=e.stripe,j.value=e.cellStyle||"default",A.value=e.lineHeight||36,V.tableRef.scriptBool(J.value),V.tableRef.borderBool(L.value),V.tableRef.changelineHeight(A.value),V.tableRef.sizeBool(j.value)}),100)}}catch(e){}};return l((()=>{oe()})),(e,a)=>{const l=t("vxe-icon"),H=t("el-dropdown-item"),j=t("el-input-number"),M=t("el-dropdown-menu"),W=t("el-dropdown"),X=t("el-checkbox");return n(),o("div",b,[i("span",y,s(O.title),1),i("div",{class:r("dropdownRight "+("dropdownRight"+V.column.field)),onMouseleave:$,onMouseenter:U},[d(W,{ref_key:"dropdown",ref:G,trigger:"click",onCommand:K,onVisibleChange:q},{dropdown:m((()=>[d(M,null,{default:m((()=>[f(" 导入 "),V.headerConfig.import?(n(),c(H,{key:0,command:"import"},{default:m((()=>[i("div",v,[d(l,{name:"upload",size:"16"}),a[12]||(a[12]=i("div",{style:{"margin-top":"-3px"}},"导入",-1))])])),_:1})):f("v-if",!0),f(" 导出 "),V.headerConfig.export?(n(),c(H,{key:1,command:"export"},{default:m((()=>[i("div",g,[d(l,{name:"download",size:"16"}),a[13]||(a[13]=i("div",{style:{"margin-top":"-3px"}},"导出",-1))])])),_:1})):f("v-if",!0),f(" 正序 "),V.onAsc?(n(),c(H,{key:2,command:"asc"},{default:m((()=>[i("div",x,[d(l,{name:"sort-alpha-asc",size:"16"}),a[14]||(a[14]=i("div",{style:{"margin-top":"-3px"}},"正序(接口)",-1))])])),_:1})):f("v-if",!0),f(" 倒序 "),V.onDesc?(n(),c(H,{key:3,command:"desc"},{default:m((()=>[i("div",R,[d(l,{name:"sort-alpha-desc",size:"16"}),a[15]||(a[15]=i("div",{style:{"margin-top":"-3px"}},"倒序(接口)",-1))])])),_:1})):f("v-if",!0),V.headerConfig.lineHeight?(n(),c(H,{key:4,command:"lineHeight"},{default:m((()=>[i("div",h,[d(l,{name:"number",size:"16",style:{"margin-top":"7px"}}),i("div",null,[a[16]||(a[16]=u("行高： ")),d(j,{modelValue:A.value,"onUpdate:modelValue":a[0]||(a[0]=e=>A.value=e),min:1,max:200,style:{width:"100px"},"controls-position":"right",onChange:ee},null,8,["modelValue"])])])])),_:1})):f("v-if",!0),V.headerConfig.custom?(n(),c(H,{key:5,command:"custom",onClick:a[1]||(a[1]=e=>K("custom",e))},{default:m((()=>[i("div",k,[d(l,{name:"setting",size:"16"}),a[17]||(a[17]=i("div",{style:{"margin-top":"-3px"}},"列设置",-1))])])),_:1})):f("v-if",!0),V.headerConfig.resetCustom?(n(),c(H,{key:6,command:"resetCustom",onClick:a[2]||(a[2]=e=>K("resetCustom",e))},{default:m((()=>[i("div",C,[d(l,{name:"repeat",size:"16"}),a[18]||(a[18]=i("div",{style:{"margin-top":"-3px"}},"重置列",-1))])])),_:1})):f("v-if",!0),V.headerConfig.save?(n(),c(H,{key:7,command:"save",onClick:a[4]||(a[4]=e=>K("save",e))},{default:m((()=>[i("div",_,[d(l,{name:"save",size:"16"}),a[19]||(a[19]=i("div",{style:{"margin-top":"-3px",width:"100px","margin-right":"35px"}},"保存布局",-1))]),d(W,{placement:"right-start","fallback-placements":["bottom-start"],onCommand:Q,trigger:"hover",onClick:a[3]||(a[3]=p((()=>{}),["stop"]))},{dropdown:m((()=>[d(M,{class:"style-sub-menu"},{default:m((()=>[V.onIndividual?(n(),c(H,{key:0,command:"individual"},{default:m((()=>a[20]||(a[20]=[u("保存个人")]))),_:1,__:[20]})):f("v-if",!0),V.onAll?(n(),c(H,{key:1,command:"all"},{default:m((()=>a[21]||(a[21]=[u("保存所有")]))),_:1,__:[21]})):f("v-if",!0)])),_:1})])),default:m((()=>[i("div",w,[d(l,{name:"caret-right"})])])),_:1})])),_:1})):f("v-if",!0),V.headerConfig.feedback?(n(),c(H,{key:8,command:"feedback"},{default:m((()=>[i("div",S,[d(l,{name:"feedback",size:"16"}),a[22]||(a[22]=i("div",{style:{"margin-top":"-3px",width:"100px","margin-right":"35px"}},"样式",-1))]),d(W,{placement:"right-start","fallback-placements":["bottom-start"],onCommand:Q,trigger:"hover",onClick:a[7]||(a[7]=p((()=>{}),["stop"]))},{dropdown:m((()=>[d(M,{class:"style-sub-menu"},{default:m((()=>[d(H,{command:"stripeStyle"},{default:m((()=>[d(X,{modelValue:J.value,"onUpdate:modelValue":a[5]||(a[5]=e=>J.value=e)},{default:m((()=>a[23]||(a[23]=[u("启用斑马纹")]))),_:1,__:[23]},8,["modelValue"])])),_:1}),d(H,{command:"cellStyle"},{default:m((()=>[d(X,{modelValue:L.value,"onUpdate:modelValue":a[6]||(a[6]=e=>L.value=e)},{default:m((()=>a[24]||(a[24]=[u("启用边框")]))),_:1,__:[24]},8,["modelValue"])])),_:1})])),_:1})])),default:m((()=>[i("div",B,[d(l,{name:"caret-right"})])])),_:1})])),_:1})):f("v-if",!0),V.headerConfig.chart?(n(),c(H,{key:9,command:"chart"},{default:m((()=>[i("div",z,[d(l,{name:"chart-bar-x",size:"16"}),a[25]||(a[25]=i("div",{style:{"margin-top":"-3px",width:"100px","margin-right":"35px"}},"排版",-1))]),d(W,{placement:"right-start","fallback-placements":["bottom-start"],onCommand:Q,trigger:"hover",onClick:a[8]||(a[8]=p((()=>{}),["stop"]))},{dropdown:m((()=>[d(M,{class:"style-sub-menu"},{default:m((()=>[d(H,{command:"largeStyle"},{default:m((()=>a[26]||(a[26]=[u("默认")]))),_:1,__:[26]}),d(H,{command:"mediumStyle"},{default:m((()=>a[27]||(a[27]=[u("中")]))),_:1,__:[27]}),d(H,{command:"smallStyle"},{default:m((()=>a[28]||(a[28]=[u("小")]))),_:1,__:[28]}),d(H,{command:"miniStyle"},{default:m((()=>a[29]||(a[29]=[u("迷你")]))),_:1,__:[29]})])),_:1})])),default:m((()=>[i("div",D,[d(l,{name:"caret-right"})])])),_:1})])),_:1})):f("v-if",!0),V.refreshCustom?(n(),c(H,{key:10,command:"refreshCustom",onClick:a[9]||(a[9]=e=>K("refreshCustom",e))},{default:m((()=>[i("div",P,[d(l,{name:"refresh",size:"16"}),a[30]||(a[30]=i("div",{style:{"margin-top":"-3px"}},"更新布局",-1))])])),_:1})):f("v-if",!0),V.searchCustom?(n(),c(H,{key:11,command:"searchCustom"},{default:m((()=>[i("div",T,[d(l,{name:"repeat",size:"16"}),a[31]||(a[31]=i("div",{style:{"margin-top":"-3px"}},"刷新",-1))])])),_:1})):f("v-if",!0),f(" 全屏 "),V.headerConfig.fullscreen?(n(),c(H,{key:12,command:"fullscreen"},{default:m((()=>[i("div",F,[d(l,{name:"zoom-out",size:"16"}),a[32]||(a[32]=i("div",{style:{"margin-top":"-3px"}},"全屏",-1))])])),_:1})):f("v-if",!0),f(" 打印 "),V.headerConfig.print?(n(),c(H,{key:13,command:"print"},{default:m((()=>[i("div",I,[d(l,{name:"print",size:"16"}),a[33]||(a[33]=i("div",{style:{"margin-top":"-3px"}},"打印",-1))])])),_:1})):f("v-if",!0),V.headerConfig.lock?(n(),c(H,{key:14,command:"lock",onClick:a[10]||(a[10]=e=>K("lock",e))},{default:m((()=>[i("div",E,[d(l,{name:"lock",size:"16"}),a[34]||(a[34]=i("div",{style:{"margin-top":"-3px"}},"锁定",-1))])])),_:1})):f("v-if",!0),V.headerConfig.unlock?(n(),c(H,{key:15,command:"unlock",onClick:a[11]||(a[11]=e=>K("unlock",e))},{default:m((()=>[i("div",N,[d(l,{name:"unlock",size:"16"}),a[35]||(a[35]=i("div",{style:{"margin-top":"-3px"}},"解锁",-1))])])),_:1})):f("v-if",!0)])),_:1})])),default:m((()=>[d(l,{class:r(`dropdown-trigger-icon ${V.column.field}`),tabindex:"-1",style:{"margin-top":"4px"},name:"caret-down"},null,8,["class"])])),_:1},512)],34)])}}};export{O as default};
|
|
1
|
+
import{ref as e,computed as a,onMounted as l,resolveComponent as t,createElementBlock as o,openBlock as n,createElementVNode as i,toDisplayString as s,normalizeClass as r,createVNode as d,withCtx as m,createCommentVNode as f,createBlock as c,createTextVNode as u,withModifiers as p}from"vue";const b={class:"header-dropdown"},y={style:{display:"inline-block"}},v={style:{display:"flex"}},g={style:{display:"flex"}},x={style:{display:"flex"}},R={style:{display:"flex"}},h={style:{display:"flex"}},k={style:{display:"flex"}},C={style:{display:"flex"}},_={style:{display:"flex"}},w={class:"menu-trigger-wrapper"},S={style:{display:"flex"}},B={class:"menu-trigger-wrapper"},z={style:{display:"flex"}},D={class:"menu-trigger-wrapper"},P={style:{display:"flex"}},T={style:{display:"flex"}},F={style:{display:"flex"}},I={style:{display:"flex"}},E={style:{display:"flex"}},N={style:{display:"flex"}};var O={__name:"index",props:{onImport:Function,onExport:Function,onAsc:Function,onDesc:Function,onFullscreen:Function,onPrint:Function,onCustom:Function,onAll:Function,onIndividual:Function,refreshCustom:Function,searchCustom:Function,tableRef:{type:Object,default:null},title:{type:String,default:null},column:{type:Object,default:null},headerConfig:{type:Object,import:{type:Boolean,default:!1},export:{type:Boolean,default:!1},lineHeight:{type:Boolean,default:!1},custom:{type:Boolean,default:!1},resetCustom:{type:Boolean,default:!1},save:{type:Boolean,default:!1},feedback:{type:Boolean,default:!1},chart:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},print:{type:Boolean,default:!1},lock:{type:Boolean,default:!1},unlock:{type:Boolean,default:!1}}},setup(O){const V=O,H=e(!1),A=e(36),J=e(!1),L=e(!0),j=e("mini");e(null),a((()=>!!V.onExport||!!V.tableRef));const M=e=>{V.tableRef?.toolbarRef?(V.tableRef.vxeTableProRef.resetCustom(e),localStorage.setItem(V.tableRef.vxeTableProRef.id,JSON.stringify({border:!0,lineHeight:36,stripe:!1,cellStyle:"mini"})),oe()):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},U=()=>{const e=document.getElementsByClassName(V.column.field);console.log(e);const a=document.getElementsByClassName(""+("dropdownRight"+V.column.field));e[0].style.opacity=1,a[0].style.borderLeft="1px solid #ddd"},$=()=>{if(0==H.value){const e=document.getElementsByClassName(V.column.field),a=document.getElementsByClassName(""+("dropdownRight"+V.column.field));e[0].style.opacity=0,a[0].style.borderLeft="0px solid #ddd"}},q=e=>{H.value=e;const a=document.getElementsByClassName("dropdown-trigger-icon"),l=document.getElementsByClassName(""+("dropdownRight"+V.column.field));1==e?(a[0].style.opacity=1,l[0].style.borderLeft="1px solid #ddd"):(a[0].style.opacity=0,l[0].style.borderLeft="0px solid #ddd")},G=e(null),K=(e,a)=>{switch(e){case"import":V.onImport?V.onImport():V.tableRef?.openImport?V.tableRef.openImport():console.warn("无法导出：缺少 tableRef 或 exportData 方法");break;case"export":V.onExport?V.onExport():V.tableRef?.exportData?V.tableRef.exportData({filename:"表格数据",sheetName:"Sheet1",type:"csv"}):(console.warn("无法导出：缺少 tableRef 或 exportData 方法"),ElMessage?.warning?.("导出失败：表格实例不可用"));break;case"asc":V.onAsc?.();break;case"desc":V.onDesc?.();break;case"fullscreen":V.tableRef?V.tableRef.toggleFullscreen():console.warn("无法导出：缺少 tableRef 或 exportData 方法");break;case"print":V.onPrint?V.onPrint():V.tableRef?.toolbarRef?(console.log(V.tableRef,"输出"),V.tableRef.vxeTableProRef.openPrint()):console.warn("无法导出：缺少 tableRef 或 exportData 方法");break;case"custom":V.onCustom?V.onCustom():(e=>{V.tableRef?.toolbarRef?V.tableRef.vxeTableProRef.customOpenEvent(e):console.warn("无法导出：缺少 tableRef 或 exportData 方法")})(a);break;case"resetCustom":M(!0);break;case"save":break;case"lineHeight":G.value?.handleOpen();break;case"refreshCustom":V.refreshCustom?V.refreshCustom(V.tableRef.vxeTableProRef.id):M(!0);break;case"searchCustom":V.searchCustom&&V.searchCustom();break;case"lock":V.tableRef.vxeTableProRef.setColumnFixed(V.column.field,"left");break;case"unlock":V.tableRef.vxeTableProRef.clearColumnFixed(V.column.field)}},Q=(e,a)=>{switch(e){case"cellStyle":ae();break;case"stripeStyle":te();break;case"smallStyle":W();break;case"mediumStyle":X();break;case"miniStyle":Y();break;case"largeStyle":Z();break;case"local":defaultlocal();break;case"individual":let e=V.tableRef.vxeTableProRef.getCustomStoreData();var l=JSON.parse(localStorage.getItem(V.tableRef.vxeTableProRef.id));e.basicConfig=l,V.onIndividual?.(V.tableRef.vxeTableProRef.id,e);break;case"all":let a=V.tableRef.vxeTableProRef.getCustomStoreData();var t=JSON.parse(localStorage.getItem(V.tableRef.vxeTableProRef.id));a.basicConfig=t,V.onAll?.(V.tableRef.vxeTableProRef.id,a)}},W=e=>{V.tableRef?(j.value="small",le(),V.tableRef.sizeBool("small")):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},X=e=>{V.tableRef?(j.value="medium",le(),V.tableRef.sizeBool("medium")):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},Y=e=>{V.tableRef?(j.value="mini",le(),V.tableRef.sizeBool("mini")):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},Z=e=>{V.tableRef?(V.tableRef.sizeBool("default"),j.value="default",le()):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},ee=e=>{V.tableRef?(V.tableRef.changelineHeight(e),le()):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},ae=e=>{V.tableRef?setTimeout((()=>{V.tableRef.borderBool(L.value),le()}),500):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},le=()=>{localStorage.setItem(V.tableRef.vxeTableProRef.id,JSON.stringify({border:L.value,lineHeight:A.value,stripe:J.value,cellStyle:j.value}))},te=e=>{V.tableRef?setTimeout((()=>{V.tableRef.scriptBool(J.value),le()}),500):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},oe=()=>{try{if(localStorage.getItem(V.tableRef.vxeTableProRef.id)){var e=JSON.parse(localStorage.getItem(V.tableRef.vxeTableProRef.id));setTimeout((()=>{L.value=e?.border,J.value=e.stripe,j.value=e.cellStyle||"default",A.value=e.lineHeight||36,V.tableRef.scriptBool(J.value),V.tableRef.borderBool(L.value),V.tableRef.changelineHeight(A.value),V.tableRef.sizeBool(j.value)}),100)}}catch(e){}};return l((()=>{oe()})),(e,a)=>{const l=t("vxe-icon"),H=t("el-dropdown-item"),j=t("el-input-number"),M=t("el-dropdown-menu"),W=t("el-dropdown"),X=t("el-checkbox");return n(),o("div",b,[i("span",y,s(O.title),1),i("div",{class:r("dropdownRight "+("dropdownRight"+V.column.field)),onMouseleave:$,onMouseenter:U},[d(W,{ref_key:"dropdown",ref:G,size:"default",trigger:"click",onCommand:K,onVisibleChange:q},{dropdown:m((()=>[d(M,null,{default:m((()=>[f(" 导入 "),V.headerConfig.import?(n(),c(H,{key:0,command:"import"},{default:m((()=>[i("div",v,[d(l,{name:"upload",size:"16"}),a[12]||(a[12]=i("div",{style:{"margin-top":"-3px"}},"导入",-1))])])),_:1})):f("v-if",!0),f(" 导出 "),V.headerConfig.export?(n(),c(H,{key:1,command:"export"},{default:m((()=>[i("div",g,[d(l,{name:"download",size:"16"}),a[13]||(a[13]=i("div",{style:{"margin-top":"-3px"}},"导出",-1))])])),_:1})):f("v-if",!0),f(" 正序 "),V.onAsc?(n(),c(H,{key:2,command:"asc"},{default:m((()=>[i("div",x,[d(l,{name:"sort-alpha-asc",size:"16"}),a[14]||(a[14]=i("div",{style:{"margin-top":"-3px"}},"正序(接口)",-1))])])),_:1})):f("v-if",!0),f(" 倒序 "),V.onDesc?(n(),c(H,{key:3,command:"desc"},{default:m((()=>[i("div",R,[d(l,{name:"sort-alpha-desc",size:"16"}),a[15]||(a[15]=i("div",{style:{"margin-top":"-3px"}},"倒序(接口)",-1))])])),_:1})):f("v-if",!0),V.headerConfig.lineHeight?(n(),c(H,{key:4,command:"lineHeight"},{default:m((()=>[i("div",h,[d(l,{name:"number",size:"16",style:{"margin-top":"7px"}}),i("div",null,[a[16]||(a[16]=u("行高： ")),d(j,{modelValue:A.value,"onUpdate:modelValue":a[0]||(a[0]=e=>A.value=e),min:1,max:200,style:{width:"100px"},"controls-position":"right",onChange:ee},null,8,["modelValue"])])])])),_:1})):f("v-if",!0),V.headerConfig.custom?(n(),c(H,{key:5,command:"custom",onClick:a[1]||(a[1]=e=>K("custom",e))},{default:m((()=>[i("div",k,[d(l,{name:"setting",size:"16"}),a[17]||(a[17]=i("div",{style:{"margin-top":"-3px"}},"列设置",-1))])])),_:1})):f("v-if",!0),V.headerConfig.resetCustom?(n(),c(H,{key:6,command:"resetCustom",onClick:a[2]||(a[2]=e=>K("resetCustom",e))},{default:m((()=>[i("div",C,[d(l,{name:"repeat",size:"16"}),a[18]||(a[18]=i("div",{style:{"margin-top":"-3px"}},"重置列",-1))])])),_:1})):f("v-if",!0),V.headerConfig.save?(n(),c(H,{key:7,command:"save",onClick:a[4]||(a[4]=e=>K("save",e))},{default:m((()=>[i("div",_,[d(l,{name:"save",size:"16"}),a[19]||(a[19]=i("div",{style:{"margin-top":"-3px",width:"100px","margin-right":"35px"}},"保存布局",-1))]),d(W,{size:"default",placement:"right-start","fallback-placements":["bottom-start"],onCommand:Q,trigger:"hover",onClick:a[3]||(a[3]=p((()=>{}),["stop"]))},{dropdown:m((()=>[d(M,{class:"style-sub-menu"},{default:m((()=>[V.onIndividual?(n(),c(H,{key:0,command:"individual"},{default:m((()=>a[20]||(a[20]=[u("保存个人")]))),_:1,__:[20]})):f("v-if",!0),V.onAll?(n(),c(H,{key:1,command:"all"},{default:m((()=>a[21]||(a[21]=[u("保存所有")]))),_:1,__:[21]})):f("v-if",!0)])),_:1})])),default:m((()=>[i("div",w,[d(l,{name:"caret-right"})])])),_:1})])),_:1})):f("v-if",!0),V.headerConfig.feedback?(n(),c(H,{key:8,command:"feedback"},{default:m((()=>[i("div",S,[d(l,{name:"feedback",size:"16"}),a[22]||(a[22]=i("div",{style:{"margin-top":"-3px",width:"100px","margin-right":"35px"}},"样式",-1))]),d(W,{size:"default",placement:"right-start","fallback-placements":["bottom-start"],onCommand:Q,trigger:"hover",onClick:a[7]||(a[7]=p((()=>{}),["stop"]))},{dropdown:m((()=>[d(M,{class:"style-sub-menu"},{default:m((()=>[d(H,{command:"stripeStyle"},{default:m((()=>[d(X,{modelValue:J.value,"onUpdate:modelValue":a[5]||(a[5]=e=>J.value=e)},{default:m((()=>a[23]||(a[23]=[u("启用斑马纹")]))),_:1,__:[23]},8,["modelValue"])])),_:1}),d(H,{command:"cellStyle"},{default:m((()=>[d(X,{modelValue:L.value,"onUpdate:modelValue":a[6]||(a[6]=e=>L.value=e)},{default:m((()=>a[24]||(a[24]=[u("启用边框")]))),_:1,__:[24]},8,["modelValue"])])),_:1})])),_:1})])),default:m((()=>[i("div",B,[d(l,{name:"caret-right"})])])),_:1})])),_:1})):f("v-if",!0),V.headerConfig.chart?(n(),c(H,{key:9,command:"chart"},{default:m((()=>[i("div",z,[d(l,{name:"chart-bar-x",size:"16"}),a[25]||(a[25]=i("div",{style:{"margin-top":"-3px",width:"100px","margin-right":"35px"}},"排版",-1))]),d(W,{size:"default",placement:"right-start","fallback-placements":["bottom-start"],onCommand:Q,trigger:"hover",onClick:a[8]||(a[8]=p((()=>{}),["stop"]))},{dropdown:m((()=>[d(M,{class:"style-sub-menu"},{default:m((()=>[d(H,{command:"largeStyle"},{default:m((()=>a[26]||(a[26]=[u("默认")]))),_:1,__:[26]}),d(H,{command:"mediumStyle"},{default:m((()=>a[27]||(a[27]=[u("中")]))),_:1,__:[27]}),d(H,{command:"smallStyle"},{default:m((()=>a[28]||(a[28]=[u("小")]))),_:1,__:[28]}),d(H,{command:"miniStyle"},{default:m((()=>a[29]||(a[29]=[u("迷你")]))),_:1,__:[29]})])),_:1})])),default:m((()=>[i("div",D,[d(l,{name:"caret-right"})])])),_:1})])),_:1})):f("v-if",!0),V.refreshCustom?(n(),c(H,{key:10,command:"refreshCustom",onClick:a[9]||(a[9]=e=>K("refreshCustom",e))},{default:m((()=>[i("div",P,[d(l,{name:"refresh",size:"16"}),a[30]||(a[30]=i("div",{style:{"margin-top":"-3px"}},"更新布局",-1))])])),_:1})):f("v-if",!0),V.searchCustom?(n(),c(H,{key:11,command:"searchCustom"},{default:m((()=>[i("div",T,[d(l,{name:"repeat",size:"16"}),a[31]||(a[31]=i("div",{style:{"margin-top":"-3px"}},"刷新",-1))])])),_:1})):f("v-if",!0),f(" 全屏 "),V.headerConfig.fullscreen?(n(),c(H,{key:12,command:"fullscreen"},{default:m((()=>[i("div",F,[d(l,{name:"zoom-out",size:"16"}),a[32]||(a[32]=i("div",{style:{"margin-top":"-3px"}},"全屏",-1))])])),_:1})):f("v-if",!0),f(" 打印 "),V.headerConfig.print?(n(),c(H,{key:13,command:"print"},{default:m((()=>[i("div",I,[d(l,{name:"print",size:"16"}),a[33]||(a[33]=i("div",{style:{"margin-top":"-3px"}},"打印",-1))])])),_:1})):f("v-if",!0),V.headerConfig.lock?(n(),c(H,{key:14,command:"lock",onClick:a[10]||(a[10]=e=>K("lock",e))},{default:m((()=>[i("div",E,[d(l,{name:"lock",size:"16"}),a[34]||(a[34]=i("div",{style:{"margin-top":"-3px"}},"锁定",-1))])])),_:1})):f("v-if",!0),V.headerConfig.unlock?(n(),c(H,{key:15,command:"unlock",onClick:a[11]||(a[11]=e=>K("unlock",e))},{default:m((()=>[i("div",N,[d(l,{name:"unlock",size:"16"}),a[35]||(a[35]=i("div",{style:{"margin-top":"-3px"}},"解锁",-1))])])),_:1})):f("v-if",!0)])),_:1})])),default:m((()=>[d(l,{class:r(`dropdown-trigger-icon ${V.column.field}`),tabindex:"-1",style:{"margin-top":"4px"},name:"caret-down"},null,8,["class"])])),_:1},512)],34)])}}};export{O as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{shallowRef as e,reactive as t,useAttrs as l,computed as o,ref as n,onMounted as r,nextTick as a,resolveComponent as s,createElementBlock as c,openBlock as u,createCommentVNode as i,createVNode as m,mergeProps as d,toHandlers as v,withCtx as g,renderSlot as f}from"vue";import"../../HeaderDropdown/index.vue/index.js";import p from"../../HeaderDropdown/index.vue/index2.js";const b={id:"VxeTablePro"};var x=Object.assign({inheritAttrs:!1},{__name:"index",props:{},setup(x,{expose:h}){const E={};e("");const F=e(!0),S=e(null),R=t({storage:F.value,mode:"default"}),w=l(),y=e(!1),T=e(!0),_=e("mini"),k=o((()=>{const e={...E};return Object.keys(w).forEach((t=>{t.startsWith("on")||(e[t]=w[t])})),e})),I=o((()=>{const e={};return Object.keys(w).forEach((t=>{if(t.startsWith("on")){const l=t.slice(2,3).toLowerCase()+t.slice(3);e[l]=w[t]}})),e}));o((()=>!1!==w.toolbar));const O=e(null),D=e(null);o((()=>({vxeTableProRef:O.value,toolbarRef:D.value,toggleFullscreen:C,exportData(e){O.value?.exportData?.(e)}})));const q=n({get vxeTableProRef(){return O.value},get toolbarRef(){return D.value},toggleFullscreen(){C()},exportData(e){O.value?.exportData?.(e)},openImport(e){O.value?.openImport?.(e)},scriptBool(e){y.value=e},sizeBool(e){_.value=e},borderBool(e){T.value=e},changelineHeight(e){S.value=e},saveToLocalStorage(e,t){try{const l="VXE_CUSTOM_STORE",o=localStorage.getItem(l);let n={};if(o)try{n=JSON.parse(o)}catch{n={_v:1}}else n={_v:1};n[e]=t,localStorage.setItem(l,JSON.stringify(n)),t.basicConfig&&localStorage.setItem(e,JSON.stringify(t.basicConfig)),location.reload()}catch(e){console.error("保存失败:",e)}}});r((()=>{setTimeout((async()=>{await a();const e=O.value,t=D.value?.getInstance?.()||D.value;e&&t&&(e.connect?.(t),console.log("[VxeTablePro] 已连接工具栏"))}),0)}));const C=()=>{const e=document.getElementById(O.value.id);if(console.log(e),!e)return void console.warn("未找到 id 为 VxeTablePro 的元素");document.fullscreenElement||document.webkitFullscreenElement||document.msFullscreenElement?document.exitFullscreen?document.exitFullscreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.msExitFullscreen&&document.msExitFullscreen():e.requestFullscreen?e.requestFullscreen():e.webkitRequestFullscreen?e.webkitRequestFullscreen():e.msRequestFullscreen&&e.msRequestFullscreen()},B=()=>{const e=!!(document.fullscreenElement||document.webkitFullscreenElement||document.msFullscreenElement);console.log("全屏状态:",e?"是":"否")};return document.addEventListener("fullscreenchange",B),document.addEventListener("webkitfullscreenchange",B),document.addEventListener("msfullscreenchange",B),h({Instance:function(){return O.value},vxeTableProRef:O,toolbarRef:D,toggleFullscreen:C,scriptBool:e=>{y.value=e},sizeBool:e=>{_.value=e},borderBool:e=>{T.value=e},changelineHeight:e=>{S.value=e},saveToLocalStorage:(e,t)=>{try{const l="VXE_CUSTOM_STORE",o=localStorage.getItem(l);let n={};if(o)try{n=JSON.parse(o);n._v}catch(e){n={_v:1}}else n={_v:1};n[e]=t,localStorage.setItem(l,JSON.stringify(n)),t.basicConfig&&localStorage.setItem(e,JSON.stringify(t.basicConfig)),location.reload()}catch(e){console.error("保存失败:",e)}},exportData(e){O.value?.exportData?.(e)},openImport(e){O.value?.openImport?.(e)}}),(e,t)=>{const l=s("vxe-column"),o=s("vxe-table");return u(),c("div",b,[i(" 主表格 "),m(o,d({stripe:y.value,size:_.value,border:T.value,storage:F.value},k.value,v(I.value),{ref_key:"vxeTableProRef",ref:O,"cell-config":{height:S.value},"custom-config":R}),{default:g((()=>[i(" 默认序号列，表头带 HeaderDropdown "),m(l,{type:"seq",width:"80",fixed:"left",field:"seq",align:"center"},{header:g((({column:e})=>[m(p,{title:"序号",column:e,tableRef:q.value,"header-config":{fullscreen:!0,custom:!0,
|
|
1
|
+
import{shallowRef as e,reactive as t,useAttrs as l,computed as o,ref as n,onMounted as r,nextTick as a,resolveComponent as s,createElementBlock as c,openBlock as u,createCommentVNode as i,createVNode as m,mergeProps as d,toHandlers as v,withCtx as g,renderSlot as f}from"vue";import"../../HeaderDropdown/index.vue/index.js";import p from"../../HeaderDropdown/index.vue/index2.js";const b={id:"VxeTablePro"};var x=Object.assign({inheritAttrs:!1},{__name:"index",props:{},setup(x,{expose:h}){const E={};e("");const F=e(!0),S=e(null),R=t({storage:F.value,mode:"default"}),w=l(),y=e(!1),T=e(!0),_=e("mini"),k=o((()=>{const e={...E};return Object.keys(w).forEach((t=>{t.startsWith("on")||(e[t]=w[t])})),e})),I=o((()=>{const e={};return Object.keys(w).forEach((t=>{if(t.startsWith("on")){const l=t.slice(2,3).toLowerCase()+t.slice(3);e[l]=w[t]}})),e}));o((()=>!1!==w.toolbar));const O=e(null),D=e(null);o((()=>({vxeTableProRef:O.value,toolbarRef:D.value,toggleFullscreen:C,exportData(e){O.value?.exportData?.(e)}})));const q=n({get vxeTableProRef(){return O.value},get toolbarRef(){return D.value},toggleFullscreen(){C()},exportData(e){O.value?.exportData?.(e)},openImport(e){O.value?.openImport?.(e)},scriptBool(e){y.value=e},sizeBool(e){_.value=e},borderBool(e){T.value=e},changelineHeight(e){S.value=e},saveToLocalStorage(e,t){try{const l="VXE_CUSTOM_STORE",o=localStorage.getItem(l);let n={};if(o)try{n=JSON.parse(o)}catch{n={_v:1}}else n={_v:1};n[e]=t,localStorage.setItem(l,JSON.stringify(n)),t.basicConfig&&localStorage.setItem(e,JSON.stringify(t.basicConfig)),location.reload()}catch(e){console.error("保存失败:",e)}}});r((()=>{setTimeout((async()=>{await a();const e=O.value,t=D.value?.getInstance?.()||D.value;e&&t&&(e.connect?.(t),console.log("[VxeTablePro] 已连接工具栏"))}),0)}));const C=()=>{const e=document.getElementById(O.value.id);if(console.log(e),!e)return void console.warn("未找到 id 为 VxeTablePro 的元素");document.fullscreenElement||document.webkitFullscreenElement||document.msFullscreenElement?document.exitFullscreen?document.exitFullscreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.msExitFullscreen&&document.msExitFullscreen():e.requestFullscreen?e.requestFullscreen():e.webkitRequestFullscreen?e.webkitRequestFullscreen():e.msRequestFullscreen&&e.msRequestFullscreen()},B=()=>{const e=!!(document.fullscreenElement||document.webkitFullscreenElement||document.msFullscreenElement);console.log("全屏状态:",e?"是":"否")};return document.addEventListener("fullscreenchange",B),document.addEventListener("webkitfullscreenchange",B),document.addEventListener("msfullscreenchange",B),h({Instance:function(){return O.value},vxeTableProRef:O,toolbarRef:D,toggleFullscreen:C,scriptBool:e=>{y.value=e},sizeBool:e=>{_.value=e},borderBool:e=>{T.value=e},changelineHeight:e=>{S.value=e},saveToLocalStorage:(e,t)=>{try{const l="VXE_CUSTOM_STORE",o=localStorage.getItem(l);let n={};if(o)try{n=JSON.parse(o);n._v}catch(e){n={_v:1}}else n={_v:1};n[e]=t,localStorage.setItem(l,JSON.stringify(n)),t.basicConfig&&localStorage.setItem(e,JSON.stringify(t.basicConfig)),location.reload()}catch(e){console.error("保存失败:",e)}},exportData(e){O.value?.exportData?.(e)},openImport(e){O.value?.openImport?.(e)}}),(e,t)=>{const l=s("vxe-column"),o=s("vxe-table");return u(),c("div",b,[i(" 主表格 "),m(o,d({stripe:y.value,size:_.value,border:T.value,storage:F.value},k.value,v(I.value),{ref_key:"vxeTableProRef",ref:O,"cell-config":{height:S.value},"custom-config":R}),{default:g((()=>[i(" 默认序号列，表头带 HeaderDropdown "),m(l,{type:"seq",width:"80",fixed:"left",field:"seq",align:"center"},{header:g((({column:e})=>[m(p,{title:"序号",column:e,tableRef:q.value,"header-config":{fullscreen:!0,custom:!0,resetCustom:!0,save:!0,feedback:!0,chart:!0,lock:!0,print:!0,unlock:!0,import:!0,export:!0,lineHeight:!0}},null,8,["column","tableRef"])])),_:1}),i(" 透传用户定义的列（通过 default slot） "),f(e.$slots,"default")])),_:3},16,["stripe","size","border","storage","cell-config","custom-config"])])}}});export{x as default};
|