@yuuuu_ovo/ci-web-plugins-commom 2.0.24 → 2.0.25
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"}},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
|
+
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"},z={style:{display:"flex"}},B={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,O=e(!1),H=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==O.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=>{O.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,H.value=Z[e]||Z.mini,re(),T.tableRef.sizeBool(e),T.tableRef.changelineHeight(H.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:H.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",H.value=e.lineHeight||36}}catch(e){}};return a((()=>{me()})),(e,t)=>{const a=l("vxe-icon"),O=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(O,{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(O,{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(O,{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(O,{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(O,{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:H.value,"onUpdate:modelValue":t[0]||(t[0]=e=>H.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(O,{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(O,{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(O,{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(O,{key:0,command:"individual"},{default:m((()=>t[14]||(t[14]=[f("保存个人")]))),_:1,__:[14]})):c("v-if",!0),T.onAll?(n(),u(O,{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(O,{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(O,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(O,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(O,{key:9,command:"chart"},{default:m((()=>[i("div",z,[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(O,{command:"largeStyle"},{default:m((()=>t[20]||(t[20]=[f("默认")]))),_:1,__:[20]}),d(O,{command:"mediumStyle"},{default:m((()=>t[21]||(t[21]=[f("中")]))),_:1,__:[21]}),d(O,{command:"smallStyle"},{default:m((()=>t[22]||(t[22]=[f("小")]))),_:1,__:[22]}),d(O,{command:"miniStyle"},{default:m((()=>t[23]||(t[23]=[f("迷你")]))),_:1,__:[23]})])),_:1})])),default:m((()=>[i("div",B,[d(a,{name:"caret-right"})])])),_:1})])),_:1})):c("v-if",!0),T.refreshCustom?(n(),u(O,{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(O,{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(O,{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(O,{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(O,{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(O,{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
|
|
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 i,createElementBlock as u,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),S=e=>{const t=Number(e);return Number.isFinite(t)?Math.min(200,Math.max(1,t)):null},E=t(),F=a(),z=e=>""===e||!0===e||"true"===e,R=l((()=>void 0===E.border?B.value:z(E.border))),k=l((()=>void 0===E.storage?C.value:z(E.storage))),T=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=F?.appContext?.config?.globalProperties?.$i18n,t=e?.global?.locale?.value||e?.global?.locale||e?.locale?.value||e?.locale||(()=>{if("undefined"==typeof localStorage)return"";const e=T(localStorage.getItem("language"));if(e)return e;const t=localStorage.getItem("vben_preferences");return T(t)})();return String(t||"").toLowerCase().startsWith("en")?"en":"zh"},O=()=>{const e=I(),t=((e,t)=>{const a=F?.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},_=l((()=>E.seqTitle||E["seq-title"]||O())),N=()=>{const e=E.tableKey||E["table-key"]||E.id,t="undefined"!=typeof window?window.location.pathname:"default";return e||`VxeTablePro:${t}`},W=(e=>{if("undefined"==typeof localStorage||!e)return{};try{return JSON.parse(localStorage.getItem(e)||"{}")}catch{return{}}})(N()),q=l(N),H=e(W.cellStyle||"mini"),P=e(void 0===W.stripe?z(E.stripe):!!W.stripe),B=e(!!W.border),L=e(S(W.lineHeight)||36),$=l((()=>({storage:k.value,mode:"default"}))),j=l((()=>S(L.value))),J=l((()=>j.value?{height:j.value}:{})),M=l((()=>j.value?{"--ci-table-pro-line-height":`${j.value}px`}:{})),V=e(""),K=l((()=>void 0!==E.height||void 0!==E.maxHeight||void 0!==E["max-height"])),U=l((()=>{const e=K.value?{id:q.value}:{...y,id:q.value};return!K.value&&V.value&&(e.height=V.value),Object.keys(E).forEach((t=>{t.startsWith("on")||["border","storage","stripe","tableKey","table-key"].includes(t)||(e[t]=E[t])})),e})),X=l((()=>{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}));l((()=>!1!==E.toolbar));const A=e(null),G=e(null),Q=e(null),Y=async()=>{if(K.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),l=Math.max(240,Math.floor(window.innerHeight-t-a));V.value=`${l}px`,A.value?.recalculate?.()};l((()=>({vxeTableProRef:A.value,toolbarRef:G.value,toggleFullscreen:ae,exportData(e){A.value?.exportData?.(e)}})));const Z=r({get vxeTableProRef(){return A.value},get toolbarRef(){return G.value},get tableStorageKey(){return q.value},toggleFullscreen(){ae()},exportData(e){A.value?.exportData?.(e)},openImport(e){A.value?.openImport?.(e)},scriptBool(e){P.value=e,ee()},sizeBool(e){le(e)},borderBool(e){B.value=e,ee()},resetCustomColumns(e=!0){oe(e)},changelineHeight(e){ne(e)},saveToLocalStorage(e,t){ce(e,t)},getCurrentCustomStoreData:()=>ue()});o((()=>{setTimeout((async()=>{await n(),await te(),Y();const e=A.value,t=G.value?.getInstance?.()||G.value;e&&t&&(e.connect?.(t),console.log("[VxeTablePro] 已连接工具栏"))}),0),window.addEventListener("resize",Y)})),s((()=>{window.removeEventListener("resize",Y)}));const ee=async()=>{await n(),A.value?.recalculate?.(),A.value?.refreshColumn?.()},te=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{}}})()?.[q.value],a=t?.resizableData||{};if(!Object.keys(a).length)return;(e.getFullColumns?.()||e.getColumns?.()||[]).forEach((e=>{const t=se(e),l=Number(a[t]);t&&l&&(e.resizeWidth=l,e.renderResizeWidth=l,e.renderWidth=l)})),await(e.refreshColumn?.()),await(e.recalculate?.())};const ae=()=>{const e=Q.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=>{H.value=e||"mini",ee()},re=(e=[])=>{e.forEach((e=>{e.resizeWidth=0,e.renderResizeWidth=0,e.renderWidth=0,e.children?.length&&re(e.children)}))},oe=async(e=!0)=>{const t=A.value;t&&(await(t.resetCustom?.(e)),re(t.getFullColumns?.()||t.getColumns?.()||[]),await(t.refreshColumn?.(!0)),await(t.recalculate?.(!0)))},ne=e=>{L.value=S(e),ee()},se=e=>e?e.field?e.field:e.type?`type=${e.type}`:e.id||"":"",ie=(e=[],t={resizableData:{},sortData:{},visibleData:{},fixedData:{}})=>(e.forEach(((e,a)=>{const l=se(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&&ie(e.children,t)})),t),ue=()=>{const e=A.value,t=e?.getCustomStoreData?.()||{},a=e?.getFullColumns?.()||e?.getColumns?.()||[],l=ie(a);return{...t,resizableData:{...t.resizableData||{},...l.resizableData},sortData:{...t.sortData||{},...l.sortData},visibleData:{...t.visibleData||{},...l.visibleData},fixedData:{...t.fixedData||{},...l.fixedData}}},ce=(e,t)=>{try{const a=e||q.value,l={...ue(),...t||{}};l.resizableData={...ue().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)}},de=()=>{const e=!!(document.fullscreenElement||document.webkitFullscreenElement||document.msFullscreenElement);console.log("全屏状态:",e?"是":"否")};return document.addEventListener("fullscreenchange",de),document.addEventListener("webkitfullscreenchange",de),document.addEventListener("msfullscreenchange",de),w({Instance:function(){return A.value},vxeTableProRef:A,toolbarRef:G,toggleFullscreen:ae,scriptBool:e=>{P.value=e,ee()},sizeBool:le,borderBool:e=>{B.value=e,ee()},resetCustomColumns:oe,changelineHeight:ne,saveToLocalStorage:ce,getCurrentCustomStoreData:ue,exportData(e){A.value?.exportData?.(e)},openImport(e){A.value?.openImport?.(e)}}),(e,t)=>{const a=i("vxe-column"),l=i("vxe-table");return c(),u("div",{id:"VxeTablePro",ref_key:"rootRef",ref:Q,class:v({"ci-table-pro--bordered":R.value}),style:d(M.value)},[m(" 主表格 "),g(l,f({stripe:P.value,size:H.value,border:R.value,storage:C.value},U.value,b(X.value),{ref_key:"vxeTableProRef",ref:A,"cell-config":J.value,"custom-config":$.value}),{default:h((()=>[m(" 默认序号列，表头带 HeaderDropdown "),g(a,{type:"seq",width:"60",fixed:"left",field:"seq",align:"center"},{header:h((({column:e})=>[g(x,{title:_.value,column:e,tableRef:Z.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};
|