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

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

@@ -104,7 +104,7 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
             "text": true,
             "size": "small",
             "onClick": (e) => this.handleClick(detail, e),
-            "title": detail.tooltip,
+            "title": ibiz.env.enableTitle ? detail.tooltip : void 0,
             "disabled": this.actionsState[detail.id].disabled,
             "class": this.calcActionItemClass(detail)
           }, {

package/es/common/custom-theme/custom-theme.mjs

@@ -124,7 +124,7 @@ const CustomTheme = /* @__PURE__ */ defineComponent({
       }, [c.predefineType.map((item) => {
         return createVNode(resolveComponent("el-button"), {
           "color": item.color,
-          "title": ibiz.i18n.t("control.common.customTheme.".concat(item.labelLang)),
+          "title": ibiz.env.enableTitle ? ibiz.i18n.t("control.common.customTheme.".concat(item.labelLang)) : void 0,
           "onClick": () => {
             handleThemeChange(item.codeName);
           }

package/es/common/data-import2/data-import2.mjs

@@ -413,7 +413,10 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
     }, [createVNode(resolveComponent("el-button"), {
       "onClick": this.onButtonImportClick,
       "disabled": !this.selectValues.join(""),
-      "title": !this.selectValues.join("") ? ibiz.i18n.t("component.dataImport2.selectProperties") : ""
+      "title": (
+        // eslint-disable-next-line no-nested-ternary
+        ibiz.env.enableTitle ? !this.selectValues.join("") ? ibiz.i18n.t("component.dataImport2.selectProperties") : "" : void 0
+      )
     }, _isSlot(_slot2 = ibiz.i18n.t("component.dataImport2.import")) ? _slot2 : {
       default: () => [_slot2]
     })]) : ""])])])]), createVNode(resolveComponent("data-import2-table"), {

package/es/control/context-menu/context-menu.mjs

@@ -139,7 +139,7 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
             "text": true,
             "size": "small",
             "onClick": (e) => this.handleClick(detail, e),
-            "title": detail.tooltip,
+            "title": ibiz.env.enableTitle ? detail.tooltip : void 0,
             "disabled": this.c.state.buttonsState[detail.id].disabled,
             "class": this.calcActionItemClass(detail)
           }, {
@@ -165,7 +165,7 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
                 "text": true,
                 "size": "small",
                 "onClick": (e) => this.handleClick(detail, e),
-                "title": detail.tooltip,
+                "title": ibiz.env.enableTitle ? detail.tooltip : void 0,
                 "disabled": this.c.state.buttonsState[detail.id].disabled,
                 "class": this.calcActionItemClass(detail)
               }, {

package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.d.ts

@@ -2038,7 +2038,6 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
             portlets: {
                 [key: string]: import("@ibiz-template/runtime").IPortletController;
             };
-            enableDynamic: boolean;
             initPortlets: (portletModels: IDBPortletPart[], parent?: import("@ibiz-template/runtime").IPortletContainerController | undefined) => Promise<void>;
             initPortletsConfig: (config?: IData | undefined) => Promise<void>;
             resetPortlets: () => Promise<void>;

package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.mjs

@@ -132,7 +132,7 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
       "class": this.ns.b("build-btn")
     }, [this.showTypeDir ? createVNode("div", null, [createVNode(resolveComponent("el-button"), {
       "class": this.ns.b("deisgn-btn"),
-      "title": ibiz.i18n.t("control.dashboard.customDashboardContainer.portalCustomPrompt"),
+      "title": ibiz.env.enableTitle ? ibiz.i18n.t("control.dashboard.customDashboardContainer.portalCustomPrompt") : void 0,
       "onClick": this.openDesign
     }, {
       default: () => [createVNode("ion-icon", {

package/es/control/dashboard/dashboard-design/dashboard-design.mjs

@@ -109,7 +109,7 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
     const prepareData = async () => {
       const list3 = [];
       const app = ibiz.hub.getApp(ibiz.env.appId);
-      if (c.enableDynamic) {
+      if (c.model.customizeMode === 2) {
         const dynamicPortlets = await c.loadAllDynaPortlet();
         dynamicPortlets == null ? void 0 : dynamicPortlets.forEach((portlet) => {
           const temp = {
@@ -118,8 +118,8 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
             portletId: portlet.psappportletid,
             portletCodeName: portlet.codename,
             portletName: portlet.psappportletname,
-            groupCodeName: "Ungroup",
-            groupName: "\u672A\u5206\u7C7B",
+            groupCodeName: portlet.groupcodename || "Ungroup",
+            groupName: portlet.groupname || "\u672A\u5206\u7C7B",
             appCodeName: app.model.pkgcodeName,
             appName: app.model.name
           };

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

@@ -1,5 +1,5 @@
 import { ref, watch, watchEffect, onUnmounted } from 'vue';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.26_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.28-alpha.0_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {
@@ -34,9 +34,10 @@ function useAppDRTab(c, controlRef, counterData) {
     const totalDom = controlRef.value.$el;
     const totalWidth = totalDom.offsetWidth;
     let accumulatedWidth = 0;
-    let splitIndex = -1;
+    visibleItems.value = [];
+    moreItems.value = [];
     drTabPages.forEach((tab, index) => {
-      if (splitIndex === -1) {
+      if (!tab.hidden) {
         const caption = tab.caption || "";
         const counterNum = tab.counterId ? counterData[tab.counterId] : void 0;
         const fontSize = "var(--".concat(defaultNamespace, "-font-size-regular)");
@@ -64,17 +65,12 @@ function useAppDRTab(c, controlRef, counterData) {
           moreStyle
         );
         if (accumulatedWidth + moreWidth > totalWidth) {
-          splitIndex = index;
+          moreItems.value.push(tab);
+        } else {
+          visibleItems.value.push(tab);
         }
       }
     });
-    if (splitIndex !== -1) {
-      visibleItems.value = drTabPages.slice(0, splitIndex);
-      moreItems.value = drTabPages.slice(splitIndex);
-    } else {
-      visibleItems.value = drTabPages;
-      moreItems.value = [];
-    }
   }
   const calcDrTabWidth = () => {
     if (window.ResizeObserver) {

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

@@ -44,7 +44,7 @@ const FormButton = /* @__PURE__ */ defineComponent({
       "onClick": this.controller.onClick.bind(this.controller),
       "loading": this.controller.state.loading,
       "disabled": this.controller.state.disabled,
-      "title": this.modelData.tooltip
+      "title": ibiz.env.enableTitle ? this.modelData.tooltip : void 0
     }, {
       default: () => [createVNode("div", {
         "class": this.ns.b("content")

package/es/control/form/form-detail/form-item/form-item-container/form-item-container.css

@@ -1 +1 @@
-.ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight) calc(var(--ibiz-spacing-base-tight) / 2) 0;--ibiz-form-item-container-label-right-padding:calc(var(--ibiz-spacing-base-tight) / 2) 0 calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);text-align:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);text-align:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}
+.ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight) calc(var(--ibiz-spacing-base-tight) / 2) 0;--ibiz-form-item-container-label-right-padding:calc(var(--ibiz-spacing-base-tight) / 2) 0 calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container__label--tooltip{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight) calc(var(--ibiz-spacing-base-tight) / 2) 0;--ibiz-form-item-container-label-right-padding:calc(var(--ibiz-spacing-base-tight) / 2) 0 calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);max-width:150px;font-size:var(--ibiz-form-item-container-font-size);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container__label--tooltip:has(ion-icon){padding-right:var(--ibiz-spacing-base-tight)}.ibiz-form-item-container__label--tooltip a{padding:0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-link)}.ibiz-form-item-container__label--tooltip ion-icon{position:absolute;top:var(--ibiz-spacing-base-tight);right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-width-icon-large)}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);text-align:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);text-align:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}

package/es/control/form/form-detail/form-item/form-item-container/form-item-container.d.ts

@@ -34,9 +34,23 @@ export declare const IBizFormItemContainer: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    enableInputTip: {
+        type: BooleanConstructor;
+    };
+    inputTip: {
+        type: StringConstructor;
+    };
+    inputTipUrl: {
+        type: StringConstructor;
+    };
+    inputTipClosable: {
+        type: BooleanConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     cssVars: import("vue").ComputedRef<Record<string, string>>;
+    tooltip: import("vue").Ref<any>;
+    renderLabel: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     required: {
         type: BooleanConstructor;
@@ -72,6 +86,20 @@ export declare const IBizFormItemContainer: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    enableInputTip: {
+        type: BooleanConstructor;
+    };
+    inputTip: {
+        type: StringConstructor;
+    };
+    inputTipUrl: {
+        type: StringConstructor;
+    };
+    inputTipClosable: {
+        type: BooleanConstructor;
+    };
 }>>, {
     labelWidth: number;
+    enableInputTip: boolean;
+    inputTipClosable: boolean;
 }, {}>;

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

@@ -1,4 +1,4 @@
-import { computed, createVNode, defineComponent } from 'vue';
+import { ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './form-item-container.css';
 
@@ -26,10 +26,23 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
     labelWidth: {
       type: Number,
       default: 130
+    },
+    enableInputTip: {
+      type: Boolean
+    },
+    inputTip: {
+      type: String
+    },
+    inputTipUrl: {
+      type: String
+    },
+    inputTipClosable: {
+      type: Boolean
     }
   },
   setup(props) {
     const ns = useNamespace("form-item-container");
+    const tooltip = ref();
     const cssVars = computed(() => {
       if (props.labelWidth !== 130) {
         return ns.cssVarBlock({
@@ -38,17 +51,49 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
       }
       return {};
     });
+    const hiddenTooltip = () => {
+      if (tooltip.value) {
+        tooltip.value.hide();
+      }
+    };
+    const renderLabel = () => {
+      const classList = [ns.e("label"), ...props.labelClass || []];
+      if (props.enableInputTip) {
+        return createVNode(resolveComponent("el-tooltip"), {
+          "ref": "tooltip"
+        }, {
+          default: () => {
+            return createVNode("div", {
+              "class": classList
+            }, [props.label]);
+          },
+          content: () => {
+            return createVNode("div", {
+              "class": ns.em("label", "tooltip")
+            }, [props.inputTip || props.label, props.inputTipUrl && createVNode("a", {
+              "href": props.inputTipUrl,
+              "target": "_blank"
+            }, [ibiz.i18n.t("component.formItemContainer.more")]), props.inputTipClosable && createVNode("ion-icon", {
+              "name": "close-outline",
+              "onClick": hiddenTooltip
+            }, null)]);
+          }
+        });
+      }
+      return createVNode("div", {
+        "class": classList,
+        "title": props.label
+      }, [props.label]);
+    };
     return {
       ns,
-      cssVars
+      cssVars,
+      tooltip,
+      renderLabel
     };
   },
   render() {
     var _a, _b;
-    const label = createVNode("div", {
-      "class": [this.ns.e("label"), ...this.labelClass || []],
-      "title": this.label
-    }, [this.label]);
     const content = createVNode("div", {
       "class": [this.ns.e("content"), this.ns.em("content", "label-".concat(this.labelPos.toLowerCase()))]
     }, [createVNode("div", {
@@ -60,7 +105,7 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
     return createVNode("div", {
       "class": [this.ns.b(), this.ns.m(this.labelPos.toLowerCase()), this.ns.is("required", this.required), this.ns.is("error", !!this.error)],
       "style": this.cssVars
-    }, [this.labelPos === "LEFT" || this.labelPos === "TOP" ? label : null, content, this.labelPos === "RIGHT" || this.labelPos === "BOTTOM" ? label : null]);
+    }, [this.labelPos === "LEFT" || this.labelPos === "TOP" ? this.renderLabel() : null, content, this.labelPos === "RIGHT" || this.labelPos === "BOTTOM" ? this.renderLabel() : null]);
   }
 });
 

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

@@ -77,6 +77,10 @@ const FormItem = /* @__PURE__ */ defineComponent({
       "labelClass": this.controller.labelClass,
       "label-pos": this.c.model.labelPos,
       "label-width": this.c.model.labelWidth,
+      "enableInputTip": this.modelData.enableInputTip,
+      "inputTip": this.modelData.inputTip,
+      "inputTipUrl": this.modelData.inputTipUrl,
+      "inputTipClosable": this.modelData.inputTipClosable,
       "onClick": (event) => this.c.onClick(event)
     }, _isSlot(editor) ? editor : {
       default: () => [editor]

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

@@ -80,8 +80,6 @@ export declare function useAppGridBase(c: GridController, props: IGridProps): {
         rowIndex: number;
         columnIndex: number;
     }) => IData | void;
-    cellMouseEnter: (row: IData, column: IData, cell: HTMLTableCellElement, event: Event) => void;
-    cellMouseLeave: (row: IData, column: IData, cell: HTMLTableCellElement, event: Event) => void;
 };
 /**
  * 监听表格头部高度变化，计算css变量

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

@@ -5,12 +5,12 @@ import { ref, watch, nextTick, computed, watchEffect, onUnmounted } from 'vue';
 "use strict";
 function sortMergeData(rowSpanKeys, items) {
   const otherItems = [];
+  const firstKey = rowSpanKeys[0] || "";
   const sortedItems = items.filter((item) => {
-    const index = rowSpanKeys.findIndex((key) => !item[key]);
-    if (index !== -1) {
+    if (!item[firstKey]) {
       otherItems.push(item);
     }
-    return index === -1;
+    return item[firstKey];
   });
   sortedItems.sort((a, b) => {
     for (const key of rowSpanKeys) {
@@ -294,7 +294,8 @@ function useAppGridBase(c, props) {
     const { property } = column;
     const { rowspankeys = [], colspankeys = [] } = c.controlParams;
     if (rowspankeys.length > 0 && rowspankeys.includes(property)) {
-      if (rowIndex > 0 && row[property] && row[property] === tableData.value[rowIndex - 1][property]) {
+      const allow = columnIndex === 0 || row[property];
+      if (rowIndex > 0 && allow && row[property] === tableData.value[rowIndex - 1][property]) {
         return {
           rowspan: 0,
           colspan: 0
@@ -302,7 +303,7 @@ function useAppGridBase(c, props) {
       }
       let rowspan = 1;
       for (let i = rowIndex + 1; i < tableData.value.length; i++) {
-        if (row[property] && tableData.value[i][property] === row[property]) {
+        if (allow && tableData.value[i][property] === row[property]) {
           rowspan += 1;
         } else {
           break;
@@ -315,7 +316,7 @@ function useAppGridBase(c, props) {
     }
     if (colspankeys.length > 0 && colspankeys.includes(property)) {
       const preProperty = renderColumns.value[columnIndex - 1].codeName;
-      if (columnIndex > 0 && row[property] && colspankeys.includes(preProperty) && row[property] === row[preProperty]) {
+      if (columnIndex > 0 && colspankeys.includes(preProperty) && row[property] === row[preProperty]) {
         return {
           rowspan: 0,
           colspan: 0
@@ -324,7 +325,7 @@ function useAppGridBase(c, props) {
       let colspan = 1;
       for (let i = columnIndex + 1; i < renderColumns.value.length; i++) {
         const nextProperty = renderColumns.value[i].codeName;
-        if (row[property] && colspankeys.includes(nextProperty) && row[nextProperty] === row[property]) {
+        if (colspankeys.includes(nextProperty) && row[nextProperty] === row[property]) {
           colspan += 1;
         } else {
           break;
@@ -336,76 +337,12 @@ function useAppGridBase(c, props) {
       };
     }
   };
-  const cellMouseEnter = (row, column, cell) => {
-    const { rowspankeys = [] } = c.controlParams;
-    if (rowspankeys.length === 0) {
-      return;
-    }
-    let { rowSpan } = cell;
-    if (rowSpan && rowSpan > 1) {
-      let tableRow = cell.parentNode;
-      while (rowSpan > 1) {
-        if (tableRow && tableRow.nextSibling) {
-          tableRow.nextSibling.classList.add(
-            "hover-row"
-          );
-          tableRow = tableRow.nextSibling;
-        }
-        rowSpan -= 1;
-      }
-    } else {
-      const columnLenth = renderColumns.value.length;
-      let tableRow = cell.parentNode;
-      while (tableRow.children.length !== columnLenth) {
-        tableRow = tableRow.previousSibling;
-      }
-      for (let index = 0; index < tableRow.children.length; index++) {
-        const newCell = tableRow.children.item(index);
-        if (newCell.rowSpan > 1) {
-          newCell.classList.add("hover-cell");
-        }
-      }
-    }
-  };
-  const cellMouseLeave = (row, column, cell) => {
-    const { rowspankeys = [] } = c.controlParams;
-    if (rowspankeys.length === 0) {
-      return;
-    }
-    let { rowSpan } = cell;
-    if (rowSpan && rowSpan > 1) {
-      let tableRow = cell.parentNode;
-      while (rowSpan > 1) {
-        if (tableRow && tableRow.nextSibling) {
-          tableRow.nextSibling.classList.remove(
-            "hover-row"
-          );
-          tableRow = tableRow.nextSibling;
-        }
-        rowSpan -= 1;
-      }
-    } else {
-      const columnLenth = renderColumns.value.length;
-      let tableRow = cell.parentNode;
-      while (tableRow.children.length !== columnLenth) {
-        tableRow = tableRow.previousSibling;
-      }
-      for (let index = 0; index < tableRow.children.length; index++) {
-        const newCell = tableRow.children.item(index);
-        if (newCell.rowSpan > 1) {
-          newCell.classList.remove("hover-cell");
-        }
-      }
-    }
-  };
   return {
     tableData,
     renderColumns,
     defaultSort,
     summaryMethod,
-    spanMethod,
-    cellMouseEnter,
-    cellMouseLeave
+    spanMethod
   };
 }
 function useGridHeaderStyle(tableRef, ns) {
@@ -448,13 +385,13 @@ function useGridHeaderStyle(tableRef, ns) {
   };
 }
 function useGridDraggable(tableRef, ns, c) {
-  if (!c.enableRowEditOrder || !c.model.orderValueAppDEFieldId) {
+  if (!c.enableRowEditOrder) {
     return {};
   }
-  let draggingDom = null;
   let dragIndex = 0;
-  let draggingKey = "";
+  let dropIndex = 0;
   let draggingData = null;
+  let dropData = null;
   const cleanups = [];
   const calcSrfKeyByClass = (classList) => {
     let result = "";
@@ -472,9 +409,9 @@ function useGridDraggable(tableRef, ns, c) {
       "dragstart",
       (event) => {
         if (event.target) {
-          draggingDom = event.target;
+          const draggingDom = event.target;
           event.dataTransfer.effectAllowed = "move";
-          draggingKey = calcSrfKeyByClass(draggingDom.classList);
+          const draggingKey = calcSrfKeyByClass(draggingDom.classList);
           dragIndex = c.state.rows.findIndex(
             (row) => row.data.srfkey === draggingKey
           );
@@ -489,15 +426,13 @@ function useGridDraggable(tableRef, ns, c) {
         event.preventDefault();
         const targetDom = event.currentTarget;
         const targetKey = calcSrfKeyByClass(targetDom.classList);
-        const targetIndex = c.state.rows.findIndex(
+        dropIndex = c.state.rows.findIndex(
           (row) => row.data.srfkey === targetKey
         );
-        if (draggingKey === targetKey || targetIndex === -1) {
+        if ((draggingData == null ? void 0 : draggingData.data.srfkey) === targetKey || dropIndex === -1) {
           return;
         }
-        c.state.rows.splice(dragIndex, 1);
-        c.state.rows.splice(targetIndex, 0, draggingData);
-        dragIndex = targetIndex;
+        dropData = c.state.rows[dropIndex];
       }
     );
     const cleanDragOver = listenJSEvent(
@@ -509,7 +444,13 @@ function useGridDraggable(tableRef, ns, c) {
     );
     const cleanDragEnd = listenJSEvent(item, "dragend", (event) => {
       event.preventDefault();
-      c.onDragChange();
+      if (draggingData && dropData) {
+        c.onDragChange(
+          draggingData,
+          dropData,
+          dropIndex > dragIndex ? "next" : "prev"
+        );
+      }
     });
     cleanups.push(cleanDragStart);
     cleanups.push(cleanDragEnter);

package/es/control/grid/grid/grid.css

@@ -1 +1 @@
-.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-padding:var(--ibiz-spacing-none);--ibiz-control-grid-cell-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-control-grid-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-grid-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-grid-row-hover-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-row-select-color:var(--ibiz-color-primary-light-default);--ibiz-control-grid-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-grid-now-header-height:auto;--ibiz-control-grid-scrollbar-width:4px;--ibiz-control-grid-header-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-header-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-control-grid-header-height:auto;--ibiz-control-grid-header-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-grid-content-text-color:var(--ibiz-control-grid-text-color);--ibiz-control-grid-content-row-height:48px;--ibiz-control-grid-page-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-page-height:50px;--ibiz-control-grid-page-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-control-grid-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-footer-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-footer-font-weight:var(--ibiz-font-weight-bold);position:relative;width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid .el-table{--el-table-header-bg-color:var(--ibiz-control-grid-header-bg-color);--el-table-current-row-bg-color:var(--ibiz-control-grid-row-select-color);--el-table-border-color:transparent}.ibiz-control-grid.is-empty .el-scrollbar .el-scrollbar__view{height:100%}.ibiz-control-grid.is-empty .el-table__empty-text{display:inline-block;height:100%}.ibiz-control-grid .el-table--border .el-table__cell{border-right:none}.ibiz-control-grid .el-table-fixed-column--left,.ibiz-control-grid .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-grid .el-table thead.is-group th.el-table__cell{background:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - var(--ibiz-control-grid-page-height))}.ibiz-control-grid.is-enable-group .el-table__indent{display:none}.ibiz-control-grid__table{width:100%;height:100%}.ibiz-control-grid__table .caret-wrapper{justify-content:center}.ibiz-control-grid__table .caret-wrapper>*+*{margin-top:var(--ibiz-spacing-super-tight)}.ibiz-control-grid__table .sort-caret{--el-text-color-placeholder:--ibiz-control-grid-header-text-color;position:initial;opacity:.6}.ibiz-control-grid__table.el-table .el-table__cell{padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--ibiz-control-grid-row-hover-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td{background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-control-grid__table .el-table__header-wrapper .cell{height:var(--ibiz-control-grid-header-height);padding:var(--ibiz-control-grid-header-cell-padding);font-size:var(--ibiz-control-grid-header-font-size);font-weight:var(--ibiz-control-grid-header-font-weight);color:var(--ibiz-control-grid-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-grid__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__header-wrapper .is-sortable.el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__body-wrapper{color:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-0:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-1:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-2:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-3:var(--ibiz-control-grid-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-grid-content-row-height);cursor:pointer}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:0;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:var(--ibiz-control-grid-row-expand-icon-margin)}@-moz-document url-prefix(){.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-grid__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-grid__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-grid__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-grid__table .el-scrollbar__wrap{position:relative}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell{font-size:var(--ibiz-control-grid-footer-font-size);font-weight:var(--ibiz-control-grid-footer-font-weight);color:var(--ibiz-control-grid-footer-text-color);background-color:var(--ibiz-control-grid-footer-bg-color)}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell:first-child>div{display:inline;vertical-align:4px}.ibiz-control-grid__table .enable-order{position:relative;padding-left:var(--ibiz-spacing-base-tight);transition:transform .25s cubic-bezier(0,0,.2,1)}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon{padding:var(--ibiz-spacing-none)!important}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon .cell{display:none}.ibiz-control-grid__table .enable-order:hover .ibiz-control-grid__drag-icon .cell{display:flex}.ibiz-control-grid__table .el-scrollbar__bar.is-horizontal{height:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__table .el-scrollbar__bar.is-vertical{width:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__load-more-button{padding:var(--ibiz-control-grid-header-cell-padding);text-align:center}.ibiz-control-grid .el-table td.el-table__cell,.ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-grid .ibiz-pagination{--ibiz-pagination-height:var(--ibiz-control-grid-page-height);--ibiz-pagination-text-color:var(--ibiz-control-grid-text-color);--ibiz-pagination-padding:var(--ibiz-control-grid-page-padding)}.ibiz-control-grid.is-single-select .el-table__header-wrapper .el-table__header thead>tr th:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-single-select .el-table__body-wrapper .el-table__body tbody>tr td:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-enable-customized .el-table__header-wrapper .el-table__header thead>tr th:last-child{padding-right:var(--ibiz-spacing-base-loose)}.ibiz-control-grid.is-enable-customized .ibiz-control-grid-setting-box{display:flex;align-items:center;justify-content:flex-start;position:absolute;top:0;right:0;z-index:1;height:var(--ibiz-control-grid-now-header-height);padding-right:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-customized .ibiz-grid-setting{cursor:pointer}.ibiz-control-grid .el-table .el-table__body tr.hover-row.current-row>td.el-table__cell,.ibiz-control-grid .el-table .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.ibiz-control-grid .el-table .el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.ibiz-control-grid .el-table .el-table__body tr.hover-row>td.el-table__cell{background-color:var(--el-table-row-hover-bg-color)}.ibiz-control-grid .el-table .el-table__body tr.current-row td:not([rowspan="1"]){background-color:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid .el-table .el-table__body-wrapper .el-table__body tr.el-table__row>td.hover-cell{background-color:var(--el-table-row-hover-bg-color)}.ibiz-control-grid-quick-toolbar{justify-content:center}.ibiz-control-grid-batch-toolbar{position:absolute;top:0;left:54px;z-index:99;display:none;width:calc(100% - 54px);height:var(--ibiz-control-grid-now-header-height);font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid-batch-toolbar.is-show{display:flex;align-items:center;justify-content:flex-start}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-separator{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-content{height:100%;display:flex;align-items:center;justify-content:flex-start}
+.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-padding:var(--ibiz-spacing-none);--ibiz-control-grid-cell-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-control-grid-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-grid-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-grid-row-hover-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-row-select-color:var(--ibiz-color-primary-light-default);--ibiz-control-grid-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-grid-now-header-height:auto;--ibiz-control-grid-scrollbar-width:4px;--ibiz-control-grid-header-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-header-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-control-grid-header-height:auto;--ibiz-control-grid-header-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-grid-content-text-color:var(--ibiz-control-grid-text-color);--ibiz-control-grid-content-row-height:48px;--ibiz-control-grid-page-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-page-height:50px;--ibiz-control-grid-page-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-control-grid-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-footer-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-footer-font-weight:var(--ibiz-font-weight-bold);position:relative;width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid .el-table{--el-table-header-bg-color:var(--ibiz-control-grid-header-bg-color);--el-table-current-row-bg-color:var(--ibiz-control-grid-row-select-color);--el-table-border-color:transparent}.ibiz-control-grid.is-empty .el-scrollbar .el-scrollbar__view{height:100%}.ibiz-control-grid.is-empty .el-table__empty-text{display:inline-block;height:100%}.ibiz-control-grid .el-table--border .el-table__cell{border-right:none}.ibiz-control-grid .el-table-fixed-column--left,.ibiz-control-grid .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-grid .el-table thead.is-group th.el-table__cell{background:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - var(--ibiz-control-grid-page-height))}.ibiz-control-grid.is-enable-group .el-table__indent{display:none}.ibiz-control-grid__table{width:100%;height:100%}.ibiz-control-grid__table .caret-wrapper{justify-content:center}.ibiz-control-grid__table .caret-wrapper>*+*{margin-top:var(--ibiz-spacing-super-tight)}.ibiz-control-grid__table .sort-caret{--el-text-color-placeholder:--ibiz-control-grid-header-text-color;position:initial;opacity:.6}.ibiz-control-grid__table.el-table .el-table__cell{padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--ibiz-control-grid-row-hover-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td{background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-control-grid__table .el-table__header-wrapper .cell{height:var(--ibiz-control-grid-header-height);padding:var(--ibiz-control-grid-header-cell-padding);font-size:var(--ibiz-control-grid-header-font-size);font-weight:var(--ibiz-control-grid-header-font-weight);color:var(--ibiz-control-grid-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-grid__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__header-wrapper .is-sortable.el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__body-wrapper{color:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-0:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-1:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-2:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-3:var(--ibiz-control-grid-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-grid-content-row-height);cursor:pointer}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:0;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:var(--ibiz-control-grid-row-expand-icon-margin)}@-moz-document url-prefix(){.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-grid__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-grid__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-grid__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-grid__table .el-scrollbar__wrap{position:relative}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell{font-size:var(--ibiz-control-grid-footer-font-size);font-weight:var(--ibiz-control-grid-footer-font-weight);color:var(--ibiz-control-grid-footer-text-color);background-color:var(--ibiz-control-grid-footer-bg-color)}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell:first-child>div{display:inline;vertical-align:4px}.ibiz-control-grid__table .enable-order{position:relative;padding-left:var(--ibiz-spacing-base-tight);transition:transform .25s cubic-bezier(0,0,.2,1)}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon{padding:var(--ibiz-spacing-none)!important}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon .cell{display:none}.ibiz-control-grid__table .enable-order:hover .ibiz-control-grid__drag-icon .cell{display:flex}.ibiz-control-grid__table .el-scrollbar__bar.is-horizontal{height:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__table .el-scrollbar__bar.is-vertical{width:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__load-more-button{padding:var(--ibiz-control-grid-header-cell-padding);text-align:center}.ibiz-control-grid .el-table td.el-table__cell,.ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-grid .ibiz-pagination{--ibiz-pagination-height:var(--ibiz-control-grid-page-height);--ibiz-pagination-text-color:var(--ibiz-control-grid-text-color);--ibiz-pagination-padding:var(--ibiz-control-grid-page-padding)}.ibiz-control-grid.is-single-select .el-table__header-wrapper .el-table__header thead>tr th:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-single-select .el-table__body-wrapper .el-table__body tbody>tr td:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-enable-customized .el-table__header-wrapper .el-table__header thead>tr th:last-child{padding-right:var(--ibiz-spacing-base-loose)}.ibiz-control-grid.is-enable-customized .ibiz-control-grid-setting-box{display:flex;align-items:center;justify-content:flex-start;position:absolute;top:0;right:0;z-index:1;height:var(--ibiz-control-grid-now-header-height);padding-right:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-customized .ibiz-grid-setting{cursor:pointer}.ibiz-control-grid-quick-toolbar{justify-content:center}.ibiz-control-grid-batch-toolbar{position:absolute;top:0;left:54px;z-index:99;display:none;width:calc(100% - 54px);height:var(--ibiz-control-grid-now-header-height);font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid-batch-toolbar.is-show{display:flex;align-items:center;justify-content:flex-start}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-separator{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-content{height:100%;display:flex;align-items:center;justify-content:flex-start}

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

@@ -83,8 +83,6 @@ export declare const GridControl: import("vue").DefineComponent<{
     onPageChange: (page: number) => void;
     onPageSizeChange: (size: number) => void;
     onPageRefresh: () => void;
-    cellMouseEnter: (row: IData, column: IData, cell: HTMLTableCellElement, event: Event) => void;
-    cellMouseLeave: (row: IData, column: IData, cell: HTMLTableCellElement, event: Event) => void;
     handleRowClassName: ({ row }: {
         row: IData;
     }) => string;

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

@@ -200,9 +200,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
       renderColumns,
       defaultSort,
       summaryMethod,
-      spanMethod,
-      cellMouseEnter,
-      cellMouseLeave
+      spanMethod
     } = useAppGridBase(c, props);
     const {
       renderPopover
@@ -309,8 +307,6 @@ const GridControl = /* @__PURE__ */ defineComponent({
       onPageChange,
       onPageSizeChange,
       onPageRefresh,
-      cellMouseEnter,
-      cellMouseLeave,
       handleRowClassName,
       handleHeaderCellClassName,
       renderNoData,
@@ -351,8 +347,6 @@ const GridControl = /* @__PURE__ */ defineComponent({
         "data": this.tableData,
         "span-method": this.spanMethod,
         "onRowClick": this.onRowClick,
-        "onCellMouseEnter": this.cellMouseEnter,
-        "onCellMouseLeave": this.cellMouseLeave,
         "onRowDblclick": this.onDbRowClick,
         "onSelectionChange": this.onSelectionChange,
         "onSortChange": this.onSortChange,

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

@@ -72,8 +72,6 @@ export declare const IBizGridControl: import("@ibiz-template/vue3-util").TypeWit
     onPageChange: (page: number) => void;
     onPageSizeChange: (size: number) => void;
     onPageRefresh: () => void;
-    cellMouseEnter: (row: IData, column: IData, cell: HTMLTableCellElement, event: Event) => void;
-    cellMouseLeave: (row: IData, column: IData, cell: HTMLTableCellElement, event: Event) => void;
     handleRowClassName: ({ row }: {
         row: IData;
     }) => string;

package/es/control/report-panel/report-panel.mjs

@@ -35,6 +35,10 @@ const ReportPanelControl = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const isInit = ref(false);
     onMounted(() => {
+      if (window.BI_REGISTER_STATE) {
+        isInit.value = true;
+        return;
+      }
       const importBIReport = () => import('@ibiz-template-plugin/bi-report');
       importBIReport().then((value) => {
         const biReport = value.default;
@@ -42,6 +46,7 @@ const ReportPanelControl = /* @__PURE__ */ defineComponent({
         AppHooks.createApp.tap((_, app) => {
           app.use(biReport);
         });
+        window.BI_REGISTER_STATE = true;
         isInit.value = true;
       });
     });

package/es/control/search-bar/search-bar.mjs

@@ -137,7 +137,7 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
           }, [groupItem.caption]);
         })])), this.c.model.enableGroup && this.c.isBackendSearchGroup && createVNode(resolveComponent("el-button"), {
           "class": this.ns.b("save"),
-          "title": ibiz.i18n.t("control.searchBar.saveGroup"),
+          "title": ibiz.env.enableTitle ? ibiz.i18n.t("control.searchBar.saveGroup") : void 0,
           "onClick": this.handleSave
         }, {
           default: () => [createVNode("ion-icon", {
@@ -161,7 +161,7 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
         }), this.c.enableFilter && createVNode(resolveComponent("el-button"), {
           "ref": "filterButtonRef",
           "type": "primary",
-          "title": ibiz.i18n.t("control.searchBar.filter"),
+          "title": ibiz.env.enableTitle ? ibiz.i18n.t("control.searchBar.filter") : void 0,
           "class": this.ns.b("filter"),
           "onClick": () => this.triggerFilter()
         }, {