@ibiz-template/vue3-components 0.7.19 → 0.7.21

package/dist/chart-HuCq_rW2.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,a,n,o,d,c,l,h,u,m,p;return{setters:[function(t){e=t.defineComponent,i=t.ref,s=t.watch,r=t.onMounted,a=t.onBeforeUnmount,n=t.createVNode,o=t.resolveComponent,d=t.nextTick,c=t.isVNode},function(t){l=t.useControlController,h=t.useNamespace},function(t){u=t.init},function(t){m=t.createUUID},function(t){p=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},isSimple:{type:Boolean,required:!1},data:{type:Array,required:!1}},setup(t){const e=l(((...t)=>new p(...t))),f=h("control-".concat(e.model.controlType.toLowerCase())),g=i(),v=i(0),b=m(),y=()=>{t.data&&(e.state.items=t.data,e.afterLoad({},e.state.items))};e.evt.on("onCreated",(async()=>{t.isSimple&&(y(),e.state.isSimple=!0,e.state.isLoaded=!0)})),s((()=>t.data),(()=>{t.isSimple&&y()}),{deep:!0});const w=async()=>{await d();const t=document.getElementById(b);t&&("bottom"===e.state.gridPosition||"top"===e.state.gridPosition?v.value=t.offsetHeight/2-8:v.value=t.offsetHeight-16)};r((()=>{const t=u(g.value);e.initChart(t),window.addEventListener("resize",w),w()})),s((()=>e.state.showGrid),(()=>{w()}),{immediate:!0});return a((()=>{window.removeEventListener("resize",w)})),{c:e,ns:f,chartRef:g,uuid:b,renderGrid:()=>{let t;return n(o("el-table"),{ref:"tableRef",data:e.state.gridData||[],border:!0,style:{width:"100%"},"max-height":v.value,"header-row-class-name":f.e("grid-header")},"function"==typeof(i=t=e.state.gridHeaders.map((t=>n(o("el-table-column"),{prop:t.id,align:"center",label:t.name},null))))||"[object Object]"===Object.prototype.toString.call(i)&&!c(i)?t:{default:()=>[t]});var i}}},render(){return n(o("iBizControlBase"),{controller:this.c},{default:()=>[n("div",{id:this.uuid,class:this.ns.b("chart-container")},[n(o("el-empty"),{class:[this.ns.e("empty"),this.ns.is("no-data",0===this.c.state.items.length)],description:ibiz.i18n.t("control.common.currentNoData")},null),n("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}]},[n("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)]},[n("div",{ref:"chartRef",class:[this.ns.e("chart")]},[ibiz.i18n.t("control.chart.chartPlaceholder")])]),this.c.state.showGrid?n("div",{class:this.ns.e("grid")},[this.renderGrid()]):null])])]})}}))}}}));