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