@yuuuu_ovo/ci-web-plugins-commom 2.0.30 → 2.0.31
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{shallowRef as e,useAttrs as t,getCurrentInstance as a,computed 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 i,resolveComponent as s,createElementBlock as u,openBlock as c,normalizeStyle as d,normalizeClass as v,createCommentVNode as m,createVNode as g,mergeProps as f,toHandlers as h,withCtx as p,renderSlot as b}from"vue";import"../../HeaderDropdown/index.vue/index.js";import w from"../../HeaderDropdown/index.vue/index2.js";var x=Object.assign({inheritAttrs:!1},{__name:"index",props:{},setup(x,{expose:y}){const S={};e("");const C=e(!0),D=e=>{const t=Number(e);return Number.isFinite(t)?Math.min(200,Math.max(1,t)):null},F=t(),E=a(),W=e=>""===e||!0===e||"true"===e,_=l((()=>P.value)),O=l((()=>void 0===F.storage?C.value:W(F.storage))),z=l((()=>!1!==F.autoFillLastColumn&&!1!==F["auto-fill-last-column"])),R=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=E?.appContext?.config?.globalProperties?.$i18n,t=e?.global?.locale?.value||e?.global?.locale||e?.locale?.value||e?.locale||(()=>{if("undefined"==typeof localStorage)return"";const e=R(localStorage.getItem("language"));if(e)return e;const t=localStorage.getItem("vben_preferences");return R(t)})();return String(t||"").toLowerCase().startsWith("en")?"en":"zh"},N=()=>{const e=I(),t=((e,t)=>{const a=E?.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},T=l((()=>F.seqTitle||F["seq-title"]||N())),B=`table-${E?.uid||Math.random().toString(36).slice(2)}`,k=()=>{const e=F.tableKey||F["table-key"]||F.id||B;return`VxeTablePro:${"undefined"==typeof window?"default":`${window.location.pathname}${window.location.hash||""}`}:${e}`},$=(e=>{if("undefined"==typeof localStorage||!e)return{};try{return JSON.parse(localStorage.getItem(e)||"{}")}catch{return{}}})(k()),q=l(k),H=e($.cellStyle||"mini"),M=e(void 0===$.stripe?W(F.stripe):!!$.stripe),P=e(void 0===$.border?void 0===F.border||W(F.border):!!$.border),L=e(D($.lineHeight)||36),J=l((()=>({storage:O.value,mode:"default"}))),j=l((()=>D(L.value))),A=l((()=>j.value?{height:j.value}:{})),V=l((()=>j.value?{"--ci-table-pro-line-height":`${j.value}px`}:{})),U=l((()=>void 0!==F.height||void 0!==F.maxHeight||void 0!==F["max-height"])),X=e(U.value?"":(()=>{if("undefined"==typeof window)return"";const e=Number(F.autoHeightBottomGap??48);return`${Math.max(240,Math.floor(window.innerHeight-e))}px`})()),K=l((()=>{const e=U.value?{id:q.value}:{...S,id:q.value};return!U.value&&X.value&&(e.height=X.value),Object.keys(F).forEach((t=>{t.startsWith("on")||["border","storage","stripe","tableKey","table-key","autoFillLastColumn","auto-fill-last-column"].includes(t)||(e[t]=F[t])})),e})),G=l((()=>{const e={};return Object.keys(F).forEach((t=>{if(t.startsWith("on")){const a=t.slice(2,3).toLowerCase()+t.slice(3);e[a]=F[t]}})),e}));l((()=>!1!==F.toolbar));const Q=e(null),Y=e(null),Z=e(null),ee=async()=>{if(U.value)return;await n();const e=Q.value?.$el||document.getElementById(Q.value?.id);if(!e)return;const t=e.getBoundingClientRect().top,a=Number(F.autoHeightBottomGap??48),l=Math.max(240,Math.floor(window.innerHeight-t-a));X.value=`${l}px`,Q.value?.recalculate?.()};l((()=>({vxeTableProRef:Q.value,toolbarRef:Y.value,toggleFullscreen:re,exportData(e){Q.value?.exportData?.(e)}})));const te=r({get vxeTableProRef(){return Q.value},get toolbarRef(){return Y.value},get tableStorageKey(){return q.value},toggleFullscreen(){re()},exportData(e){Q.value?.exportData?.(e)},openImport(e){Q.value?.openImport?.(e)},scriptBool(e){M.value=e,ae()},sizeBool(e){oe(e)},borderBool(e){P.value=e,ae()},resetCustomColumns(e=!0){ie(e)},changelineHeight(e){se(e)},saveToLocalStorage(e,t){pe(e,t)},saveCurrentCustomStoreData(){be()},getCurrentCustomStoreData:()=>fe()});o((()=>{(async()=>{await n(),await le(),await ee(),await ge();const e=Q.value,t=Y.value?.getInstance?.()||Y.value;e&&t&&(e.connect?.(t),console.log("[VxeTablePro] 已连接工具栏"))})(),window.addEventListener("resize",ee)})),i((()=>{window.removeEventListener("resize",ee)}));const ae=async()=>{await n(),Q.value?.recalculate?.(),Q.value?.refreshColumn?.(),await ge()},le=async()=>{const e=Q.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||{},l=t?.fixedData||{};if(!Object.keys(a).length&&!Object.keys(l).length)return;(e.getFullColumns?.()||e.getColumns?.()||[]).forEach((e=>{const t=ue(e);t&&Object.prototype.hasOwnProperty.call(l,t)&&(e.fixed=l[t]||null,e.renderFixed=l[t]||null);const r=Number(a[t]);t&&r&&(e.resizeWidth=r,e.renderResizeWidth=r,e.renderWidth=r)})),await(e.refreshColumn?.()),await(e.recalculate?.()),await ge()};const re=()=>{const e=Z.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()},oe=e=>{H.value=e||"mini",ae()},ne=(e=[])=>{e.forEach((e=>{e.resizeWidth=0,e.renderResizeWidth=0,e.renderWidth=0,e.children?.length&&ne(e.children)}))},ie=async(e=!0)=>{const t=Q.value;t&&(await(t.resetCustom?.(e)),ne(t.getFullColumns?.()||t.getColumns?.()||[]),P.value=!0,M.value=!1,H.value="mini",L.value=36,he(),await(t.refreshColumn?.(!0)),await(t.recalculate?.(!0)),await ge())},se=e=>{L.value=D(e),ae()},ue=e=>e?e.field?e.field:e.type?`type=${e.type}`:e.id||"":"",ce=(e=[],t={resizableData:{},sortData:{},visibleData:{},fixedData:{}})=>(e.forEach(((e,a)=>{const l=ue(e);if(l){const r=e.resizeWidth||e._ciAutoFillBaseWidth||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&&ce(e.children,t)})),t),de=(e=[],t=[])=>(e.forEach((e=>{e.children?.length?de(e.children,t):t.push(e)})),t),ve=e=>{const t=Number(e?._ciAutoFillBaseWidth||e?.resizeWidth||e?.renderResizeWidth||e?.renderWidth||e?.width||e?.minWidth);return Number.isFinite(t)?t:0},me=e=>{e?._ciAutoFillBaseWidth&&(e.renderResizeWidth=e._ciAutoFillBaseWidth,e.renderWidth=e._ciAutoFillBaseWidth,delete e._ciAutoFillBaseWidth)},ge=async()=>{if(!z.value)return;await n();const e=Q.value,t=de(e?.getFullColumns?.()||e?.getColumns?.()||[]).filter((e=>!1!==e.visible));if(!e||!t.length)return;t.forEach(me);const a=(()=>{const e=Z.value?.querySelector(".vxe-table--render-wrapper")||Z.value;return e?.clientWidth||0})(),l=t.reduce(((e,t)=>e+ve(t)),0),r=Math.floor(a-l);if(r<=1)return;const o=t[t.length-1],i=ve(o);i&&(o._ciAutoFillBaseWidth=i,o.renderResizeWidth=i+r,o.renderWidth=i+r,await(e.refreshColumn?.()))},fe=()=>{const e=Q.value,t=e?.getCustomStoreData?.()||{},a=e?.getFullColumns?.()||e?.getColumns?.()||[],l=ce(a);return{...t,resizableData:{...t.resizableData||{},...l.resizableData},sortData:{...t.sortData||{},...l.sortData},visibleData:{...t.visibleData||{},...l.visibleData},fixedData:l.fixedData}},he=()=>{if("undefined"==typeof localStorage)return;const e=q.value;localStorage.removeItem(e);try{const t="VXE_CUSTOM_STORE",a=localStorage.getItem(t);if(!a)return;const l=JSON.parse(a);l&&Object.prototype.hasOwnProperty.call(l,e)&&(delete l[e],localStorage.setItem(t,JSON.stringify(l)))}catch(e){console.error("清除表格布局缓存失败:",e)}},pe=(e,t)=>{try{const a=e||q.value,l={...fe(),...t||{}};l.resizableData={...fe().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))}catch(e){console.error("保存失败:",e)}},be=()=>{if("undefined"!=typeof localStorage)try{const e="VXE_CUSTOM_STORE",t=localStorage.getItem(e),a=t?JSON.parse(t):{_v:1};a._v=a._v||1,a[q.value]=fe(),localStorage.setItem(e,JSON.stringify(a))}catch(e){console.error("保存固定列状态失败:",e)}},we=()=>{const e=!!(document.fullscreenElement||document.webkitFullscreenElement||document.msFullscreenElement);console.log("全屏状态:",e?"是":"否")};return document.addEventListener("fullscreenchange",we),document.addEventListener("webkitfullscreenchange",we),document.addEventListener("msfullscreenchange",we),y({Instance:function(){return Q.value},vxeTableProRef:Q,toolbarRef:Y,toggleFullscreen:re,scriptBool:e=>{M.value=e,ae()},sizeBool:oe,borderBool:e=>{P.value=e,ae()},resetCustomColumns:ie,changelineHeight:se,saveToLocalStorage:pe,saveCurrentCustomStoreData:be,getCurrentCustomStoreData:fe,exportData(e){Q.value?.exportData?.(e)},openImport(e){Q.value?.openImport?.(e)}}),(e,t)=>{const a=s("vxe-column"),l=s("vxe-table");return c(),u("div",{id:"VxeTablePro",ref_key:"rootRef",ref:Z,class:v({"ci-table-pro--bordered":_.value}),style:d(V.value)},[m(" 主表格 "),g(l,f({stripe:M.value,size:H.value,border:_.value,storage:C.value},K.value,h(G.value),{ref_key:"vxeTableProRef",ref:Q,"cell-config":A.value,"custom-config":J.value}),{default:p((()=>[m(" 默认序号列，表头带 HeaderDropdown "),g(a,{type:"seq",width:"60",fixed:"left",field:"seq",align:"center"},{header:p((({column:e})=>[g(w,{title:T.value,column:e,tableRef:te.value,compact:"","header-config":{fullscreen:!0,custom:!0,resetCustom:!0,save:!0,feedback:!0,chart:!0,print:!0,import:!0,export:!0,lineHeight:!0}},null,8,["title","column","tableRef"])])),_:1}),m(" 透传用户定义的列（通过 default slot） "),b(e.$slots,"default")])),_:3},16,["stripe","size","border","storage","cell-config","custom-config"])],6)}}});export{x as default};
|