@ibiz-template/vue3-components 0.6.16 → 0.7.0

package/dist/chart-jfPZ04eU.js

@@ -0,0 +1 @@
+System.register(["vue","@ibiz-template/vue3-util","echarts","qx-util","@ibiz-template/runtime"],(function(t){"use strict";var e,i,s,r,n,o,a,c,d,l,h,u,m,f;return{setters:[function(t){e=t.defineComponent,i=t.ref,s=t.onMounted,r=t.watch,n=t.onBeforeUnmount,o=t.createVNode,a=t.resolveComponent,c=t.nextTick,d=t.isVNode},function(t){l=t.useControlController,h=t.useNamespace},function(t){u=t.init},function(t){m=t.createUUID},function(t){f=t.ChartController}],execute:function(){t("default",e({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}},setup(){const t=l(((...t)=>new f(...t))),e=h("control-".concat(t.model.controlType.toLowerCase())),p=i(),g=i(0),v=m(),b=async()=>{await c();const e=document.getElementById(v);e&&("bottom"===t.state.gridPosition||"top"===t.state.gridPosition?g.value=e.offsetHeight/2-8:g.value=e.offsetHeight-16)};s((()=>{const e=u(p.value);t.initChart(e),window.addEventListener("resize",b),b()})),r((()=>t.state.showGrid),(()=>{b()}),{immediate:!0});return n((()=>{window.removeEventListener("resize",b)})),{c:t,ns:e,chartRef:p,uuid:v,renderGrid:()=>{let i;return o(a("el-table"),{ref:"tableRef",data:t.state.gridData||[],border:!0,style:{width:"100%"},"max-height":g.value,"header-row-class-name":e.e("grid-header")},"function"==typeof(s=i=t.state.gridHeaders.map((t=>o(a("el-table-column"),{prop:t.id,align:"center",label:t.name},null))))||"[object Object]"===Object.prototype.toString.call(s)&&!d(s)?i:{default:()=>[i]});var s}}},render(){return o(a("iBizControlBase"),{controller:this.c},{default:()=>[o("div",{id:this.uuid,class:this.ns.b("chart-container")},[o(a("el-empty"),{class:[this.ns.e("empty"),this.ns.is("no-data",0===this.c.state.items.length)],description:"暂无数据"},null),o("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}]},[o("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)]},[o("div",{ref:"chartRef",class:[this.ns.e("chart")]},[ibiz.i18n.t("control.chart.chartPlaceholder")])]),this.c.state.showGrid?o("div",{class:this.ns.e("grid")},[this.renderGrid()]):null])])]})}}))}}}));