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