@yuuuu_ovo/ci-web-plugins-commom 2.0.28 → 2.0.29
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 t,resolveComponent as l,createElementBlock as o,openBlock as n,normalizeClass as s,createElementVNode as i,toDisplayString as r,createVNode as d,withCtx as m,createCommentVNode as c,createBlock as u,createTextVNode as f,withModifiers as p}from"vue";const y={class:"header-dropdown-title"},v={style:{display:"flex"}},g={style:{display:"flex"}},b={style:{display:"flex"}},h={style:{display:"flex"}},x={style:{display:"flex"}},C={style:{display:"flex"}},k={style:{display:"flex"}},_={style:{display:"flex"}},R={class:"menu-trigger-wrapper"},w={style:{display:"flex"}},S={class:"menu-trigger-wrapper"},z={style:{display:"flex"}},B={class:"menu-trigger-wrapper"},D={style:{display:"flex"}},F={style:{display:"flex"}},E={style:{display:"flex"}},I={style:{display:"flex"}},P={style:{display:"flex"}},V={style:{display:"flex"}};var N={__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},compact:{type:Boolean,default:!1},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(N){const T=N,O=e(!1),H=e(36),L=e(!1),A=e(!0),j=e("mini");e(null),a((()=>!!T.onExport||!!T.tableRef));const J=()=>T.tableRef?.vxeTableProRef||null,M=async e=>{const a=J(),t=T.column?.field;a&&t?(await e(a,t),await(a.refreshColumn?.()),await(a.recalculate?.()),T.tableRef?.saveCurrentCustomStoreData?.()):console.warn("无法处理列锁定：缺少表格实例或列字段")},U=e=>{const a=J();a?(T.tableRef.resetCustomColumns?T.tableRef.resetCustomColumns(e):a.resetCustom(e),A.value=!1,L.value=!1,j.value="mini",H.value=36):console.warn("无法重置列：缺少 tableRef 或 vxeTableProRef")},K=()=>{const e=document.getElementsByClassName(T.column.field);console.log(e);const a=document.getElementsByClassName(""+("dropdownRight"+T.column.field));e[0].style.opacity=1,a[0].style.borderLeft=T.compact?"0px solid #ddd":"1px solid #ddd"},$=()=>{if(0==O.value){const e=document.getElementsByClassName(T.column.field),a=document.getElementsByClassName(""+("dropdownRight"+T.column.field));e[0].style.opacity=0,a[0].style.borderLeft="0px solid #ddd"}},q=e=>{O.value=e;const a=document.getElementsByClassName("dropdown-trigger-icon"),t=document.getElementsByClassName(""+("dropdownRight"+T.column.field));1==e?(a[0].style.opacity=1,t[0].style.borderLeft=T.compact?"0px solid #ddd":"1px solid #ddd"):(a[0].style.opacity=0,t[0].style.borderLeft="0px solid #ddd")},G=e(null),Q=(e,a)=>{switch(e){case"import":T.onImport?T.onImport():T.tableRef?.openImport?T.tableRef.openImport():console.warn("无法导入：缺少 tableRef 或 openImport 方法");break;case"export":T.onExport?T.onExport():T.tableRef?.exportData?T.tableRef.exportData({filename:"表格数据",sheetName:"Sheet1",type:"csv"}):(console.warn("无法导出：缺少 tableRef 或 exportData 方法"),ElMessage?.warning?.("导出失败：表格实例不可用"));break;case"asc":T.onAsc?.();break;case"desc":T.onDesc?.();break;case"fullscreen":T.tableRef?T.tableRef.toggleFullscreen():console.warn("无法导出：缺少 tableRef 或 exportData 方法");break;case"print":T.onPrint?T.onPrint():(()=>{const e=J();e?.openPrint?e.openPrint():console.warn("无法打印：缺少 vxeTableProRef 或 openPrint 方法")})();break;case"custom":T.onCustom?T.onCustom():(e=>{const a=J();a?.openCustom?a.openCustom(e):a?.customOpenEvent?a.customOpenEvent(e):console.warn("无法打开列设置：缺少 vxeTableProRef 或 openCustom 方法")})(a);break;case"resetCustom":U(!0);break;case"save":Z();break;case"lineHeight":G.value?.handleOpen();break;case"refreshCustom":T.refreshCustom?T.refreshCustom(re()):U(!0);break;case"searchCustom":T.searchCustom&&T.searchCustom();break;case"lock":M(((e,a)=>e.setColumnFixed?.(a,"left")));break;case"unlock":M(((e,a)=>e.clearColumnFixed?.(a)))}},W=(e,a)=>{switch(e){case"cellStyle":ie();break;case"stripeStyle":me();break;case"smallStyle":te();break;case"mediumStyle":le();break;case"miniStyle":oe();break;case"largeStyle":ne();break;case"local":defaultlocal();break;case"individual":let e=X();var t=Y();e.basicConfig=t,T.onIndividual?.(re(),e);break;case"all":let a=X();var l=Y();a.basicConfig=l,T.onAll?.(re(),a)}},X=()=>T.tableRef?.getCurrentCustomStoreData?T.tableRef.getCurrentCustomStoreData():J()?.getCustomStoreData?.()||{},Y=()=>{try{return JSON.parse(localStorage.getItem(re())||"{}")}catch{return{}}},Z=()=>{if(!T.tableRef?.saveToLocalStorage)return void console.warn("无法保存布局：缺少 tableRef 或 saveToLocalStorage 方法");const e=X();e.basicConfig=Y(),T.tableRef.saveToLocalStorage(re(),e)},ee={default:48,medium:44,small:40,mini:36},ae=e=>{T.tableRef?(j.value=e,H.value=ee[e]||ee.mini,de(),T.tableRef.sizeBool(e),T.tableRef.changelineHeight(H.value)):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},te=e=>{ae("small")},le=e=>{ae("medium")},oe=e=>{ae("mini")},ne=e=>{ae("default")},se=e=>{T.tableRef?(T.tableRef.changelineHeight(e),de()):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},ie=e=>{if(T.tableRef){const a="boolean"==typeof e?e:A.value;T.tableRef.borderBool(a),de()}else console.warn("无法导出：缺少 tableRef 或 exportData 方法")},re=()=>T.tableRef?.tableStorageKey||T.tableRef?.vxeTableProRef?.id||"VxeTablePro",de=()=>{localStorage.setItem(re(),JSON.stringify({border:A.value,lineHeight:H.value,stripe:L.value,cellStyle:j.value}))},me=e=>{if(T.tableRef){const a="boolean"==typeof e?e:L.value;T.tableRef.scriptBool(a),de()}else console.warn("无法导出：缺少 tableRef 或 exportData 方法")},ce=()=>{try{const a=re(),t=T.tableRef?.vxeTableProRef?.id||"",l=localStorage.getItem(a)||(t?localStorage.getItem(t):"");if(l){var e=JSON.parse(l);A.value=void 0===e?.border||!!e.border,L.value=!!e.stripe,j.value=e.cellStyle||"mini",H.value=e.lineHeight||36}}catch(e){}};return t((()=>{ce()})),(e,a)=>{const t=l("vxe-icon"),O=l("el-dropdown-item"),j=l("el-input-number"),J=l("el-dropdown-menu"),M=l("el-dropdown"),U=l("el-checkbox");return n(),o("div",{class:s(["header-dropdown",{"header-dropdown--compact":T.compact}])},[i("span",y,r(N.title),1),i("div",{class:s("dropdownRight "+("dropdownRight"+T.column.field)),onMouseleave:$,onMouseenter:K},[d(M,{ref_key:"dropdown",ref:G,size:"default",trigger:"click",onCommand:Q,onVisibleChange:q},{dropdown:m((()=>[d(J,null,{default:m((()=>[c(" 导入 "),T.headerConfig.import?(n(),u(O,{key:0,command:"import"},{default:m((()=>[i("div",v,[d(t,{name:"upload",size:"16"}),a[6]||(a[6]=i("div",{style:{"margin-top":"-3px"}},"导入",-1))])])),_:1})):c("v-if",!0),c(" 导出 "),T.headerConfig.export?(n(),u(O,{key:1,command:"export"},{default:m((()=>[i("div",g,[d(t,{name:"download",size:"16"}),a[7]||(a[7]=i("div",{style:{"margin-top":"-3px"}},"导出",-1))])])),_:1})):c("v-if",!0),c(" 正序 "),T.onAsc?(n(),u(O,{key:2,command:"asc"},{default:m((()=>[i("div",b,[d(t,{name:"sort-alpha-asc",size:"16"}),a[8]||(a[8]=i("div",{style:{"margin-top":"-3px"}},"正序(接口)",-1))])])),_:1})):c("v-if",!0),c(" 倒序 "),T.onDesc?(n(),u(O,{key:3,command:"desc"},{default:m((()=>[i("div",h,[d(t,{name:"sort-alpha-desc",size:"16"}),a[9]||(a[9]=i("div",{style:{"margin-top":"-3px"}},"倒序(接口)",-1))])])),_:1})):c("v-if",!0),T.headerConfig.lineHeight?(n(),u(O,{key:4,command:"lineHeight"},{default:m((()=>[i("div",x,[d(t,{name:"number",size:"16",style:{"margin-top":"7px"}}),i("div",null,[a[10]||(a[10]=f("行高： ")),d(j,{modelValue:H.value,"onUpdate:modelValue":a[0]||(a[0]=e=>H.value=e),min:1,max:200,style:{width:"100px"},"controls-position":"right",onChange:se},null,8,["modelValue"])])])])),_:1})):c("v-if",!0),T.headerConfig.custom?(n(),u(O,{key:5,command:"custom"},{default:m((()=>[i("div",C,[d(t,{name:"setting",size:"16"}),a[11]||(a[11]=i("div",{style:{"margin-top":"-3px"}},"列设置",-1))])])),_:1})):c("v-if",!0),T.headerConfig.resetCustom?(n(),u(O,{key:6,command:"resetCustom"},{default:m((()=>[i("div",k,[d(t,{name:"repeat",size:"16"}),a[12]||(a[12]=i("div",{style:{"margin-top":"-3px"}},"重置列",-1))])])),_:1})):c("v-if",!0),T.headerConfig.save?(n(),u(O,{key:7,command:"save"},{default:m((()=>[i("div",_,[d(t,{name:"save",size:"16"}),a[13]||(a[13]=i("div",{style:{"margin-top":"-3px",width:"100px","margin-right":"35px"}},"保存布局",-1))]),d(M,{size:"default",placement:"right-start","fallback-placements":["bottom-start"],onCommand:W,trigger:"hover",onClick:a[1]||(a[1]=p((()=>{}),["stop"]))},{dropdown:m((()=>[d(J,{class:"style-sub-menu"},{default:m((()=>[T.onIndividual?(n(),u(O,{key:0,command:"individual"},{default:m((()=>a[14]||(a[14]=[f("保存个人")]))),_:1,__:[14]})):c("v-if",!0),T.onAll?(n(),u(O,{key:1,command:"all"},{default:m((()=>a[15]||(a[15]=[f("保存所有")]))),_:1,__:[15]})):c("v-if",!0)])),_:1})])),default:m((()=>[i("div",R,[d(t,{name:"caret-right"})])])),_:1})])),_:1})):c("v-if",!0),T.headerConfig.feedback?(n(),u(O,{key:8,command:"feedback"},{default:m((()=>[i("div",w,[d(t,{name:"feedback",size:"16"}),a[16]||(a[16]=i("div",{style:{"margin-top":"-3px",width:"100px","margin-right":"35px"}},"样式",-1))]),d(M,{size:"default",placement:"right-start","fallback-placements":["bottom-start"],onCommand:W,trigger:"hover",onClick:a[4]||(a[4]=p((()=>{}),["stop"]))},{dropdown:m((()=>[d(J,{class:"style-sub-menu"},{default:m((()=>[d(O,null,{default:m((()=>[d(U,{modelValue:L.value,"onUpdate:modelValue":a[2]||(a[2]=e=>L.value=e),onChange:me},{default:m((()=>a[17]||(a[17]=[f("启用斑马纹")]))),_:1,__:[17]},8,["modelValue"])])),_:1}),d(O,null,{default:m((()=>[d(U,{modelValue:A.value,"onUpdate:modelValue":a[3]||(a[3]=e=>A.value=e),onChange:ie},{default:m((()=>a[18]||(a[18]=[f("启用边框")]))),_:1,__:[18]},8,["modelValue"])])),_:1})])),_:1})])),default:m((()=>[i("div",S,[d(t,{name:"caret-right"})])])),_:1})])),_:1})):c("v-if",!0),T.headerConfig.chart?(n(),u(O,{key:9,command:"chart"},{default:m((()=>[i("div",z,[d(t,{name:"chart-bar-x",size:"16"}),a[19]||(a[19]=i("div",{style:{"margin-top":"-3px",width:"100px","margin-right":"35px"}},"排版",-1))]),d(M,{size:"default",placement:"right-start","fallback-placements":["bottom-start"],onCommand:W,trigger:"hover",onClick:a[5]||(a[5]=p((()=>{}),["stop"]))},{dropdown:m((()=>[d(J,{class:"style-sub-menu"},{default:m((()=>[d(O,{command:"largeStyle"},{default:m((()=>a[20]||(a[20]=[f("默认")]))),_:1,__:[20]}),d(O,{command:"mediumStyle"},{default:m((()=>a[21]||(a[21]=[f("中")]))),_:1,__:[21]}),d(O,{command:"smallStyle"},{default:m((()=>a[22]||(a[22]=[f("小")]))),_:1,__:[22]}),d(O,{command:"miniStyle"},{default:m((()=>a[23]||(a[23]=[f("迷你")]))),_:1,__:[23]})])),_:1})])),default:m((()=>[i("div",B,[d(t,{name:"caret-right"})])])),_:1})])),_:1})):c("v-if",!0),T.refreshCustom?(n(),u(O,{key:10,command:"refreshCustom"},{default:m((()=>[i("div",D,[d(t,{name:"refresh",size:"16"}),a[24]||(a[24]=i("div",{style:{"margin-top":"-3px"}},"更新布局",-1))])])),_:1})):c("v-if",!0),T.searchCustom?(n(),u(O,{key:11,command:"searchCustom"},{default:m((()=>[i("div",F,[d(t,{name:"repeat",size:"16"}),a[25]||(a[25]=i("div",{style:{"margin-top":"-3px"}},"刷新",-1))])])),_:1})):c("v-if",!0),c(" 全屏 "),T.headerConfig.fullscreen?(n(),u(O,{key:12,command:"fullscreen"},{default:m((()=>[i("div",E,[d(t,{name:"zoom-out",size:"16"}),a[26]||(a[26]=i("div",{style:{"margin-top":"-3px"}},"全屏",-1))])])),_:1})):c("v-if",!0),c(" 打印 "),T.headerConfig.print?(n(),u(O,{key:13,command:"print"},{default:m((()=>[i("div",I,[d(t,{name:"print",size:"16"}),a[27]||(a[27]=i("div",{style:{"margin-top":"-3px"}},"打印",-1))])])),_:1})):c("v-if",!0),T.headerConfig.lock?(n(),u(O,{key:14,command:"lock"},{default:m((()=>[i("div",P,[d(t,{name:"lock",size:"16"}),a[28]||(a[28]=i("div",{style:{"margin-top":"-3px"}},"锁定",-1))])])),_:1})):c("v-if",!0),T.headerConfig.unlock?(n(),u(O,{key:15,command:"unlock"},{default:m((()=>[i("div",V,[d(t,{name:"unlock",size:"16"}),a[29]||(a[29]=i("div",{style:{"margin-top":"-3px"}},"解锁",-1))])])),_:1})):c("v-if",!0)])),_:1})])),default:m((()=>[d(t,{class:s(`dropdown-trigger-icon ${T.column.field}`),tabindex:"-1",style:{"margin-top":"4px"},name:"caret-down"},null,8,["class"])])),_:1},512)],34)],2)}}};export{N as default};
|
|
1
|
+
import{ref as e,computed as a,onMounted as t,resolveComponent as l,createElementBlock as o,openBlock as n,normalizeClass as s,createElementVNode as i,toDisplayString as r,createVNode as d,withCtx as m,createCommentVNode as c,createBlock as u,createTextVNode as f,withModifiers as p}from"vue";const y={class:"header-dropdown-title"},v={style:{display:"flex"}},g={style:{display:"flex"}},b={style:{display:"flex"}},h={style:{display:"flex"}},x={style:{display:"flex"}},C={style:{display:"flex"}},k={style:{display:"flex"}},_={style:{display:"flex"}},R={class:"menu-trigger-wrapper"},w={style:{display:"flex"}},S={class:"menu-trigger-wrapper"},z={style:{display:"flex"}},B={class:"menu-trigger-wrapper"},D={style:{display:"flex"}},F={style:{display:"flex"}},E={style:{display:"flex"}},I={style:{display:"flex"}},P={style:{display:"flex"}},V={style:{display:"flex"}};var N={__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},compact:{type:Boolean,default:!1},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(N){const T=N,O=e(!1),H=e(36),L=e(!1),A=e(!0),j=e("mini");e(null),a((()=>!!T.onExport||!!T.tableRef));const J=()=>T.tableRef?.vxeTableProRef||null,M=async e=>{const a=J(),t=T.column?.field;a&&t?(await e(a,t),await(a.refreshColumn?.()),await(a.recalculate?.()),T.tableRef?.saveCurrentCustomStoreData?.()):console.warn("无法处理列锁定：缺少表格实例或列字段")},U=e=>{const a=J();a?(T.tableRef.resetCustomColumns?T.tableRef.resetCustomColumns(e):a.resetCustom(e),A.value=!0,L.value=!1,j.value="mini",H.value=36):console.warn("无法重置列：缺少 tableRef 或 vxeTableProRef")},K=()=>{const e=document.getElementsByClassName(T.column.field);console.log(e);const a=document.getElementsByClassName(""+("dropdownRight"+T.column.field));e[0].style.opacity=1,a[0].style.borderLeft=T.compact?"0px solid #ddd":"1px solid #ddd"},$=()=>{if(0==O.value){const e=document.getElementsByClassName(T.column.field),a=document.getElementsByClassName(""+("dropdownRight"+T.column.field));e[0].style.opacity=0,a[0].style.borderLeft="0px solid #ddd"}},q=e=>{O.value=e;const a=document.getElementsByClassName("dropdown-trigger-icon"),t=document.getElementsByClassName(""+("dropdownRight"+T.column.field));1==e?(a[0].style.opacity=1,t[0].style.borderLeft=T.compact?"0px solid #ddd":"1px solid #ddd"):(a[0].style.opacity=0,t[0].style.borderLeft="0px solid #ddd")},G=e(null),Q=(e,a)=>{switch(e){case"import":T.onImport?T.onImport():T.tableRef?.openImport?T.tableRef.openImport():console.warn("无法导入：缺少 tableRef 或 openImport 方法");break;case"export":T.onExport?T.onExport():T.tableRef?.exportData?T.tableRef.exportData({filename:"表格数据",sheetName:"Sheet1",type:"csv"}):(console.warn("无法导出：缺少 tableRef 或 exportData 方法"),ElMessage?.warning?.("导出失败：表格实例不可用"));break;case"asc":T.onAsc?.();break;case"desc":T.onDesc?.();break;case"fullscreen":T.tableRef?T.tableRef.toggleFullscreen():console.warn("无法导出：缺少 tableRef 或 exportData 方法");break;case"print":T.onPrint?T.onPrint():(()=>{const e=J();e?.openPrint?e.openPrint():console.warn("无法打印：缺少 vxeTableProRef 或 openPrint 方法")})();break;case"custom":T.onCustom?T.onCustom():(e=>{const a=J();a?.openCustom?a.openCustom(e):a?.customOpenEvent?a.customOpenEvent(e):console.warn("无法打开列设置：缺少 vxeTableProRef 或 openCustom 方法")})(a);break;case"resetCustom":U(!0);break;case"save":Z();break;case"lineHeight":G.value?.handleOpen();break;case"refreshCustom":T.refreshCustom?T.refreshCustom(re()):U(!0);break;case"searchCustom":T.searchCustom&&T.searchCustom();break;case"lock":M(((e,a)=>e.setColumnFixed?.(a,"left")));break;case"unlock":M(((e,a)=>e.clearColumnFixed?.(a)))}},W=(e,a)=>{switch(e){case"cellStyle":ie();break;case"stripeStyle":me();break;case"smallStyle":te();break;case"mediumStyle":le();break;case"miniStyle":oe();break;case"largeStyle":ne();break;case"local":defaultlocal();break;case"individual":let e=X();var t=Y();e.basicConfig=t,T.onIndividual?.(re(),e);break;case"all":let a=X();var l=Y();a.basicConfig=l,T.onAll?.(re(),a)}},X=()=>T.tableRef?.getCurrentCustomStoreData?T.tableRef.getCurrentCustomStoreData():J()?.getCustomStoreData?.()||{},Y=()=>{try{return JSON.parse(localStorage.getItem(re())||"{}")}catch{return{}}},Z=()=>{if(!T.tableRef?.saveToLocalStorage)return void console.warn("无法保存布局：缺少 tableRef 或 saveToLocalStorage 方法");const e=X();e.basicConfig=Y(),T.tableRef.saveToLocalStorage(re(),e)},ee={default:48,medium:44,small:40,mini:36},ae=e=>{T.tableRef?(j.value=e,H.value=ee[e]||ee.mini,de(),T.tableRef.sizeBool(e),T.tableRef.changelineHeight(H.value)):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},te=e=>{ae("small")},le=e=>{ae("medium")},oe=e=>{ae("mini")},ne=e=>{ae("default")},se=e=>{T.tableRef?(T.tableRef.changelineHeight(e),de()):console.warn("无法导出：缺少 tableRef 或 exportData 方法")},ie=e=>{if(T.tableRef){const a="boolean"==typeof e?e:A.value;T.tableRef.borderBool(a),de()}else console.warn("无法导出：缺少 tableRef 或 exportData 方法")},re=()=>T.tableRef?.tableStorageKey||T.tableRef?.vxeTableProRef?.id||"VxeTablePro",de=()=>{localStorage.setItem(re(),JSON.stringify({border:A.value,lineHeight:H.value,stripe:L.value,cellStyle:j.value}))},me=e=>{if(T.tableRef){const a="boolean"==typeof e?e:L.value;T.tableRef.scriptBool(a),de()}else console.warn("无法导出：缺少 tableRef 或 exportData 方法")},ce=()=>{try{const a=re(),t=T.tableRef?.vxeTableProRef?.id||"",l=localStorage.getItem(a)||(t?localStorage.getItem(t):"");if(l){var e=JSON.parse(l);A.value=void 0===e?.border||!!e.border,L.value=!!e.stripe,j.value=e.cellStyle||"mini",H.value=e.lineHeight||36}}catch(e){}};return t((()=>{ce()})),(e,a)=>{const t=l("vxe-icon"),O=l("el-dropdown-item"),j=l("el-input-number"),J=l("el-dropdown-menu"),M=l("el-dropdown"),U=l("el-checkbox");return n(),o("div",{class:s(["header-dropdown",{"header-dropdown--compact":T.compact}])},[i("span",y,r(N.title),1),i("div",{class:s("dropdownRight "+("dropdownRight"+T.column.field)),onMouseleave:$,onMouseenter:K},[d(M,{ref_key:"dropdown",ref:G,size:"default",trigger:"click",onCommand:Q,onVisibleChange:q},{dropdown:m((()=>[d(J,null,{default:m((()=>[c(" 导入 "),T.headerConfig.import?(n(),u(O,{key:0,command:"import"},{default:m((()=>[i("div",v,[d(t,{name:"upload",size:"16"}),a[6]||(a[6]=i("div",{style:{"margin-top":"-3px"}},"导入",-1))])])),_:1})):c("v-if",!0),c(" 导出 "),T.headerConfig.export?(n(),u(O,{key:1,command:"export"},{default:m((()=>[i("div",g,[d(t,{name:"download",size:"16"}),a[7]||(a[7]=i("div",{style:{"margin-top":"-3px"}},"导出",-1))])])),_:1})):c("v-if",!0),c(" 正序 "),T.onAsc?(n(),u(O,{key:2,command:"asc"},{default:m((()=>[i("div",b,[d(t,{name:"sort-alpha-asc",size:"16"}),a[8]||(a[8]=i("div",{style:{"margin-top":"-3px"}},"正序(接口)",-1))])])),_:1})):c("v-if",!0),c(" 倒序 "),T.onDesc?(n(),u(O,{key:3,command:"desc"},{default:m((()=>[i("div",h,[d(t,{name:"sort-alpha-desc",size:"16"}),a[9]||(a[9]=i("div",{style:{"margin-top":"-3px"}},"倒序(接口)",-1))])])),_:1})):c("v-if",!0),T.headerConfig.lineHeight?(n(),u(O,{key:4,command:"lineHeight"},{default:m((()=>[i("div",x,[d(t,{name:"number",size:"16",style:{"margin-top":"7px"}}),i("div",null,[a[10]||(a[10]=f("行高： ")),d(j,{modelValue:H.value,"onUpdate:modelValue":a[0]||(a[0]=e=>H.value=e),min:1,max:200,style:{width:"100px"},"controls-position":"right",onChange:se},null,8,["modelValue"])])])])),_:1})):c("v-if",!0),T.headerConfig.custom?(n(),u(O,{key:5,command:"custom"},{default:m((()=>[i("div",C,[d(t,{name:"setting",size:"16"}),a[11]||(a[11]=i("div",{style:{"margin-top":"-3px"}},"列设置",-1))])])),_:1})):c("v-if",!0),T.headerConfig.resetCustom?(n(),u(O,{key:6,command:"resetCustom"},{default:m((()=>[i("div",k,[d(t,{name:"repeat",size:"16"}),a[12]||(a[12]=i("div",{style:{"margin-top":"-3px"}},"重置列",-1))])])),_:1})):c("v-if",!0),T.headerConfig.save?(n(),u(O,{key:7,command:"save"},{default:m((()=>[i("div",_,[d(t,{name:"save",size:"16"}),a[13]||(a[13]=i("div",{style:{"margin-top":"-3px",width:"100px","margin-right":"35px"}},"保存布局",-1))]),d(M,{size:"default",placement:"right-start","fallback-placements":["bottom-start"],onCommand:W,trigger:"hover",onClick:a[1]||(a[1]=p((()=>{}),["stop"]))},{dropdown:m((()=>[d(J,{class:"style-sub-menu"},{default:m((()=>[T.onIndividual?(n(),u(O,{key:0,command:"individual"},{default:m((()=>a[14]||(a[14]=[f("保存个人")]))),_:1,__:[14]})):c("v-if",!0),T.onAll?(n(),u(O,{key:1,command:"all"},{default:m((()=>a[15]||(a[15]=[f("保存所有")]))),_:1,__:[15]})):c("v-if",!0)])),_:1})])),default:m((()=>[i("div",R,[d(t,{name:"caret-right"})])])),_:1})])),_:1})):c("v-if",!0),T.headerConfig.feedback?(n(),u(O,{key:8,command:"feedback"},{default:m((()=>[i("div",w,[d(t,{name:"feedback",size:"16"}),a[16]||(a[16]=i("div",{style:{"margin-top":"-3px",width:"100px","margin-right":"35px"}},"样式",-1))]),d(M,{size:"default",placement:"right-start","fallback-placements":["bottom-start"],onCommand:W,trigger:"hover",onClick:a[4]||(a[4]=p((()=>{}),["stop"]))},{dropdown:m((()=>[d(J,{class:"style-sub-menu"},{default:m((()=>[d(O,null,{default:m((()=>[d(U,{modelValue:L.value,"onUpdate:modelValue":a[2]||(a[2]=e=>L.value=e),onChange:me},{default:m((()=>a[17]||(a[17]=[f("启用斑马纹")]))),_:1,__:[17]},8,["modelValue"])])),_:1}),d(O,null,{default:m((()=>[d(U,{modelValue:A.value,"onUpdate:modelValue":a[3]||(a[3]=e=>A.value=e),onChange:ie},{default:m((()=>a[18]||(a[18]=[f("启用边框")]))),_:1,__:[18]},8,["modelValue"])])),_:1})])),_:1})])),default:m((()=>[i("div",S,[d(t,{name:"caret-right"})])])),_:1})])),_:1})):c("v-if",!0),T.headerConfig.chart?(n(),u(O,{key:9,command:"chart"},{default:m((()=>[i("div",z,[d(t,{name:"chart-bar-x",size:"16"}),a[19]||(a[19]=i("div",{style:{"margin-top":"-3px",width:"100px","margin-right":"35px"}},"排版",-1))]),d(M,{size:"default",placement:"right-start","fallback-placements":["bottom-start"],onCommand:W,trigger:"hover",onClick:a[5]||(a[5]=p((()=>{}),["stop"]))},{dropdown:m((()=>[d(J,{class:"style-sub-menu"},{default:m((()=>[d(O,{command:"largeStyle"},{default:m((()=>a[20]||(a[20]=[f("默认")]))),_:1,__:[20]}),d(O,{command:"mediumStyle"},{default:m((()=>a[21]||(a[21]=[f("中")]))),_:1,__:[21]}),d(O,{command:"smallStyle"},{default:m((()=>a[22]||(a[22]=[f("小")]))),_:1,__:[22]}),d(O,{command:"miniStyle"},{default:m((()=>a[23]||(a[23]=[f("迷你")]))),_:1,__:[23]})])),_:1})])),default:m((()=>[i("div",B,[d(t,{name:"caret-right"})])])),_:1})])),_:1})):c("v-if",!0),T.refreshCustom?(n(),u(O,{key:10,command:"refreshCustom"},{default:m((()=>[i("div",D,[d(t,{name:"refresh",size:"16"}),a[24]||(a[24]=i("div",{style:{"margin-top":"-3px"}},"更新布局",-1))])])),_:1})):c("v-if",!0),T.searchCustom?(n(),u(O,{key:11,command:"searchCustom"},{default:m((()=>[i("div",F,[d(t,{name:"repeat",size:"16"}),a[25]||(a[25]=i("div",{style:{"margin-top":"-3px"}},"刷新",-1))])])),_:1})):c("v-if",!0),c(" 全屏 "),T.headerConfig.fullscreen?(n(),u(O,{key:12,command:"fullscreen"},{default:m((()=>[i("div",E,[d(t,{name:"zoom-out",size:"16"}),a[26]||(a[26]=i("div",{style:{"margin-top":"-3px"}},"全屏",-1))])])),_:1})):c("v-if",!0),c(" 打印 "),T.headerConfig.print?(n(),u(O,{key:13,command:"print"},{default:m((()=>[i("div",I,[d(t,{name:"print",size:"16"}),a[27]||(a[27]=i("div",{style:{"margin-top":"-3px"}},"打印",-1))])])),_:1})):c("v-if",!0),T.headerConfig.lock?(n(),u(O,{key:14,command:"lock"},{default:m((()=>[i("div",P,[d(t,{name:"lock",size:"16"}),a[28]||(a[28]=i("div",{style:{"margin-top":"-3px"}},"锁定",-1))])])),_:1})):c("v-if",!0),T.headerConfig.unlock?(n(),u(O,{key:15,command:"unlock"},{default:m((()=>[i("div",V,[d(t,{name:"unlock",size:"16"}),a[29]||(a[29]=i("div",{style:{"margin-top":"-3px"}},"解锁",-1))])])),_:1})):c("v-if",!0)])),_:1})])),default:m((()=>[d(t,{class:s(`dropdown-trigger-icon ${T.column.field}`),tabindex:"-1",style:{"margin-top":"4px"},name:"caret-down"},null,8,["class"])])),_:1},512)],34)],2)}}};export{N as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{shallowRef as e,useAttrs as t,getCurrentInstance as a,computed as r,ref as l,onMounted as o,nextTick as n,onBeforeUnmount as s,resolveComponent as i,createElementBlock as u,openBlock as c,normalizeStyle as d,normalizeClass as v,createCommentVNode as g,createVNode as m,mergeProps as f,toHandlers as p,withCtx as h,renderSlot as b}from"vue";import"../../HeaderDropdown/index.vue/index.js";import x from"../../HeaderDropdown/index.vue/index2.js";var y=Object.assign({inheritAttrs:!1},{__name:"index",props:{},setup(y,{expose:S}){const w={};e("");const D=e(!
|
|
1
|
+
import{shallowRef as e,useAttrs as t,getCurrentInstance as a,computed as r,ref as l,onMounted as o,nextTick as n,onBeforeUnmount as s,resolveComponent as i,createElementBlock as u,openBlock as c,normalizeStyle as d,normalizeClass as v,createCommentVNode as g,createVNode as m,mergeProps as f,toHandlers as p,withCtx as h,renderSlot as b}from"vue";import"../../HeaderDropdown/index.vue/index.js";import x from"../../HeaderDropdown/index.vue/index2.js";var y=Object.assign({inheritAttrs:!1},{__name:"index",props:{},setup(y,{expose:S}){const w={};e("");const D=e(!0),C=e=>{const t=Number(e);return Number.isFinite(t)?Math.min(200,Math.max(1,t)):null},E=t(),O=a(),F=e=>""===e||!0===e||"true"===e,z=r((()=>M.value)),R=r((()=>void 0===E.storage?D.value:F(E.storage))),_=e=>{if(!e)return"";try{const t=JSON.parse(e);return"string"==typeof t?t:t?.language||t?.locale||t?.app?.locale||""}catch{return e}},I=()=>{const e=O?.appContext?.config?.globalProperties?.$i18n,t=e?.global?.locale?.value||e?.global?.locale||e?.locale?.value||e?.locale||(()=>{if("undefined"==typeof localStorage)return"";const e=_(localStorage.getItem("language"));if(e)return e;const t=localStorage.getItem("vben_preferences");return _(t)})();return String(t||"").toLowerCase().startsWith("en")?"en":"zh"},T=()=>{const e=I(),t=((e,t)=>{const a=O?.appContext?.config?.globalProperties?.$t;if("function"!=typeof a)return t;const r=a(e);return r&&r!==e?r:t})("common.seq","");return!t||"en"===e&&"序号"===t?"en"===e?"No.":"序号":t},N=r((()=>E.seqTitle||E["seq-title"]||T())),k=`table-${O?.uid||Math.random().toString(36).slice(2)}`,$=()=>{const e=E.tableKey||E["table-key"]||E.id||k;return`VxeTablePro:${"undefined"==typeof window?"default":`${window.location.pathname}${window.location.hash||""}`}:${e}`},H=(e=>{if("undefined"==typeof localStorage||!e)return{};try{return JSON.parse(localStorage.getItem(e)||"{}")}catch{return{}}})($()),P=r($),W=e(H.cellStyle||"mini"),q=e(void 0===H.stripe?F(E.stripe):!!H.stripe),M=e(void 0===H.border?void 0===E.border||F(E.border):!!H.border),B=e(C(H.lineHeight)||36),J=r((()=>({storage:R.value,mode:"default"}))),j=r((()=>C(B.value))),L=r((()=>j.value?{height:j.value}:{})),V=r((()=>j.value?{"--ci-table-pro-line-height":`${j.value}px`}:{})),U=r((()=>void 0!==E.height||void 0!==E.maxHeight||void 0!==E["max-height"])),X=e(U.value?"":(()=>{if("undefined"==typeof window)return"";const e=Number(E.autoHeightBottomGap??48);return`${Math.max(240,Math.floor(window.innerHeight-e))}px`})()),K=r((()=>{const e=U.value?{id:P.value}:{...w,id:P.value};return!U.value&&X.value&&(e.height=X.value),Object.keys(E).forEach((t=>{t.startsWith("on")||["border","storage","stripe","tableKey","table-key"].includes(t)||(e[t]=E[t])})),e})),G=r((()=>{const e={};return Object.keys(E).forEach((t=>{if(t.startsWith("on")){const a=t.slice(2,3).toLowerCase()+t.slice(3);e[a]=E[t]}})),e}));r((()=>!1!==E.toolbar));const A=e(null),Q=e(null),Y=e(null),Z=async()=>{if(U.value)return;await n();const e=A.value?.$el||document.getElementById(A.value?.id);if(!e)return;const t=e.getBoundingClientRect().top,a=Number(E.autoHeightBottomGap??48),r=Math.max(240,Math.floor(window.innerHeight-t-a));X.value=`${r}px`,A.value?.recalculate?.()};r((()=>({vxeTableProRef:A.value,toolbarRef:Q.value,toggleFullscreen:re,exportData(e){A.value?.exportData?.(e)}})));const ee=l({get vxeTableProRef(){return A.value},get toolbarRef(){return Q.value},get tableStorageKey(){return P.value},toggleFullscreen(){re()},exportData(e){A.value?.exportData?.(e)},openImport(e){A.value?.openImport?.(e)},scriptBool(e){q.value=e,te()},sizeBool(e){le(e)},borderBool(e){M.value=e,te()},resetCustomColumns(e=!0){ne(e)},changelineHeight(e){se(e)},saveToLocalStorage(e,t){ve(e,t)},saveCurrentCustomStoreData(){ge()},getCurrentCustomStoreData:()=>ce()});o((()=>{(async()=>{await n(),await ae(),Z();const e=A.value,t=Q.value?.getInstance?.()||Q.value;e&&t&&(e.connect?.(t),console.log("[VxeTablePro] 已连接工具栏"))})(),window.addEventListener("resize",Z)})),s((()=>{window.removeEventListener("resize",Z)}));const te=async()=>{await n(),A.value?.recalculate?.(),A.value?.refreshColumn?.()},ae=async()=>{const e=A.value;if(!e)return;const t=(()=>{try{const e=localStorage.getItem("VXE_CUSTOM_STORE");return e?JSON.parse(e):{}}catch{return{}}})()?.[P.value],a=t?.resizableData||{},r=t?.fixedData||{};if(!Object.keys(a).length&&!Object.keys(r).length)return;(e.getFullColumns?.()||e.getColumns?.()||[]).forEach((e=>{const t=ie(e);t&&Object.prototype.hasOwnProperty.call(r,t)&&(e.fixed=r[t]||null,e.renderFixed=r[t]||null);const l=Number(a[t]);t&&l&&(e.resizeWidth=l,e.renderResizeWidth=l,e.renderWidth=l)})),await(e.refreshColumn?.()),await(e.recalculate?.())};const re=()=>{const e=Y.value;if(!e)return void console.warn("未找到 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()},le=e=>{W.value=e||"mini",te()},oe=(e=[])=>{e.forEach((e=>{e.resizeWidth=0,e.renderResizeWidth=0,e.renderWidth=0,e.children?.length&&oe(e.children)}))},ne=async(e=!0)=>{const t=A.value;t&&(await(t.resetCustom?.(e)),oe(t.getFullColumns?.()||t.getColumns?.()||[]),M.value=!0,q.value=!1,W.value="mini",B.value=36,de(),await(t.refreshColumn?.(!0)),await(t.recalculate?.(!0)))},se=e=>{B.value=C(e),te()},ie=e=>e?e.field?e.field:e.type?`type=${e.type}`:e.id||"":"",ue=(e=[],t={resizableData:{},sortData:{},visibleData:{},fixedData:{}})=>(e.forEach(((e,a)=>{const r=ie(e);if(r){const l=e.resizeWidth||e.renderResizeWidth||e.renderWidth||e.width;l&&(t.resizableData[r]=Number(l)),t.sortData[r]=a+1,t.visibleData[r]=!1!==e.visible,e.fixed&&(t.fixedData[r]=e.fixed)}e.children?.length&&ue(e.children,t)})),t),ce=()=>{const e=A.value,t=e?.getCustomStoreData?.()||{},a=e?.getFullColumns?.()||e?.getColumns?.()||[],r=ue(a);return{...t,resizableData:{...t.resizableData||{},...r.resizableData},sortData:{...t.sortData||{},...r.sortData},visibleData:{...t.visibleData||{},...r.visibleData},fixedData:r.fixedData}},de=()=>{if("undefined"==typeof localStorage)return;const e=P.value;localStorage.removeItem(e);try{const t="VXE_CUSTOM_STORE",a=localStorage.getItem(t);if(!a)return;const r=JSON.parse(a);r&&Object.prototype.hasOwnProperty.call(r,e)&&(delete r[e],localStorage.setItem(t,JSON.stringify(r)))}catch(e){console.error("清除表格布局缓存失败:",e)}},ve=(e,t)=>{try{const a=e||P.value,r={...ce(),...t||{}};r.resizableData={...ce().resizableData,...t?.resizableData||{}};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[a]=r,localStorage.setItem(l,JSON.stringify(n)),r.basicConfig&&localStorage.setItem(a,JSON.stringify(r.basicConfig)),location.reload()}catch(e){console.error("保存失败:",e)}},ge=()=>{if("undefined"!=typeof localStorage)try{const e="VXE_CUSTOM_STORE",t=localStorage.getItem(e),a=t?JSON.parse(t):{_v:1};a._v=a._v||1,a[P.value]=ce(),localStorage.setItem(e,JSON.stringify(a))}catch(e){console.error("保存固定列状态失败:",e)}},me=()=>{const e=!!(document.fullscreenElement||document.webkitFullscreenElement||document.msFullscreenElement);console.log("全屏状态:",e?"是":"否")};return document.addEventListener("fullscreenchange",me),document.addEventListener("webkitfullscreenchange",me),document.addEventListener("msfullscreenchange",me),S({Instance:function(){return A.value},vxeTableProRef:A,toolbarRef:Q,toggleFullscreen:re,scriptBool:e=>{q.value=e,te()},sizeBool:le,borderBool:e=>{M.value=e,te()},resetCustomColumns:ne,changelineHeight:se,saveToLocalStorage:ve,saveCurrentCustomStoreData:ge,getCurrentCustomStoreData:ce,exportData(e){A.value?.exportData?.(e)},openImport(e){A.value?.openImport?.(e)}}),(e,t)=>{const a=i("vxe-column"),r=i("vxe-table");return c(),u("div",{id:"VxeTablePro",ref_key:"rootRef",ref:Y,class:v({"ci-table-pro--bordered":z.value}),style:d(V.value)},[g(" 主表格 "),m(r,f({stripe:q.value,size:W.value,border:z.value,storage:D.value},K.value,p(G.value),{ref_key:"vxeTableProRef",ref:A,"cell-config":L.value,"custom-config":J.value}),{default:h((()=>[g(" 默认序号列，表头带 HeaderDropdown "),m(a,{type:"seq",width:"60",fixed:"left",field:"seq",align:"center"},{header:h((({column:e})=>[m(x,{title:N.value,column:e,tableRef:ee.value,compact:"","header-config":{fullscreen:!0,custom:!0,resetCustom:!0,save:!0,feedback:!0,chart:!0,print:!0,import:!0,export:!0,lineHeight:!0}},null,8,["title","column","tableRef"])])),_:1}),g(" 透传用户定义的列（通过 default slot） "),b(e.$slots,"default")])),_:3},16,["stripe","size","border","storage","cell-config","custom-config"])],6)}}});export{y as default};
|