@ibiz-template/vue3-components 0.7.28-alpha.0 → 0.7.28

package/dist/chart-4KHwhatb.js

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