@ibiz-template/vue3-components 0.7.41-alpha.123 → 0.7.41-alpha.125

package/dist/chart-D8ak71ob.js

@@ -0,0 +1 @@
+System.register(["vue","@ibiz-template/vue3-util","echarts","qx-util","lodash-es","@ibiz-template/runtime"],function(e){"use strict";var t,l,a,i,s,o,r,n,c,d,h,m,u,p,v,b,f,w,g,y,D;return{setters:[function(e){t=e.defineComponent,l=e.createVNode,a=e.resolveComponent,i=e.ref,s=e.watch,o=e.onMounted,r=e.onBeforeUnmount,n=e.nextTick,c=e.withDirectives,d=e.resolveDirective,h=e.isVNode},function(e){m=e.useControlController,u=e.useNamespace,p=e.useSemanticNode,v=e.hasEmptyPanelRenderer,b=e.IBizCustomRender},function(e){f=e.init},function(e){w=e.createUUID},function(e){g=e.isArray},function(e){y=e.ChartController,D=e.ControlVO}],execute:function(){function C(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!h(e)}e("default",t({name:"IBizChartControl",props:{modelData:{type:Object,required:!0},context:{type:Object,required:!0},params:{type:Object,default:()=>({})},provider:{type:Object},mdctrlActiveMode:{type:Number,default:void 0},loadDefault:{type:Boolean,default:!0},isSimple:{type:Boolean,required:!1},data:{type:Array,required:!1}},emits:["drillDetail"],setup(e,{emit:t}){const h=m((...e)=>new y(...e)),_=u("control-".concat(h.model.controlType.toLowerCase())),z=i(),S=i(0),L=w(),{semanticClass:x,semanticStyle:P}=p(h),N=i(!1),R=i({}),B=i();let E;const O=[{class:"".concat(_.em("grid","body-row")," ").concat(x("table.body.row")),selector:".el-table__row"},{class:"".concat(_.em("grid","header-row")," ").concat(x("table.header.row")),selector:".el-table__header tr"},{class:"".concat(_.em("grid","body-cell")," ").concat(x("table.body.cell")),selector:".el-table__body .el-table__cell"},{class:"".concat(_.em("grid","header-cell")," ").concat(x("table.header.cell")),selector:".el-table__header .el-table__cell"}],T=[{class:P("table.body.row"),selector:".el-table__row"},{class:P("table.header.row"),selector:".el-table__header tr"},{class:P("table.body.cell"),selector:".el-table__body .el-table__cell"},{class:P("table.header.cell"),selector:".el-table__header .el-table__cell"}],j=()=>{e.data&&(h.state.items=e.data.map(e=>new D(e)),h.afterLoad({},h.state.items))};h.evt.on("onCreated",async()=>{e.isSimple&&(j(),h.state.isSimple=!0,h.state.isLoaded=!0)}),s(()=>e.data,()=>{e.isSimple&&j()},{deep:!0});const k=async()=>{await n();const e=document.getElementById(L);e&&("bottom"===h.state.gridPosition||"top"===h.state.gridPosition?S.value=e.offsetHeight/2-8:S.value=e.offsetHeight-16)},A=()=>{N.value=!1},G=()=>{N.value||h.changeTooltipState(!0)};let I;o(()=>{var t,l;const a=f(z.value);ibiz.log.debug("初始化图表元素，源dom对象：",z.value,"目标图表对象：",a),h.initChart(a),window.addEventListener("resize",k),window.addEventListener("pointerdown",A),window.addEventListener("click",G),z.value&&ResizeObserver&&(I=new ResizeObserver(()=>{h.resizeChart()}),I.observe(z.value)),k();let i=(null==(l=null==(t=e.modelData.controlParam)?void 0:t.ctrlParams)?void 0:l.ENABLEDRILLDETAIL)||h.controlParams.enabledrilldetail;if(i&&!g(i))try{i=JSON.parse(i)}catch(e){ibiz.log.error(e),i=void 0}(null==i?void 0:i.length)&&a.on("click",e=>{const t=h.computedClickSerieModel(e);if(!t||ibiz.fullscreenUtil.isFullScreen)return;const l=i.find(e=>e.name===t.valueField);l&&l.isDrill&&(E=e,(e=>{if(e.event){const t=e.event.event,{offsetX:l,offsetY:a}=e.event,{clientWidth:i}=t.target;R.value=l+160>i?{top:"".concat(a-20,"px"),left:"".concat(l-160,"px")}:{top:"".concat(a,"px"),left:"".concat(l+16,"px")}}})(e),a.dispatchAction({type:"hideTip"}),h.changeTooltipState(!1),N.value=!0)})});s(()=>h.state.showGrid,()=>{k()},{immediate:!0});return r(()=>{window.removeEventListener("resize",k),window.removeEventListener("pointerdown",A),window.removeEventListener("click",G),null==I||I.disconnect()}),{c:h,ns:_,uuid:L,chartRef:z,showCheck:N,semanticClass:x,semanticStyle:P,drillDetailPos:R,drillDetailRef:B,openDrillDetail:e=>{e.stopPropagation(),e.preventDefault(),N.value=!1,h.changeTooltipState(!0);const l=h.computedDrillDetailParam(E);t("drillDetail",l)},renderGrid:()=>{let e;return c(l(a("el-table"),{ref:"tableRef",border:!0,data:h.state.gridData||[],style:{width:"100%"},"max-height":S.value,"span-method":h.spanMethod.bind(h)},C(e=h.state.gridHeaders.map(e=>l(a("el-table-column"),{prop:e.id,align:"center",label:e.name},null)))?e:{default:()=>[e]}),[[d("child-class"),O],[d("child-style"),T]])},renderNoData:()=>{if(0===h.state.items.length){const e={};return v(h)&&Object.assign(e,{customRender:()=>l(b,{controller:h},null)}),l(a("iBizNoData"),{text:h.model.emptyText,emptyTextLanguageRes:h.model.emptyTextLanguageRes,hideNoDataImage:h.state.hideNoDataImage},C(e)?e:{default:()=>[e]})}}}},render(){return l(a("iBizControlNavigation"),{controller:this.c},{default:()=>[l(a("iBizControlBase"),{controller:this.c,class:this.semanticClass("root"),style:this.semanticStyle("root")},{default:()=>[l("div",{id:this.uuid,class:[this.ns.b("chart-container"),this.semanticClass("content")],style:this.semanticStyle("content")},[this.renderNoData(),l("div",{class:[this.ns.e("chart-grid"),this.ns.is("no-data",0===this.c.state.items.length),this.ns.is("show-grid",this.c.state.showGrid),{[this.ns.em("chart-grid",this.c.state.gridPosition)]:this.c.state.showGrid}]},[l("div",{class:[this.ns.e("chart-grid-container"),this.ns.is(this.c.state.gridPosition,this.c.state.showGrid),this.ns.is("no-grid",!this.c.state.showGrid)]},[l("div",{ref:"chartRef",class:[this.ns.e("chart"),this.semanticClass("chart")],style:this.semanticStyle("chart")},[ibiz.i18n.t("control.chart.chartPlaceholder")]),this.showCheck?l("div",{ref:"drillDetailRef",class:this.ns.e("drill-detail"),style:this.drillDetailPos,onPointerdown:this.openDrillDetail},[l("div",{class:this.ns.em("drill-detail","item")},[l("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",height:"1em",width:"1em",focusable:"false",fill:"currentColor"},[l("g",{id:"aspnormal/preview","stroke-width":"1","fill-rule":"evenodd"},[l("path",{d:"M11.626 0c1.057 0 1.923.818 2 1.855l.005.15v3.411a.6.6 0 0 1-1.192.097l-.008-.097.001-1.348V2.005c0-.41-.31-.749-.705-.799l-.101-.006h-9.62c-.41 0-.75.308-.8.704l-.006.101v11.989c0 .41.308.75.705.8l.101.006h5.906l.017-.004.016-.003h2.074a.598.598 0 1 1 .107 1.187l-.095.01V16H2.006a2.006 2.006 0 0 1-2-1.856L0 13.994V2.005C0 .948.818.082 1.856.005L2.006 0h9.62zm-1.595 6.328a3.669 3.669 0 0 1 3.665 3.665c0 .79-.251 1.523-.678 2.123l2.412 2.412a.6.6 0 1 1-.848.85l-2.41-2.412a3.646 3.646 0 0 1-2.14.692 3.67 3.67 0 0 1-3.667-3.665 3.67 3.67 0 0 1 3.666-3.665zm-5.106 5.29a.6.6 0 0 1 .097 1.191l-.097.008H2.85a.6.6 0 0 1-.097-1.192l.097-.008h2.074zm5.106-4.09a2.468 2.468 0 0 0-2.466 2.465 2.468 2.468 0 0 0 2.466 2.466 2.47 2.47 0 0 0 2.466-2.466 2.469 2.469 0 0 0-2.466-2.465zm-4.815-.126a.6.6 0 0 1 .097 1.193l-.097.007h-2.35A.6.6 0 0 1 2.77 7.41l.098-.008h2.349zm5.58-4a.6.6 0 0 1 .097 1.192l-.097.008H2.867A.6.6 0 0 1 2.77 3.41l.097-.008h7.929z",id:"asp合并形状"},null)])]),l("div",{class:this.ns.em("drill-detail","item-text")},[ibiz.i18n.t("control.chart.drillDetail")])])]):null]),this.c.state.showGrid?l("div",{style:this.semanticStyle("table"),class:[this.ns.e("grid"),this.semanticClass("table")]},[this.renderGrid()]):null])])]})]})}}))}}});