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

package/es/common/fullscreen-toolbar/fullscreen-toolbar.mjs

@@ -135,6 +135,14 @@ const IBizFullscreenToolbar = /* @__PURE__ */ defineComponent({
         mouseX.value = event.clientX;
         mouseY.value = event.clientY;
       });
+      document.addEventListener("mousemove", (event) => {
+        if (!isLaserEnabled.value) {
+          mouseX.value = event.clientX;
+          mouseY.value = event.clientY;
+          lastX = event.clientX;
+          lastY = event.clientY;
+        }
+      });
       ctx.value.clearRect(0, 0, laserPointerCanvas.value.width, laserPointerCanvas.value.height);
       ctx.value.fillStyle = "lightgray";
       ctx.value.fillRect(0, 0, laserPointerCanvas.value.width, laserPointerCanvas.value.height);

package/es/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/es/control/chart/chart.d.ts

@@ -52,8 +52,12 @@ declare const ChartControl: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     chartRef: import("vue").Ref<any>;
     uuid: string;
+    showCheck: import("vue").Ref<boolean>;
+    drillDownPos: import("vue").Ref<{}>;
+    drillDownRef: import("vue").Ref<any>;
+    openDrillDown: (_event: MouseEvent) => void;
     renderGrid: () => JSX.Element;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "drillDown"[], "drillDown", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEChart>;
         required: true;
@@ -98,7 +102,9 @@ declare const ChartControl: import("vue").DefineComponent<{
         };
         required: false;
     };
-}>>, {
+}>> & {
+    onDrillDown?: ((...args: any[]) => any) | undefined;
+}, {
     params: IParams;
     mdctrlActiveMode: number;
     isSimple: boolean;

package/es/control/chart/chart.mjs

@@ -1,5 +1,5 @@
 import { isVNode, ref, watch, nextTick, onMounted, resolveComponent, createVNode, onBeforeUnmount, defineComponent } from 'vue';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { useControlController, useNamespace, useClickOutside } from '@ibiz-template/vue3-util';
 import { init } from 'echarts';
 import { createUUID } from 'qx-util';
 import { ChartController } from '@ibiz-template/runtime';
@@ -44,12 +44,20 @@ const ChartControl = /* @__PURE__ */ defineComponent({
       required: false
     }
   },
-  setup(props) {
+  emits: ["drillDown"],
+  setup(props, {
+    emit
+  }) {
     const c = useControlController((...args) => new ChartController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const chartRef = ref();
     const maxHeight = ref(0);
     const uuid = createUUID();
+    const showCheck = ref(false);
+    const drillDownPos = ref({});
+    const drillDownRef = ref();
+    let func;
+    let tempParams;
     const initSimpleData = () => {
       if (!props.data) {
         return;
@@ -85,8 +93,24 @@ const ChartControl = /* @__PURE__ */ 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;
     onMounted(() => {
+      var _a, _b;
       const chart = init(chartRef.value);
       c.initChart(chart);
       window.addEventListener("resize", setHeight);
@@ -97,7 +121,32 @@ const ChartControl = /* @__PURE__ */ 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 = 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);
+    };
     watch(() => c.state.showGrid, () => {
       setHeight();
     }, {
@@ -133,6 +182,10 @@ const ChartControl = /* @__PURE__ */ defineComponent({
       ns,
       chartRef,
       uuid,
+      showCheck,
+      drillDownPos,
+      drillDownRef,
+      openDrillDown,
       renderGrid
     };
   },
@@ -155,7 +208,30 @@ const ChartControl = /* @__PURE__ */ defineComponent({
       }, [createVNode("div", {
         "ref": "chartRef",
         "class": [this.ns.e("chart")]
-      }, [ibiz.i18n.t("control.chart.chartPlaceholder")])]), this.c.state.showGrid ? createVNode("div", {
+      }, [ibiz.i18n.t("control.chart.chartPlaceholder")]), this.showCheck ? createVNode("div", {
+        "ref": "drillDownRef",
+        "class": this.ns.e("drill-down"),
+        "style": this.drillDownPos
+      }, [createVNode("div", {
+        "class": this.ns.em("drill-down", "item")
+      }, [createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "focusable": "false",
+        "fill": "currentColor"
+      }, [createVNode("g", {
+        "id": "aspnormal/preview",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [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)])]), createVNode("div", {
+        "class": this.ns.em("drill-down", "item-text"),
+        "onClick": this.openDrillDown
+      }, [ibiz.i18n.t("control.chart.drillDown")])])]) : null]), this.c.state.showGrid ? createVNode("div", {
         "class": this.ns.e("grid")
       }, [this.renderGrid()]) : null])])]
     });

package/es/control/form/form-detail/form-item/form-item.mjs

@@ -36,12 +36,13 @@ const FormItem = /* @__PURE__ */ 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/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.d.ts

@@ -14714,6 +14714,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                     ruleTag2?: string | undefined;
                     ruleType?: string | undefined;
                     scriptCode?: string | undefined;
+                    uniqueTag?: string | undefined;
                     appId: string;
                     id?: string | undefined;
                     name?: string | undefined;

package/es/control/grid/grid/grid-control.util.d.ts

@@ -80,6 +80,7 @@ export declare function useAppGridBase(c: GridController, props: IGridProps): {
         rowIndex: number;
         columnIndex: number;
     }) => IData | void;
+    headerDragend: (newWidth: number, oldWidth: number, column: IData) => void;
 };
 /**
  * 监听表格头部高度变化，计算css变量

package/es/control/grid/grid/grid-control.util.mjs

@@ -337,12 +337,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/es/control/grid/grid/grid.d.ts

@@ -103,6 +103,7 @@ export declare const GridControl: import("vue").DefineComponent<{
         rowIndex: number;
         columnIndex: number;
     }) => void | IData;
+    headerDragend: (newWidth: number, oldWidth: number, column: IData) => void;
     renderPopover: () => JSX.Element[];
     defaultSort: import("vue").Ref<IData>;
     renderBatchToolBar: () => VNode | undefined;

package/es/control/grid/grid/grid.mjs

@@ -200,7 +200,8 @@ const GridControl = /* @__PURE__ */ defineComponent({
       renderColumns,
       defaultSort,
       summaryMethod,
-      spanMethod
+      spanMethod,
+      headerDragend
     } = useAppGridBase(c, props);
     const {
       renderPopover
@@ -312,6 +313,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
       renderNoData,
       summaryMethod,
       spanMethod,
+      headerDragend,
       renderPopover,
       defaultSort,
       renderBatchToolBar,
@@ -350,6 +352,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
         "onRowDblclick": this.onDbRowClick,
         "onSelectionChange": this.onSelectionChange,
         "onSortChange": this.onSortChange,
+        "onHeaderDragend": this.headerDragend,
         "tooltip-effect": "light",
         "scrollbar-always-on": true
       }, {

package/es/control/grid/grid/index.d.ts

@@ -94,6 +94,7 @@ export declare const IBizGridControl: import("@ibiz-template/vue3-util").TypeWit
         rowIndex: number;
         columnIndex: number;
     }) => void | IData;
+    headerDragend: (newWidth: number, oldWidth: number, column: IData) => void;
     renderPopover: () => JSX.Element[];
     defaultSort: import("vue").Ref<IData>;
     renderBatchToolBar: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

package/es/control/grid/grid-column/grid-field-column/grid-field-column.d.ts

@@ -1,4 +1,5 @@
 import { IUIActionGroupDetail } from '@ibiz/model-core';
+import { Ref } from 'vue';
 import './grid-field-column.scss';
 import { GridFieldColumnController, GridRowState } from '@ibiz-template/runtime';
 export declare const GridFieldColumn: import("vue").DefineComponent<{
@@ -16,14 +17,14 @@ export declare const GridFieldColumn: import("vue").DefineComponent<{
     onTextClick: (event: MouseEvent) => void;
     onInfoTextChange: (text: string) => void;
     onActionClick: (detail: IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
-    CustomHtml: import("vue").ComputedRef<string | undefined>;
+    CustomHtml: Ref<string | undefined>;
     fieldValue: import("vue").ComputedRef<any>;
     formatValue: import("vue").ComputedRef<string>;
     percent: import("vue").ComputedRef<string>;
     codeListValue: import("vue").ComputedRef<string>;
     tooltip: import("vue").ComputedRef<string | undefined>;
     zIndex: number | undefined;
-    codeListItems: import("vue").Ref<readonly IData[]>;
+    codeListItems: Ref<readonly IData[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: typeof GridFieldColumnController;

package/es/control/grid/grid-column/grid-field-column/grid-field-column.mjs

@@ -1,4 +1,4 @@
-import { computed, ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace, useCodeListListen } from '@ibiz-template/vue3-util';
 import './grid-field-column.css';
 import { GridFieldColumnController, GridRowState, ValueExUtil } from '@ibiz-template/runtime';
@@ -33,16 +33,20 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
         props.controller.openLinkView(props.row, event);
       }
     };
-    const CustomHtml = computed(() => {
-      return props.controller.getCustomHtml(props.row);
+    const CustomHtml = ref("");
+    watch(() => props.row, async () => {
+      CustomHtml.value = await props.controller.getCustomHtml(props.row);
+    }, {
+      deep: true
     });
     const fieldValue = computed(() => props.row.data[props.controller.fieldName]);
     const formatValue = computed(() => props.controller.formatValue(fieldValue.value));
     const percent = computed(() => {
       const {
-        grid
+        grid,
+        fieldName
       } = props.controller;
-      if (!grid.showPercent) {
+      if (!grid.percentkeys.includes(fieldName)) {
         return "";
       }
       const value = Number(fieldValue.value);
@@ -50,8 +54,8 @@ const GridFieldColumn = /* @__PURE__ */ 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/es/control/grid/grid-column/grid-field-column/index.d.ts

@@ -13,7 +13,7 @@ export declare const IBizGridFieldColumn: import("@ibiz-template/vue3-util").Typ
     onTextClick: (event: MouseEvent) => void;
     onInfoTextChange: (text: string) => void;
     onActionClick: (detail: import("@ibiz/model-core").IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
-    CustomHtml: import("vue").ComputedRef<string | undefined>;
+    CustomHtml: import("vue").Ref<string | undefined>;
     fieldValue: import("vue").ComputedRef<any>;
     formatValue: import("vue").ComputedRef<string>;
     percent: import("vue").ComputedRef<string>;

package/es/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/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.mjs

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

package/es/locale/en/index.d.ts

@@ -969,6 +969,7 @@ declare const _default: {
         };
         chart: {
             chartPlaceholder: string;
+            drillDown: string;
         };
         dashboard: {
             customDashboardContainer: {

package/es/locale/en/index.mjs

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

package/es/locale/zh-CN/index.d.ts

@@ -963,6 +963,7 @@ declare const _default: {
         };
         chart: {
             chartPlaceholder: string;
+            drillDown: string;
         };
         dashboard: {
             customDashboardContainer: {

package/es/locale/zh-CN/index.mjs

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

package/lib/common/fullscreen-toolbar/fullscreen-toolbar.cjs

@@ -137,6 +137,14 @@ const IBizFullscreenToolbar = /* @__PURE__ */ vue.defineComponent({
         mouseX.value = event.clientX;
         mouseY.value = event.clientY;
       });
+      document.addEventListener("mousemove", (event) => {
+        if (!isLaserEnabled.value) {
+          mouseX.value = event.clientX;
+          mouseY.value = event.clientY;
+          lastX = event.clientX;
+          lastY = event.clientY;
+        }
+      });
       ctx.value.clearRect(0, 0, laserPointerCanvas.value.width, laserPointerCanvas.value.height);
       ctx.value.fillStyle = "lightgray";
       ctx.value.fillRect(0, 0, laserPointerCanvas.value.width, laserPointerCanvas.value.height);

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/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) {