@ibiz-template/vue3-components 0.7.24-alpha.0 → 0.7.24-alpha.2

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

@@ -143,7 +143,7 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
       }, {
         icon: () => createVNode("ion-icon", {
           "class": this.ns.e("icon"),
-          "name": "ellipsis-vertical-outline",
+          "name": "ellipsis-vertical",
           "title": ibiz.i18n.t("component.actionToolbar.more")
         }, null)
       }), createVNode(resolveComponent("el-popover"), {
@@ -178,7 +178,7 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
         "class": this.ns.e("caption")
       }, [this.caption, createVNode("ion-icon", {
         "class": this.ns.e("caption-icon"),
-        "name": "ellipsis-vertical-outline"
+        "name": "ellipsis-vertical"
       }, null)]),
       dropdown: () => createVNode(resolveComponent("el-dropdown-menu"), null, {
         default: () => [details.length > 0 && details.map((detail) => {

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

@@ -214,7 +214,7 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
       }, {
         icon: () => createVNode("ion-icon", {
           "class": this.ns.e("icon"),
-          "name": "ellipsis-vertical-outline"
+          "name": "ellipsis-vertical"
         }, null)
       }), createVNode(resolveComponent("el-popover"), {
         "placement": "bottom-start",

package/es/control/data-view/data-view.css

@@ -1 +1 @@
-.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;height:100%}.ibiz-control-dataview__content{flex-grow:1;height:100%}.ibiz-control-dataview__pagination{flex-shrink:0}.ibiz-control-dataview-scroll{display:flex;flex-wrap:wrap;align-content:flex-start;padding:var(--ibiz-control-dataview-padding);overflow:auto}.ibiz-control-dataview-scroll>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;color:var(--ibiz-control-dataview-text-color);cursor:pointer}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-active-bg-color)}.ibiz-control-dataview-item-content{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px}.ibiz-control-dataview-item-content__top--title{text-align:center}.ibiz-control-dataview-item-content__top--description{min-width:150px;text-align:justify;text-justify:newspaper;word-break:break-all}.ibiz-control-dataview-item-content__bottom--actions{display:flex;justify-content:center}.ibiz-control-dataview-group-content{--ibiz-control-dataview-group-item-header-bg-color:transparent;--ibiz-control-dataview-group-item-header-padding:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-group-item-header-border-color:var(--ibiz-color-border);--ibiz-control-dataview-group-item-caption-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-group-item-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-control-dataview-group-item-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-dataview-group-item-content-bg-color:transparent;--ibiz-control-dataview-group-item-content-padding:var(--ibiz-spacing-tight);width:100%}.ibiz-control-dataview-group-content__item .el-collapse-item__content{display:flex;flex-wrap:wrap}.ibiz-control-dataview-group-content__item--empty{width:100%;text-align:center}.ibiz-control-dataview-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-control-dataview-group-item-header-padding);border-bottom:1px solid var(--ibiz-control-dataview-group-item-header-border-color)}.ibiz-control-dataview-group-content__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-control-dataview-group-item-caption-font-size);font-weight:var(--ibiz-control-dataview-group-item-caption-font-weight);color:var(--ibiz-control-dataview-group-item-caption-text-color)}.ibiz-control-dataview-group-content__item-content{display:flex;flex-wrap:wrap;padding:var(--ibiz-control-dataview-group-item-content-padding);background-color:var(--ibiz-control-dataview-group-item-content-bg-color)}.ibiz-control-dataview-group-content__item-content>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-group-content__item-row{padding:var(--ibiz-control-dataview-group-item-content-padding)}.ibiz-control-dataview-group-content__item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}
+.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;height:100%}.ibiz-control-dataview__content{flex-grow:1;height:100%}.ibiz-control-dataview__pagination{flex-shrink:0}.ibiz-control-dataview__load-more-button{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview-scroll{display:flex;flex-wrap:wrap;align-content:flex-start;padding:var(--ibiz-control-dataview-padding);overflow:auto}.ibiz-control-dataview-scroll>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;color:var(--ibiz-control-dataview-text-color);cursor:pointer}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-active-bg-color)}.ibiz-control-dataview-item-content{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px}.ibiz-control-dataview-item-content__top--title{text-align:center}.ibiz-control-dataview-item-content__top--description{min-width:150px;text-align:justify;text-justify:newspaper;word-break:break-all}.ibiz-control-dataview-item-content__bottom--actions{display:flex;justify-content:center}.ibiz-control-dataview-group-content{--ibiz-control-dataview-group-item-header-bg-color:transparent;--ibiz-control-dataview-group-item-header-padding:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-group-item-header-border-color:var(--ibiz-color-border);--ibiz-control-dataview-group-item-caption-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-group-item-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-control-dataview-group-item-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-dataview-group-item-content-bg-color:transparent;--ibiz-control-dataview-group-item-content-padding:var(--ibiz-spacing-tight);width:100%}.ibiz-control-dataview-group-content__item .el-collapse-item__content{display:flex;flex-wrap:wrap}.ibiz-control-dataview-group-content__item--empty{width:100%;text-align:center}.ibiz-control-dataview-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-control-dataview-group-item-header-padding);border-bottom:1px solid var(--ibiz-control-dataview-group-item-header-border-color)}.ibiz-control-dataview-group-content__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-control-dataview-group-item-caption-font-size);font-weight:var(--ibiz-control-dataview-group-item-caption-font-weight);color:var(--ibiz-control-dataview-group-item-caption-text-color)}.ibiz-control-dataview-group-content__item-content{display:flex;flex-wrap:wrap;padding:var(--ibiz-control-dataview-group-item-content-padding);background-color:var(--ibiz-control-dataview-group-item-content-bg-color)}.ibiz-control-dataview-group-content__item-content>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-group-content__item-row{padding:var(--ibiz-control-dataview-group-item-content-padding)}.ibiz-control-dataview-group-content__item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}

package/es/control/data-view/data-view.d.ts

@@ -42,6 +42,7 @@ export declare const DataViewControl: import("vue").DefineComponent<{
     c: DataViewControlController<IDEDataView, import("@ibiz-template/runtime").IDataViewControlState, import("@ibiz-template/runtime").IMDControlEvent>;
     ns: import("@ibiz-template/core").Namespace;
     classNames: import("vue").ComputedRef<string[]>;
+    infiniteScroll: import("vue").Ref<IData | undefined>;
     renderHasData: () => VNode;
     renderNoData: () => VNode | undefined;
     onPageChange: (page: number) => void;

package/es/control/data-view/data-view.mjs

@@ -1,6 +1,7 @@
-import { isVNode, computed, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, computed, ref, watch, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { DataViewControlController } from '@ibiz-template/runtime';
+import { createUUID } from 'qx-util';
 import './data-view.css';
 import '../../util/index.mjs';
 import { usePagination } from '../../util/pagination/use-pagination.mjs';
@@ -58,8 +59,24 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       if (c.model.enablePagingBar === true) {
         return true;
       }
+      if (c.model.pagingMode !== 2) {
+        return true;
+      }
       return c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size;
     });
+    const infiniteScroll = ref();
+    const infiniteScrollKey = ref(createUUID());
+    watch(() => c.state.curPage, () => {
+      var _a, _b;
+      if (c.state.curPage === 1 && (c.model.pagingMode === 2 || c.model.pagingMode === 3)) {
+        infiniteScrollKey.value = createUUID();
+        const containerEl = (_b = (_a = infiniteScroll.value) == null ? void 0 : _a.ElInfiniteScroll) == null ? void 0 : _b.containerEl;
+        if (containerEl) {
+          containerEl.lastScrollTop = 0;
+          containerEl.scrollTop = 0;
+        }
+      }
+    });
     const {
       onPageChange,
       onPageRefresh,
@@ -230,11 +247,21 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       });
     };
     const renderHasData = () => {
+      let _slot4;
       return withDirectives(createVNode("div", {
         "class": [ns.b("scroll"), ns.e("content")],
         "infinite-scroll-distance": 10,
-        "infinite-scroll-disabled": isLodeMoreDisabled.value
-      }, [renderDataViewContent()]), [[resolveDirective("infinite-scroll"), () => c.loadMore()]]);
+        "infinite-scroll-disabled": isLodeMoreDisabled.value,
+        "ref": "infiniteScroll",
+        "key": infiniteScrollKey.value
+      }, [renderDataViewContent(), c.model.pagingMode === 3 && !(c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size) && createVNode("div", {
+        "class": ns.e("load-more-button")
+      }, [createVNode(resolveComponent("el-button"), {
+        "text": true,
+        "onClick": () => c.loadMore()
+      }, _isSlot(_slot4 = ibiz.i18n.t("control.common.loadMore")) ? _slot4 : {
+        default: () => [_slot4]
+      })])]), [[resolveDirective("infinite-scroll"), () => c.loadMore()]]);
     };
     const renderNoData = () => {
       const {
@@ -254,6 +281,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       c,
       ns,
       classNames,
+      infiniteScroll,
       renderHasData,
       renderNoData,
       onPageChange,
@@ -271,10 +299,12 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       content = [this.c.state.noSort ? null : createVNode(resolveComponent("iBizSortBar"), {
         "onSortChange": (item, order) => {
           this.c.setSort(item.key, order);
-          this.c.load();
+          this.c.load({
+            isInitialLoad: this.c.model.pagingMode === 2 || this.c.model.pagingMode === 3
+          });
         },
         "sortItems": this.c.state.sortItems
-      }, null), items.length > 0 ? this.renderHasData() : this.renderNoData(), this.c.state.enablePagingBar ? createVNode(resolveComponent("iBizPagination"), {
+      }, null), items.length > 0 ? this.renderHasData() : this.renderNoData(), this.c.state.enablePagingBar && this.c.model.pagingMode === 1 ? createVNode(resolveComponent("iBizPagination"), {
         "class": this.ns.e("pagination"),
         "total": this.c.state.total,
         "curPage": this.c.state.curPage,

package/es/control/data-view/index.d.ts

@@ -31,6 +31,7 @@ export declare const IBizDataViewControl: import("@ibiz-template/vue3-util").Typ
     c: import("@ibiz-template/runtime").DataViewControlController<import("@ibiz/model-core").IDEDataView, import("@ibiz-template/runtime").IDataViewControlState, import("@ibiz-template/runtime").IMDControlEvent>;
     ns: import("@ibiz-template/core").Namespace;
     classNames: import("vue").ComputedRef<string[]>;
+    infiniteScroll: import("vue").Ref<IData | undefined>;
     renderHasData: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;

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

@@ -0,0 +1,17 @@
+import { Ref } from 'vue';
+import { DRTabController } from './drtab.controller';
+/**
+ * 获取显示内容
+ *
+ * @author ljx
+ * @date 2024-06-12 17:09:09
+ * @export
+ * @param {DRTabController} c
+ * @param {Ref<IData | undefined>} controlRef
+ * @param {IData} counterData
+ * @returns {*}
+ */
+export declare function useAppDRTab(c: DRTabController, controlRef: Ref<IData | undefined>, counterData: IData): {
+    visibleItems: Ref<IData>;
+    moreItems: Ref<IData>;
+};

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

@@ -0,0 +1,115 @@
+import { ref, watch, watchEffect, onUnmounted } from 'vue';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.18_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) {
+  let resizeObserver = null;
+  let lastDrTabWidth = 0;
+  const visibleItems = ref([]);
+  const moreItems = ref([]);
+  const calcDomWidth = (text, style = {}) => {
+    let domWidth = 0;
+    const dom = document.createElement("span");
+    const sonDom = document.createElement("span");
+    sonDom.innerHTML = text;
+    Object.assign(sonDom.style, style);
+    Object.assign(dom.style, {
+      width: "auto",
+      position: "absolute",
+      left: "-9999px"
+    });
+    dom.appendChild(sonDom);
+    document.body.appendChild(dom);
+    domWidth = dom.offsetWidth;
+    document.body.removeChild(dom);
+    return domWidth;
+  };
+  function updateVisibleItems() {
+    const { drTabPages, showMore } = c.state;
+    if (!controlRef.value || !showMore || drTabPages.length === 0) {
+      visibleItems.value = drTabPages;
+      moreItems.value = [];
+      return;
+    }
+    const totalDom = controlRef.value.$el;
+    const totalWidth = totalDom.offsetWidth;
+    let accumulatedWidth = 0;
+    let splitIndex = -1;
+    drTabPages.forEach((tab, index) => {
+      if (splitIndex === -1) {
+        const caption = tab.caption || "";
+        const counterNum = tab.counterId ? counterData[tab.counterId] : void 0;
+        const fontSize = "var(--".concat(defaultNamespace, "-font-size-regular)");
+        if (counterNum != null && !(!counterNum && counterNum !== 0) && !(tab.counterMode === 1 && counterNum <= 0)) {
+          const counterStyle = {
+            marginLeft: "var(--".concat(defaultNamespace, "-spacing-tight)"),
+            minWidth: "20px",
+            fontSize
+          };
+          const counterWidth = calcDomWidth(String(counterNum), counterStyle);
+          accumulatedWidth += counterWidth;
+        }
+        const tabStyle = {
+          padding: index === 0 ? "0 var(--".concat(defaultNamespace, "-spacing-base) 0 0") : "0 var(--".concat(defaultNamespace, "-spacing-base)"),
+          fontSize
+        };
+        const tabWidth = calcDomWidth(caption, tabStyle);
+        accumulatedWidth += tabWidth;
+        const moreStyle = {
+          padding: "0 0 0 var(--".concat(defaultNamespace, "-spacing-base)"),
+          fontSize
+        };
+        const moreWidth = calcDomWidth(
+          "".concat(ibiz.i18n.t("app.more"), " ^"),
+          moreStyle
+        );
+        if (accumulatedWidth + moreWidth > totalWidth) {
+          splitIndex = index;
+        }
+      }
+    });
+    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) {
+      const drTabDom = controlRef.value.$el;
+      if (drTabDom) {
+        resizeObserver = new ResizeObserver((entries) => {
+          const width = entries[0].contentRect.width;
+          if (width !== lastDrTabWidth) {
+            updateVisibleItems();
+            lastDrTabWidth = width;
+          }
+        });
+        resizeObserver.observe(drTabDom);
+      }
+    }
+  };
+  watch(
+    () => c.state.drTabPages,
+    () => {
+      updateVisibleItems();
+    },
+    { deep: true }
+  );
+  const stop = watchEffect(() => {
+    if (controlRef.value) {
+      calcDrTabWidth();
+    }
+  });
+  onUnmounted(() => {
+    if (resizeObserver) {
+      resizeObserver.disconnect();
+    }
+    stop();
+  });
+  return { visibleItems, moreItems };
+}
+
+export { useAppDRTab };

package/es/control/drtab/drtab.controller.d.ts

@@ -74,6 +74,13 @@ export declare class DRTabController extends ControlController<IDEDRTab, IDRTabS
      * @memberof DRTabController
      */
     onCreated(): Promise<void>;
+    /**
+     * 部件参数解析
+     *
+     * @protected
+     * @memberof ControlController
+     */
+    protected handleControlParams(): void;
     /**
      * 通过计数器数据，计算项状态
      *

package/es/control/drtab/drtab.controller.mjs

@@ -84,6 +84,7 @@ class DRTabController extends ControlController {
   initState() {
     super.initState();
     this.state.drTabPages = [];
+    this.state.showMore = false;
   }
   /**
    * 创建完成
@@ -95,6 +96,18 @@ class DRTabController extends ControlController {
     await super.onCreated();
     await this.initCounter();
   }
+  /**
+   * 部件参数解析
+   *
+   * @protected
+   * @memberof ControlController
+   */
+  handleControlParams() {
+    super.handleControlParams();
+    if (this.controlParams.showmore) {
+      this.state.showMore = this.controlParams.showmore === "true";
+    }
+  }
   /**
    * 通过计数器数据，计算项状态
    *

package/es/control/drtab/drtab.css

@@ -1 +1 @@
-.ibiz-control-drtab__counter{margin-left:var(--ibiz-spacing-tight)}.ibiz-control-drtab .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-color-primary)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-2)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-color-text-0)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-color-primary)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs.el-tabs--bottom .el-tabs__nav-scroll,.ibiz-control-drtab .el-tabs.el-tabs--top .el-tabs__nav-scroll{padding:0 var(--ibiz-spacing-base)}.ibiz-control-drtab .el-tabs__item{padding:0 var(--ibiz-spacing-base)}
+.ibiz-control-drtab__counter{margin-left:var(--ibiz-spacing-tight)}.ibiz-control-drtab .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-color-primary)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-2)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-color-text-0)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-color-primary)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs.el-tabs--bottom .el-tabs__nav-scroll,.ibiz-control-drtab .el-tabs.el-tabs--top .el-tabs__nav-scroll{padding:0 var(--ibiz-spacing-base)}.ibiz-control-drtab .el-tabs__item{padding:0 var(--ibiz-spacing-base)}.ibiz-control-drtab .el-tabs__nav-next,.ibiz-control-drtab .el-tabs__nav-prev{line-height:var(--el-tabs-header-height)}.ibiz-control-drtab-pane-label__text+.ibiz-control-drtab-pane-label__counter{margin-left:var(--ibiz-spacing-tight)}.ibiz-control-drtab-more .el-tabs.el-tabs.el-tabs--top .el-tabs__header .el-tabs__nav-next,.ibiz-control-drtab-more .el-tabs.el-tabs.el-tabs--top .el-tabs__header .el-tabs__nav-prev{display:none}.ibiz-control-drtab-more .el-tabs.el-tabs.el-tabs--top .el-tabs__nav-wrap.is-scrollable{padding:var(--ibiz-spacing-none)}.ibiz-control-drtab-more-dropdown{height:100%}.ibiz-control-drtab-more-dropdown__link{position:relative;display:flex;align-items:center;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-2)}.ibiz-control-drtab-more-dropdown__link svg{color:var(--ibiz-color-text-2);fill:var(--ibiz-color-text-2)}.ibiz-control-drtab-more-dropdown__link:hover{color:var(--ibiz-color-text-0)}.ibiz-control-drtab-more-dropdown__link:hover svg{color:var(--ibiz-color-text-0);fill:var(--ibiz-color-text-0)}.ibiz-control-drtab-more-dropdown__link::after{position:absolute;left:-16px;display:inline-block;width:100%;height:100%;content:""}.ibiz-control-drtab-more-dropdown-popper{width:240px}.ibiz-control-drtab-more-dropdown-popper__active{background-color:var(--ibiz-color-primary-active)}.ibiz-control-drtab-more-dropdown-popper__label{display:flex;align-items:center;width:100%;overflow:hidden}.ibiz-control-drtab-more-dropdown-popper__label--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-drtab-more-dropdown-popper__label--counter{min-width:20px;margin-left:var(--ibiz-spacing-tight)}.ibiz-control-drtab-more-dropdown-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .ibiz-control-drtab-more-dropdown-popper__active.el-dropdown-menu__item{background-color:var(--ibiz-color-primary-active)}

package/es/control/drtab/drtab.d.ts

@@ -22,8 +22,12 @@ export declare const DRTabControl: import("vue").DefineComponent<{
 }, {
     c: DRTabController;
     ns: import("@ibiz-template/core").Namespace;
+    controlRef: import("vue").Ref<any>;
     counterData: IData;
+    visibleItems: import("vue").Ref<IData>;
+    moreItems: import("vue").Ref<IData>;
     handleTabChange: () => void;
+    handleMoreChange: (key: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEDRTab>;

package/es/control/drtab/drtab.mjs

@@ -1,15 +1,13 @@
-import { isVNode, reactive, onUnmounted, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, reactive, onUnmounted, watch, resolveComponent, createTextVNode, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace, getNestedRoutePath, route2routePath } from '@ibiz-template/vue3-util';
 import { useRouter, useRoute } from 'vue-router';
 import { hasSubRoute } from '@ibiz-template/runtime';
 import { isNil } from 'ramda';
 import { DRTabController } from './drtab.controller.mjs';
 import './drtab.css';
+import { useAppDRTab } from './drtab-control.util.mjs';
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 const DRTabControl = /* @__PURE__ */ defineComponent({
   name: "IBizDrTabControl",
   props: {
@@ -33,7 +31,12 @@ const DRTabControl = /* @__PURE__ */ defineComponent({
     const c = useControlController((...args) => new DRTabController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const router = useRouter();
+    const controlRef = ref();
     const counterData = reactive({});
+    const {
+      visibleItems,
+      moreItems
+    } = useAppDRTab(c, controlRef, counterData);
     const fn = (counter) => {
       Object.assign(counterData, counter);
     };
@@ -50,6 +53,10 @@ const DRTabControl = /* @__PURE__ */ defineComponent({
     const handleTabChange = () => {
       c.handleTabChange();
     };
+    const handleMoreChange = (key) => {
+      c.state.activeName = key;
+      c.handleTabChange();
+    };
     const route = useRoute();
     let expViewRoutePath = "";
     if (c.routeDepth) {
@@ -86,50 +93,104 @@ const DRTabControl = /* @__PURE__ */ defineComponent({
     return {
       c,
       ns,
+      controlRef,
       counterData,
-      handleTabChange
+      visibleItems,
+      moreItems,
+      handleTabChange,
+      handleMoreChange
     };
   },
   render() {
-    let _slot;
     const {
       isCreated,
-      drTabPages,
       isCalculatedPermission
     } = this.c.state;
+    const moreTab = this.moreItems.find((tab) => tab.tag === this.c.state.activeName) || {};
+    const more = createVNode(resolveComponent("el-dropdown"), {
+      "trigger": "click",
+      "class": this.ns.b("more-dropdown"),
+      "popper-class": this.ns.b("more-dropdown-popper")
+    }, {
+      default: () => {
+        return createVNode("div", {
+          "class": this.ns.be("more-dropdown", "link"),
+          "onClick": (e) => e.stopPropagation()
+        }, [createVNode("span", null, [ibiz.i18n.t("app.more"), createTextVNode(" ")]), createVNode("svg", {
+          "viewBox": "0 0 16 16",
+          "xmlns": "http://www.w3.org/2000/svg",
+          "height": "1em",
+          "width": "1em"
+        }, [createVNode("g", {
+          "stroke-width": "1",
+          "fill-rule": "evenodd"
+        }, [createVNode("path", {
+          "d": "M7.978 11.997l-.005.006L2.3 6.33l.83-.831 4.848 4.848L12.826 5.5l.83.83-5.673 5.673-.005-.006z"
+        }, null)])])]);
+      },
+      dropdown: () => {
+        return createVNode(resolveComponent("el-dropdown-menu"), null, {
+          default: () => {
+            return this.moreItems.map((item) => {
+              return createVNode(resolveComponent("el-dropdown-item"), {
+                "class": [this.c.state.activeName === item.tag ? this.ns.be("more-dropdown-popper", "active") : ""],
+                "onClick": () => this.handleMoreChange(item.tag)
+              }, {
+                default: () => [createVNode("span", {
+                  "class": [this.ns.be("more-dropdown-popper", "label")]
+                }, [createVNode("span", {
+                  "class": this.ns.bem("more-dropdown-popper", "label", "text"),
+                  "title": item.caption || ""
+                }, [item.caption || ""]), item.counterId && this.counterData[item.counterId] != null && createVNode(resolveComponent("iBizBadge"), {
+                  "class": this.ns.bem("more-dropdown-popper", "label", "counter"),
+                  "value": this.counterData[item.counterId],
+                  "counterMode": item.counterMode
+                }, null)])]
+              });
+            });
+          }
+        });
+      }
+    });
     return createVNode(resolveComponent("iBizControlBase"), {
+      "ref": "controlRef",
       "controller": this.c,
-      "class": this.ns.b()
+      "class": [this.ns.b(), this.moreItems.length > 0 ? this.ns.b("more") : ""]
     }, {
       default: () => [isCreated && isCalculatedPermission && createVNode(resolveComponent("el-tabs"), {
         "modelValue": this.c.state.activeName,
         "onUpdate:modelValue": ($event) => this.c.state.activeName = $event,
         "onTabChange": this.handleTabChange
-      }, _isSlot(_slot = drTabPages.map((tab) => {
-        const counterNum = tab.counterId ? this.counterData[tab.counterId] : void 0;
-        if (!tab.hidden) {
-          return createVNode(resolveComponent("el-tab-pane"), {
-            "class": this.ns.e("tab-item"),
-            "label": tab.caption + counterNum,
-            "disabled": tab.disabled,
-            "name": tab.tag
-          }, {
-            label: () => {
-              return createVNode("span", {
-                "class": this.ns.b("label")
-              }, [createVNode("span", {
-                "class": this.ns.be("label", "text")
-              }, [tab.caption]), !isNil(counterNum) && createVNode(resolveComponent("iBizBadge"), {
-                "class": this.ns.e("counter"),
-                "value": counterNum,
-                "counterMode": tab.counterMode
-              }, null)]);
-            }
-          });
-        }
-        return null;
-      })) ? _slot : {
-        default: () => [_slot]
+      }, {
+        default: () => [this.visibleItems.map((tab) => {
+          const counterNum = tab.counterId ? this.counterData[tab.counterId] : void 0;
+          if (!tab.hidden) {
+            return createVNode(resolveComponent("el-tab-pane"), {
+              "class": this.ns.e("tab-item"),
+              "label": tab.caption + counterNum,
+              "disabled": tab.disabled,
+              "name": tab.tag
+            }, {
+              label: () => {
+                return createVNode("span", {
+                  "class": this.ns.b("label")
+                }, [createVNode("span", {
+                  "class": this.ns.be("label", "text")
+                }, [tab.caption]), !isNil(counterNum) && createVNode(resolveComponent("iBizBadge"), {
+                  "class": this.ns.e("counter"),
+                  "value": counterNum,
+                  "counterMode": tab.counterMode
+                }, null)]);
+              }
+            });
+          }
+          return null;
+        }), this.moreItems.length > 0 && createVNode(resolveComponent("el-tab-pane"), {
+          "label": "",
+          "name": moreTab.tag
+        }, {
+          label: () => more
+        })]
       })]
     });
   }

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

@@ -18,8 +18,12 @@ export declare const IBizDRTabControl: import("@ibiz-template/vue3-util").TypeWi
 }, {
     c: import("./drtab.controller").DRTabController;
     ns: import("@ibiz-template/core").Namespace;
+    controlRef: import("vue").Ref<any>;
     counterData: IData;
+    visibleItems: import("vue").Ref<IData>;
+    moreItems: import("vue").Ref<IData>;
     handleTabChange: () => void;
+    handleMoreChange: (key: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEDRTab>;

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.d.ts

@@ -14599,6 +14599,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 modelType?: string | undefined;
             } | undefined;
             enableAutoSave?: boolean | undefined;
+            enableCustomized?: boolean | undefined;
             infoFormMode?: boolean | undefined;
             showFormNavBar?: boolean | undefined;
             formFuncMode?: string | undefined;

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

@@ -73,7 +73,9 @@ function useITableEvent(c) {
       return;
     }
     c.setSort(fieldName, order1);
-    c.load();
+    c.load({
+      isInitialLoad: c.model.pagingMode === 2 || c.model.pagingMode === 3
+    });
   }
   function handleRowClassName({ row }) {
     let activeClassName = "";

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-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 .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}
+.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-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__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

@@ -102,6 +102,9 @@ export declare const GridControl: import("vue").DefineComponent<{
     renderBatchToolBar: () => VNode | undefined;
     headerCssVars: IData;
     renderDragIconColumn: () => JSX.Element;
+    isLodeMoreDisabled: import("vue").ComputedRef<boolean>;
+    infiniteScroll: import("vue").Ref<IData | undefined>;
+    infiniteScrollKey: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEGrid>;