@ibiz-template/vue3-components 0.7.29 → 0.7.30-alpha.1

package/lib/control/chart/chart.cjs

@@ -48,12 +48,20 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
       required: false
     }
   },
-  setup(props) {
+  emits: ["drillDown"],
+  setup(props, {
+    emit
+  }) {
     const c = vue3Util.useControlController((...args) => new runtime.ChartController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const chartRef = vue.ref();
     const maxHeight = vue.ref(0);
     const uuid = qxUtil.createUUID();
+    const showCheck = vue.ref(false);
+    const drillDownPos = vue.ref({});
+    const drillDownRef = vue.ref();
+    let func;
+    let tempParams;
     const initSimpleData = () => {
       if (!props.data) {
         return;
@@ -89,8 +97,24 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
     const getGridData = () => {
       return c.state.gridData || [];
     };
+    const computedDrillDownPos = (params) => {
+      if (params.event) {
+        const event = params.event.event;
+        event.stopPropagation();
+        event.preventDefault();
+        const {
+          offsetX,
+          offsetY
+        } = params.event;
+        drillDownPos.value = {
+          top: "".concat(offsetY, "px"),
+          left: "".concat(offsetX + 16, "px")
+        };
+      }
+    };
     let resizeObserver;
     vue.onMounted(() => {
+      var _a, _b;
       const chart = echarts.init(chartRef.value);
       c.initChart(chart);
       window.addEventListener("resize", setHeight);
@@ -101,7 +125,32 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
         resizeObserver.observe(chartRef.value);
       }
       setHeight();
+      if ((_b = (_a = props.modelData.controlParam) == null ? void 0 : _a.ctrlParams) == null ? void 0 : _b.ENABLEDRILLDOWN) {
+        chart.on("click", (params) => {
+          tempParams = params;
+          chart.dispatchAction({
+            type: "hideTip"
+          });
+          showCheck.value = true;
+          c.changeTooltipState(false);
+          func = vue3Util.useClickOutside(drillDownRef, () => {
+            showCheck.value = false;
+            c.changeTooltipState(true);
+            func.stop();
+          });
+          computedDrillDownPos(params);
+        });
+      }
     });
+    const openDrillDown = (_event) => {
+      showCheck.value = false;
+      if (func) {
+        func.stop();
+      }
+      c.changeTooltipState(true);
+      const param = c.computedDrillDownParam(tempParams);
+      emit("drillDown", param);
+    };
     vue.watch(() => c.state.showGrid, () => {
       setHeight();
     }, {
@@ -137,6 +186,10 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
       ns,
       chartRef,
       uuid,
+      showCheck,
+      drillDownPos,
+      drillDownRef,
+      openDrillDown,
       renderGrid
     };
   },
@@ -159,7 +212,30 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode("div", {
         "ref": "chartRef",
         "class": [this.ns.e("chart")]
-      }, [ibiz.i18n.t("control.chart.chartPlaceholder")])]), this.c.state.showGrid ? vue.createVNode("div", {
+      }, [ibiz.i18n.t("control.chart.chartPlaceholder")]), this.showCheck ? vue.createVNode("div", {
+        "ref": "drillDownRef",
+        "class": this.ns.e("drill-down"),
+        "style": this.drillDownPos
+      }, [vue.createVNode("div", {
+        "class": this.ns.em("drill-down", "item")
+      }, [vue.createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "focusable": "false",
+        "fill": "currentColor"
+      }, [vue.createVNode("g", {
+        "id": "aspnormal/preview",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [vue.createVNode("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\u5408\u5E76\u5F62\u72B6"
+      }, null)])]), vue.createVNode("div", {
+        "class": this.ns.em("drill-down", "item-text"),
+        "onClick": this.openDrillDown
+      }, [ibiz.i18n.t("control.chart.drillDown")])])]) : null]), this.c.state.showGrid ? vue.createVNode("div", {
         "class": this.ns.e("grid")
       }, [this.renderGrid()]) : null])])]
     });

package/lib/control/chart/chart.css

@@ -1 +1 @@
-.ibiz-control-chart{width:100%;height:100%}.ibiz-control-chart__chart-grid{width:100%;height:100%}.ibiz-control-chart__chart-grid.is-show-grid{display:flex;height:calc(100% - 16px)}.ibiz-control-chart__chart-grid--bottom{flex-direction:column}.ibiz-control-chart__chart-grid--top{flex-direction:column-reverse}.ibiz-control-chart__chart-grid--left{flex-direction:row-reverse}.ibiz-control-chart__chart-grid--right{flex-direction:row}.ibiz-control-chart__chart-grid.is-no-data{display:none}.ibiz-control-chart__chart-grid-container{flex:1;height:50%}.ibiz-control-chart__chart-grid-container.is-bottom{width:100%;height:50%;min-height:50%}.ibiz-control-chart__chart-grid-container.is-top{width:100%;height:50%;min-height:50%}.ibiz-control-chart__chart-grid-container.is-left{width:50%;min-width:50%;height:100%}.ibiz-control-chart__chart-grid-container.is-right{width:50%;min-width:50%;height:100%}.ibiz-control-chart__chart-grid-container.is-no-grid{flex:unset;width:100%;height:100%}.ibiz-control-chart__chart{width:100%;height:100%}.ibiz-control-chart__grid{flex:1;height:auto}.ibiz-control-chart__grid .cell{text-overflow:ellipsis;white-space:nowrap}.ibiz-control-chart__grid .el-table__body-wrapper{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-chart__empty{display:none;height:100%}.ibiz-control-chart__empty.is-no-data{display:flex}.ibiz-control-chart-chart-container{width:100%;height:100%}
+.ibiz-control-chart{width:100%;height:100%}.ibiz-control-chart__chart-grid{width:100%;height:100%}.ibiz-control-chart__chart-grid.is-show-grid{display:flex;height:calc(100% - 16px)}.ibiz-control-chart__chart-grid--bottom{flex-direction:column}.ibiz-control-chart__chart-grid--top{flex-direction:column-reverse}.ibiz-control-chart__chart-grid--left{flex-direction:row-reverse}.ibiz-control-chart__chart-grid--right{flex-direction:row}.ibiz-control-chart__chart-grid.is-no-data{display:none}.ibiz-control-chart__chart-grid-container{position:relative;flex:1;height:50%}.ibiz-control-chart__chart-grid-container.is-bottom{width:100%;height:50%;min-height:50%}.ibiz-control-chart__chart-grid-container.is-top{width:100%;height:50%;min-height:50%}.ibiz-control-chart__chart-grid-container.is-left{width:50%;min-width:50%;height:100%}.ibiz-control-chart__chart-grid-container.is-right{width:50%;min-width:50%;height:100%}.ibiz-control-chart__chart-grid-container.is-no-grid{flex:unset;width:100%;height:100%}.ibiz-control-chart__chart{width:100%;height:100%}.ibiz-control-chart__drill-down{position:absolute;top:0;left:0;width:150px;padding:var(--ibiz-spacing-tight) 0;background:var(--ibiz-color-bg-1);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small);box-shadow:var(--ibiz-color-elevated)}.ibiz-control-chart__drill-down--item{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;height:40px;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-control-chart__drill-down--item:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-control-chart__drill-down--item-text{margin-bottom:var(--ibiz-spacing-super-tight)}.ibiz-control-chart__grid{flex:1;height:auto}.ibiz-control-chart__grid .cell{text-overflow:ellipsis;white-space:nowrap}.ibiz-control-chart__grid .el-table__body-wrapper{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-chart__empty{display:none;height:100%}.ibiz-control-chart__empty.is-no-data{display:flex}.ibiz-control-chart-chart-container{width:100%;height:100%}

package/lib/control/drtab/drtab.cjs

@@ -5,10 +5,10 @@ var vue3Util = require('@ibiz-template/vue3-util');
 var vueRouter = require('vue-router');
 var runtime = require('@ibiz-template/runtime');
 var ramda = require('ramda');
+var core = require('@ibiz-template/core');
 var drtab_controller = require('./drtab.controller.cjs');
 require('./drtab.css');
 var drtabControl_util = require('./drtab-control.util.cjs');
-var core = require('@ibiz-template/core');
 
 "use strict";
 const DRTabControl = /* @__PURE__ */ vue.defineComponent({

package/lib/control/form/form-detail/form-item/form-item.cjs

@@ -40,12 +40,13 @@ const FormItem = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    var _a;
     if (!this.c.state.visible) {
       return null;
     }
     let editor = null;
     const editorProps = {
-      style: this.controller.editor.style,
+      style: (_a = this.controller.editor) == null ? void 0 : _a.style,
       value: this.controller.value,
       data: this.controller.data,
       controller: this.controller.editor,

package/lib/control/grid/grid/grid-control.util.cjs

@@ -339,12 +339,25 @@ function useAppGridBase(c, props) {
       };
     }
   };
+  const headerDragend = (newWidth, oldWidth, column) => {
+    const { property } = column;
+    const columnC = c.columns[property];
+    if (columnC.isAdaptiveColumn) {
+      columnC.isAdaptiveColumn = false;
+      const index = renderColumns.value.findIndex((renderColumn) => {
+        const renderColumnC = c.columns[renderColumn.codeName];
+        return renderColumnC.isAdaptiveColumn;
+      });
+      c.hasAdaptiveColumn = index !== -1;
+    }
+  };
   return {
     tableData,
     renderColumns,
     defaultSort,
     summaryMethod,
-    spanMethod
+    spanMethod,
+    headerDragend
   };
 }
 function useGridHeaderStyle(tableRef, ns) {

package/lib/control/grid/grid/grid.cjs

@@ -35,7 +35,7 @@ function renderColumn(c, model, renderColumns, index) {
   } = model;
   const columnC = c.columns[columnName];
   const columnState = c.state.columnStates.find((item) => item.key === columnName);
-  const widthFlexGrow = columnC.isAdaptiveColumn || index === renderColumns.length - 1;
+  const widthFlexGrow = columnC.isAdaptiveColumn || !c.hasAdaptiveColumn && index === renderColumns.length - 1;
   const widthName = widthFlexGrow ? "min-width" : "width";
   return vue.createVNode(vue.resolveComponent("el-table-column"), vue.mergeProps({
     "label": model.caption,
@@ -202,7 +202,8 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       renderColumns,
       defaultSort,
       summaryMethod,
-      spanMethod
+      spanMethod,
+      headerDragend
     } = gridControl_util.useAppGridBase(c, props);
     const {
       renderPopover
@@ -314,6 +315,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       renderNoData,
       summaryMethod,
       spanMethod,
+      headerDragend,
       renderPopover,
       defaultSort,
       renderBatchToolBar,
@@ -352,6 +354,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
         "onRowDblclick": this.onDbRowClick,
         "onSelectionChange": this.onSelectionChange,
         "onSortChange": this.onSortChange,
+        "onHeaderDragend": this.headerDragend,
         "tooltip-effect": "light",
         "scrollbar-always-on": true
       }, {

package/lib/control/grid/grid-column/grid-field-column/grid-field-column.cjs

@@ -37,16 +37,20 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
         props.controller.openLinkView(props.row, event);
       }
     };
-    const CustomHtml = vue.computed(() => {
-      return props.controller.getCustomHtml(props.row);
+    const CustomHtml = vue.ref("");
+    vue.watch(() => props.row, async () => {
+      CustomHtml.value = await props.controller.getCustomHtml(props.row);
+    }, {
+      deep: true
     });
     const fieldValue = vue.computed(() => props.row.data[props.controller.fieldName]);
     const formatValue = vue.computed(() => props.controller.formatValue(fieldValue.value));
     const percent = vue.computed(() => {
       const {
-        grid
+        grid,
+        fieldName
       } = props.controller;
-      if (!grid.showPercent) {
+      if (!grid.percentkeys.includes(fieldName)) {
         return "";
       }
       const value = Number(fieldValue.value);
@@ -54,8 +58,8 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
         const {
           totalResult = {}
         } = grid.state;
-        const total = totalResult[props.controller.fieldName];
-        if (total) {
+        const total = totalResult[fieldName];
+        if (total && !Number.isNaN(total)) {
           return ibiz.util.text.format("".concat(value / total), "0.##%");
         }
       }

package/lib/control/toolbar/toolbar.cjs

@@ -3,10 +3,10 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
+var core = require('@ibiz-template/core');
 var exportExcel = require('./export-excel/export-excel.cjs');
 var shortCutButton = require('./short-cut-button/short-cut-button.cjs');
 require('./toolbar.css');
-var core = require('@ibiz-template/core');
 
 "use strict";
 function _isSlot(s) {

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.cjs

@@ -332,12 +332,12 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       default: () => [_slot]
     }), !this.readonly && vue.createVNode("div", {
       "class": this.ns.e("buns-position")
-    }, [vue.createVNode("div", {
-      "class": this.ns.e("btns")
-    }, [this.c.model.pickupAppViewId ? vue.createVNode("ion-icon", {
-      "onClick": this.openPickUpView,
+    }, [this.c.model.pickupAppViewId ? vue.createVNode("div", {
+      "class": this.ns.e("btns"),
+      "onClick": this.openPickUpView
+    }, [vue.createVNode("ion-icon", {
       "name": "search"
-    }, null) : null])])];
+    }, null)]) : null])];
     const readonlyContent = vue.createVNode("div", {
       "class": (this.ns.b(), this.ns.m("readonly"))
     }, [this.valueText]);

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-mpicker{display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{right:26px;cursor:pointer;position:relative;display:inline-block}.ibiz-mpicker__btns{position:absolute;right:0;height:100%;color:var(--ibiz-form-item-placeholder-color);display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}
+@charset "UTF-8";.ibiz-mpicker{display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:absolute;right:26px;z-index:1;display:inline-block;width:30px;height:100%;cursor:pointer}.ibiz-mpicker__btns{position:absolute;right:0;width:100%;height:100%;color:var(--ibiz-form-item-placeholder-color);cursor:pointer;display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}

package/lib/locale/en/index.cjs

@@ -306,7 +306,8 @@ var index = {
       }
     },
     chart: {
-      chartPlaceholder: "Chart"
+      chartPlaceholder: "Chart",
+      drillDown: "DrillDown"
     },
     dashboard: {
       customDashboardContainer: {

package/lib/locale/zh-CN/index.cjs

@@ -302,7 +302,8 @@ var index = {
       }
     },
     chart: {
-      chartPlaceholder: "\u56FE\u8868"
+      chartPlaceholder: "\u56FE\u8868",
+      drillDown: "\u68C0\u67E5\u660E\u7EC6"
     },
     dashboard: {
       customDashboardContainer: {

package/lib/panel-component/auth-captcha/auth-captcha.cjs

@@ -2,9 +2,9 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
+var core = require('@ibiz-template/core');
 var authCaptcha_controller = require('./auth-captcha.controller.cjs');
 require('./auth-captcha.css');
-var core = require('@ibiz-template/core');
 
 "use strict";
 const AuthCaptcha = /* @__PURE__ */ vue.defineComponent({

package/lib/panel-component/panel-button/panel-button.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
+var core = require('@ibiz-template/core');
 var panelButton_controller = require('./panel-button.controller.cjs');
 require('./panel-button.css');
-var core = require('@ibiz-template/core');
 
 "use strict";
 const PanelButton = /* @__PURE__ */ vue.defineComponent({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.29",
+  "version": "0.7.30-alpha.1",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -30,15 +30,15 @@
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.5",
     "@ibiz-template-plugin/gantt": "0.1.8-alpha.6",
-    "@ibiz-template-plugin/bi-report": "0.0.9",
+    "@ibiz-template-plugin/bi-report": "0.0.10",
     "@ibiz-template/core": "0.7.28",
     "@ibiz-template/devtool": "0.0.1-dev.6",
-    "@ibiz-template/model-helper": "0.7.29",
-    "@ibiz-template/runtime": "0.7.29",
+    "@ibiz-template/model-helper": "0.7.30-alpha.0",
+    "@ibiz-template/runtime": "0.7.30-alpha.0",
     "@ibiz-template/theme": "^0.7.0",
-    "@ibiz-template/vue3-util": "0.7.29",
+    "@ibiz-template/vue3-util": "0.7.30-alpha.0",
     "@ibiz-template/web-theme": "^1.1.18",
-    "@ibiz/model-core": "^0.1.43",
+    "@ibiz/model-core": "^0.1.44",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",

package/dist/chart-4KHwhatb.js

@@ -1 +0,0 @@
-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])])]})}}))}}}));