@dfsj/echarts/dist/view/Table.vue2.js

专业的水文曲线组件或构造函数以及通用的echart二次封装图表

/**
 * 
 *     @dfsj/echarts： 专业的水文曲线组件或构造函数以及通用的echart二次封装图表
 *     版本: v4.0.0-alpha.9
 *     作者：yangbo <1747837358@qq.com>
 *     日期：2026-07-10 17:09:23
 *     
 *     
 */

import{objectSpread2 as e,createForOfIteratorHelper as l,toConsumableArray as a}from"../_virtual/_rollupPluginBabelHelpers.js";import{defineComponent as t,ref as r,toRefs as u,reactive as n,watch as o,computed as i,onMounted as s,openBlock as d,createElementBlock as v,normalizeClass as c,createElementVNode as p,createBlock as f,unref as g,withCtx as m,createVNode as b,createTextVNode as h,toDisplayString as y,Fragment as w,renderList as z,createCommentVNode as x}from"vue";import S from"lodash-es/get";import{dimensions as j}from"../utils/statistics.js";import{ElTable as q,ElTableColumn as H,ElConfigProvider as P,ElPagination as k}from"element-plus";import O from"../utils/export.js";import _ from"dayjs";import B from"element-plus/es/locale/lang/zh-cn";var C={class:"chart-tabulation-wrap flex flex-col justify-between"},D={class:"table-container"},F={class:"table-pager"},M=t({__name:"Table",props:{value:{type:Object,required:!0,default:null},chart:{type:null,required:!0,default:null},visible:{type:Boolean,required:!0,default:!1},dimensionsFn:{type:Function,required:!0,default:j},immediate:{type:Boolean,required:!0,default:!0},shadow:{type:Boolean,required:!0,default:!0},page:{type:Object,required:!1},defaultSort:{type:Object,required:!0,default:{prop:"t0",order:"descending"}}},setup:function(t){var j=r(B),M=t,Y=u(M),L=Y.chart,T=Y.visible,U=Y.value,V=Y.page,$=Y.defaultSort,A=r([]),I=r([]),E=r([]),G=n(Object.assign({},{total:0,currentPage:1,pageSize:100,pageSizes:[50,100,200,300],small:!1,background:!0,disabled:!1,layout:"total, sizes, prev, pager, next, jumper",pagerCount:10},e({},V.value)));o(function(){return U.value},function(e,l){console.log("v,o",e,l),N()},{deep:!0});i(function(){var e;return L.value?S(null==L||null===(e=L.value)||void 0===e?void 0:e.getOption(),"$export",!0):null}),r(0);var J=i(function(){return A.value.slice(G.pageSize*(G.currentPage-1),G.pageSize*G.currentPage)});function K(){var e=function(e,a){var t=[];if(!a)return[];var r,u=l(a);try{for(u.s();!(r=u.n()).done;){for(var n=r.value,o={},i=0;i<e.length;i++){o["t".concat(e[i].field)]=0==i&&Date.parse(n[i])&&_(n[i],"YYYY-MM-DD HH:mm:ss",!0).isValid()?_(n[i]).format("MM/DD HH:mm"):n[i]}t.push(o)}}catch(e){u.e(e)}finally{u.f()}return t}(I.value,E.value);A.value=e}function N(){T.value?(!function(){var e;if(M.immediate){var l;E.value=(null===(l=U.value)||void 0===l?void 0:l.source)||[]}else{var a,t,r,u=null==L||null===(a=L.value)||void 0===a?void 0:a.getOption();E.value=null!==(t=null==u||null===(r=u.dataset[0])||void 0===r?void 0:r.source)&&void 0!==t?t:[]}G.total=(null===(e=E.value)||void 0===e?void 0:e.length)||0}(),I.value=((null==M?void 0:M.dimensionsFn(L.value,U.value))||[]).filter(function(e){return 0!=e.selected}),console.log(null==M?void 0:M.dimensionsFn(L.value,U.value),I.value),K()):(I.value.length=0,A.value.length=0)}function Q(){O({source:E.value,columns:I.value,file:"图表数据"})}return M.immediate&&s(function(){return setTimeout(N,200)}),function(e,l){return d(),v("div",{class:c(["assistant tabulation bg-white",{shadow:t.shadow}])},[p("div",C,[p("div",{class:"export",onClick:Q},a(l[2]||(l[2]=[p("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},[p("path",{fill:"currentColor",d:"M6 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6m-1 1.5L18.5 9H13m-4.07 3.22H16v7.07l-2.12-2.12L11.05 20l-2.83-2.83l2.83-2.82"})],-1)]))),p("div",D,[A.value.length?(d(),f(g(q),{key:0,data:J.value,stripe:"","default-sort":g($),height:"100%",style:{width:"100%"}},{default:m(function(){return[b(g(H),{sortable:"",type:"index",label:"序号",align:"center",width:"60px"},{default:m(function(e){var l=e.$index;return[h(y(l+(G.currentPage-1)*G.pageSize+1),1)]}),_:1}),l[3]||(l[3]=h(" > ",-1)),(d(!0),v(w,null,z(I.value,function(e,l){return d(),f(g(H),{sortable:"",key:l+(null==e?void 0:e.label),prop:"t".concat(null==e?void 0:e.field),align:"center","min-width":"120px",label:null==e?void 0:e.label},null,8,["prop","label"])}),128))]}),_:1},8,["data","default-sort"])):x("v-if",!0)]),p("div",F,[b(g(P),{locale:j.value},{default:m(function(){return[b(g(k),{"hide-on-single-page":"","current-page":G.currentPage,"onUpdate:currentPage":l[0]||(l[0]=function(e){return G.currentPage=e}),"page-size":G.pageSize,"onUpdate:pageSize":l[1]||(l[1]=function(e){return G.pageSize=e}),"page-sizes":G.pageSizes,small:G.small,disabled:G.disabled,background:G.background,layout:G.layout,total:G.total,"pager-count":G.pagerCount},null,8,["current-page","page-size","page-sizes","small","disabled","background","layout","total","pager-count"])]}),_:1},8,["locale"])])])],2)}}});export{M as default};