@ibiz-template/vue3-components 0.7.41-alpha.23 → 0.7.41-alpha.25

package/lib/control/form/form-detail/form-tab-panel/form-tab-panel.cjs

@@ -23,49 +23,42 @@ const FormTabPanel = /* @__PURE__ */ vue.defineComponent({
       required: true
     }
   },
-  setup(props, {
-    slots
-  }) {
+  setup(props) {
     const ns = vue3Util.useNamespace("form-tab-panel");
     vue3Util.useController(props.controller);
-    let counter = null;
-    const counterData = vue.reactive({});
-    const counterRefId = vue.ref("");
-    const onTabClick = (tabIns, event) => {
-      props.controller.onTabChange(tabIns.props.name);
-      const pageC = props.controller.form.details[tabIns.props.name];
+    const popoverVisible = vue.ref(false);
+    const triggerClick = (key, event) => {
+      const pageC = props.controller.form.details[key];
       if (pageC) {
         pageC.onClick(event);
       }
     };
-    const fn = (data) => {
-      counterData.value = data;
+    const onTabClick = (tabIns, event) => {
+      props.controller.onTabChange(tabIns.props.name);
+      triggerClick(tabIns.props.name, event);
+    };
+    const onPopoverClick = (key, event) => {
+      props.controller.selectTab(key);
+      popoverVisible.value = false;
+      triggerClick(key, event);
+    };
+    const renderAllTabContent = () => {
+      var _a;
+      return vue.createVNode("div", {
+        "class": ns.be("tab-panel-container-style2", "content")
+      }, [(_a = props.modelData.deformTabPages) == null ? void 0 : _a.map((page) => {
+        return vue.createVNode("div", {
+          "class": [ns.be("tab-panel-container-style2", "tab-item-content"), ns.is("active", page.id === props.controller.state.activeTab)],
+          "onClick": (event) => onPopoverClick(page.codeName, event),
+          "title": page.caption
+        }, [page.caption]);
+      })]);
     };
-    vue.onMounted(() => {
-      var _a, _b;
-      const defaultSlots = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || [];
-      for (let i = 0; i < defaultSlots.length; i++) {
-        const slot = defaultSlots[i];
-        const pagePropsC = (_b = slot.props) == null ? void 0 : _b.controller;
-        if (pagePropsC && pagePropsC.model && pagePropsC.model.appCounterRefId) {
-          counterRefId.value = pagePropsC.model.appCounterRefId;
-          break;
-        }
-      }
-      if (counterRefId.value) {
-        counter = props.controller.getCounter(counterRefId.value);
-        if (counter) {
-          counter.onChange(fn);
-        }
-      }
-    });
-    vue.onUnmounted(() => {
-      counter == null ? void 0 : counter.offChange(fn);
-    });
     return {
       ns,
+      popoverVisible,
       onTabClick,
-      counterData
+      renderAllTabContent
     };
   },
   render() {
@@ -79,7 +72,7 @@ const FormTabPanel = /* @__PURE__ */ vue.defineComponent({
         "icon": c.model.sysImage
       }, null), c.model.showCaption && c.model.caption]);
     };
-    return vue.createVNode(vue.resolveComponent("el-tabs"), {
+    const tabContent = vue.createVNode(vue.resolveComponent("el-tabs"), {
       "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.modelData.detailStyle ? this.ns.m(this.modelData.detailStyle.toLowerCase()) : "", ...this.controller.containerClass],
       "model-value": this.controller.state.activeTab,
       "onTabClick": this.onTabClick
@@ -101,7 +94,7 @@ const FormTabPanel = /* @__PURE__ */ vue.defineComponent({
         default: () => slot,
         label: () => {
           let _slot;
-          const value = c.model.counterId ? this.counterData.value[c.model.counterId] : void 0;
+          const value = c.model.counterId ? this.controller.state.counterData[c.model.counterId] : void 0;
           return c.model.counterId ? vue.createVNode(vue.resolveComponent("el-badge"), {
             "class": [this.ns.e("badge"), this.ns.is("no-counter", !value && value !== 0 || c.model.counterMode === 1 && value <= 0)],
             "value": value,
@@ -115,6 +108,31 @@ const FormTabPanel = /* @__PURE__ */ vue.defineComponent({
     })) ? _slot2 : {
       default: () => [_slot2]
     });
+    if (this.modelData.detailStyle === "STYLE2") {
+      return vue.createVNode("div", {
+        "class": this.ns.b("tab-panel-container-style2")
+      }, [tabContent, vue.createVNode(vue.resolveComponent("el-popover"), {
+        "trigger": "click",
+        "placement": "top-end",
+        "visible": this.popoverVisible,
+        "onUpdate:visible": ($event) => this.popoverVisible = $event,
+        "popper-class": this.ns.be("tab-panel-container-style2", "popover")
+      }, {
+        reference: () => {
+          return vue.createVNode("div", {
+            "class": this.ns.be("tab-panel-container-style2", "select")
+          }, [vue.createVNode("div", {
+            "class": this.ns.bem("tab-panel-container-style2", "select", "title")
+          }, [ibiz.i18n.t("control.form.formTabPnel.all")]), vue.createVNode("ion-icon", {
+            "name": "caret-down-outline"
+          }, null)]);
+        },
+        default: () => {
+          return this.renderAllTabContent();
+        }
+      })]);
+    }
+    return tabContent;
   }
 });
 

package/lib/control/form/form-detail/form-tab-panel/form-tab-panel.css

@@ -1 +1 @@
-.ibiz-form-tab-panel{width:100%;height:100%;--ibiz-form-tab-panel-font-size:var(--ibiz-font-size-header-4);--ibiz-form-tab-panel-header-border-color:var(--ibiz-color-border);--ibiz-form-tab-panel-text-color:var(--ibiz-color-text-2);--ibiz-form-tab-panel-bg-color:transparent;--ibiz-form-tab-panel-hover-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-hover-bg-color:transparent;--ibiz-form-tab-panel-active-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-active-bg-color:transparent;--ibiz-form-tab-panel-active-border-color:var(--ibiz-color-primary)}.ibiz-form-tab-panel>.el-tabs__header.is-top{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-tab-panel-font-size);color:var(--ibiz-form-tab-panel-text-color);background-color:var(--ibiz-form-tab-panel-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-tab-panel-hover-text-color);background-color:var(--ibiz-form-tab-panel-hover-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-tab-panel-active-text-color);background-color:var(--ibiz-form-tab-panel-active-bg-color)}.ibiz-form-tab-panel .el-tabs__nav-wrap::after{height:1px;background-color:var(--ibiz-form-tab-panel-header-border-color)}.ibiz-form-tab-panel .el-tabs__active-bar{background-color:var(--ibiz-form-tab-panel-active-border-color)}.ibiz-form-tab-panel .el-tabs__item .ibiz-form-tab-panel__badge.is-no-counter{padding-right:var(--ibiz-spacing-none)}.ibiz-form-tab-panel__badge .el-badge__content{padding:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-small);background-color:var(--ibiz-color-danger)}.ibiz-form-tab-panel__badge .el-badge__content.is-fixed{top:var(--ibiz-spacing-super-tight);right:0}
+.ibiz-form-tab-panel{width:100%;height:100%;--ibiz-form-tab-panel-font-size:var(--ibiz-font-size-header-4);--ibiz-form-tab-panel-header-border-color:var(--ibiz-color-border);--ibiz-form-tab-panel-text-color:var(--ibiz-color-text-2);--ibiz-form-tab-panel-bg-color:transparent;--ibiz-form-tab-panel-hover-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-hover-bg-color:transparent;--ibiz-form-tab-panel-active-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-active-bg-color:transparent;--ibiz-form-tab-panel-active-border-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-select-all-height:40px}.ibiz-form-tab-panel>.el-tabs__header.is-top{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-tab-panel-font-size);color:var(--ibiz-form-tab-panel-text-color);background-color:var(--ibiz-form-tab-panel-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-tab-panel-hover-text-color);background-color:var(--ibiz-form-tab-panel-hover-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-tab-panel-active-text-color);background-color:var(--ibiz-form-tab-panel-active-bg-color)}.ibiz-form-tab-panel .el-tabs__nav-wrap::after{height:1px;background-color:var(--ibiz-form-tab-panel-header-border-color)}.ibiz-form-tab-panel .el-tabs__active-bar{background-color:var(--ibiz-form-tab-panel-active-border-color)}.ibiz-form-tab-panel .el-tabs__item .ibiz-form-tab-panel__badge.is-no-counter{padding-right:var(--ibiz-spacing-none)}.ibiz-form-tab-panel__badge .el-badge__content{padding:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-small);background-color:var(--ibiz-color-danger)}.ibiz-form-tab-panel__badge .el-badge__content.is-fixed{top:var(--ibiz-spacing-super-tight);right:0}.ibiz-form-tab-panel--style2 .el-tabs__nav-next.is-disabled,.ibiz-form-tab-panel--style2 .el-tabs__nav-prev.is-disabled{display:none}.ibiz-form-tab-panel--style2 .el-tabs__nav-wrap.is-top:has(.el-tabs__nav-prev.is-disabled){padding-left:0}.ibiz-form-tab-panel--style2 .el-tabs__nav-wrap.is-top:has(.el-tabs__nav-next.is-disabled){padding-right:0}.ibiz-form-tab-panel-tab-panel-container-style2{position:relative;display:flex;width:100%;--ibiz-form-tab-panel-font-size:var(--ibiz-font-size-header-4);--ibiz-form-tab-panel-header-border-color:var(--ibiz-color-border);--ibiz-form-tab-panel-text-color:var(--ibiz-color-text-2);--ibiz-form-tab-panel-bg-color:transparent;--ibiz-form-tab-panel-hover-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-hover-bg-color:transparent;--ibiz-form-tab-panel-active-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-active-bg-color:transparent;--ibiz-form-tab-panel-active-border-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-select-all-height:40px}.ibiz-form-tab-panel-tab-panel-container-style2 .ibiz-form-tab-panel{width:100%}.ibiz-form-tab-panel-tab-panel-container-style2 .ibiz-form-tab-panel .el-tabs__header{width:calc(100% - 72px)}.ibiz-form-tab-panel-tab-panel-container-style2__popover{--ibiz-form-tab-panel-font-size:var(--ibiz-font-size-header-4);--ibiz-form-tab-panel-header-border-color:var(--ibiz-color-border);--ibiz-form-tab-panel-text-color:var(--ibiz-color-text-2);--ibiz-form-tab-panel-bg-color:transparent;--ibiz-form-tab-panel-hover-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-hover-bg-color:transparent;--ibiz-form-tab-panel-active-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-active-bg-color:transparent;--ibiz-form-tab-panel-active-border-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-select-all-height:40px}.ibiz-form-tab-panel-tab-panel-container-style2__popover.el-popover{padding:0}.ibiz-form-tab-panel-tab-panel-container-style2__select{position:absolute;top:0;right:0;display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;justify-content:center;width:72px;height:var(--ibiz-form-tab-panel-select-all-height);font-size:var(--ibiz-form-tab-panel-font-size);color:var(--ibiz-form-tab-panel-text-color);cursor:pointer;border-bottom:1px solid var(--ibiz-form-tab-panel-header-border-color)}.ibiz-form-tab-panel-tab-panel-container-style2__content{padding:var(--ibiz-spacing-base) 0}.ibiz-form-tab-panel-tab-panel-container-style2__tab-item-content{width:100%;padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-form-tab-panel-tab-panel-container-style2__tab-item-content:hover{color:var(--ibiz-form-tab-panel-hover-text-color);background-color:var(--ibiz-form-tab-panel-hover-bg-color)}.ibiz-form-tab-panel-tab-panel-container-style2__tab-item-content.is-active{color:var(--ibiz-form-tab-panel-active-text-color)}

package/lib/control/gantt/gantt.cjs

@@ -158,6 +158,14 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
     const locale = vue.computed(() => {
       return ibiz.i18n.getLang().toLowerCase();
     });
+    const expandColumnName = vue.computed(() => {
+      var _a2;
+      const columnKey = (_a2 = c.controlParams.expandiconcolumn) == null ? void 0 : _a2.toLowerCase();
+      const columnSatate = c.state.columnStates.find((item) => columnKey && item.key.toLowerCase() === columnKey);
+      if (columnSatate && !columnSatate.hidden)
+        return columnSatate.key;
+      return void 0;
+    });
     vue.watch([() => ganttRef.value, () => c.state.selectedData], ([table, newVal]) => {
       if (forbidOperation || !table)
         return;
@@ -656,6 +664,7 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
       columns,
       onCheck,
       loading,
+      expandColumnName,
       ganttStyle,
       onNodeClick,
       onNodeDbClick,
@@ -710,6 +719,7 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
         "allow-drop": this.allowDrop,
         "allow-drag": this.allowDrag,
         "onNodeDrop": this.handleDrop,
+        "expandColumnName": this.expandColumnName,
         "showCheckbox": !this.c.state.singleSelect,
         "onNodeExpand": this.onNodeExpand,
         "onNodeCollapse": this.onNodeCollapse,

package/lib/control/gantt/gantt.css

@@ -1 +1 @@
-.ibiz-control-gantt{width:100%;height:100%}.ibiz-control-gantt .xg-root{--gantt-bg:var(--ibiz-color-bg-1);--gantt-bg-hover:var(--ibiz-color-disabled-border);--gantt-bg-active:var(--ibiz-color-disabled-border);--gantt-bg-checkmark:transparent;--gantt-bg-toolbar-item-hover:var(--ibiz-color-primary-light-default);--gantt-shadow:var(--ibiz-color-shadow);--gantt-shadow-toolbar-item:var(--ibiz-color-shadow);--gantt-border:var(--ibiz-color-tertiary-light-active);--gantt-border-hover:var(--ibiz-color-tertiary-light-active);--gantt-border-dashed:var(--ibiz-color-disabled-border);--gantt-border-toolbar-item:var(--ibiz-color-border);--gantt-border-separate-line:var(--ibiz-color-border);--gantt-text-0:var(--ibiz-color-text-0);--gantt-text-3:var(--ibiz-color-text-3);--gantt-white:var(--ibiz-color-white);--gantt-black:var(--ibiz-color-black);--gantt-color-primary:var(--ibiz-color-primary);--gantt-warning:var(--ibiz-color-warning);--gantt-color-linking:var(--ibiz-color-primary);--gantt-link-path-hover:var(--ibiz-color-primary)}.ibiz-control-gantt .xg-root .xg-table-body .xg-table-row{cursor:pointer}.ibiz-control-gantt .xg-root .xg-table-body .xg-table-row .xg-table-cell:not(:first-child)>div{padding:var(--ibiz-spacing-none)}.ibiz-control-gantt .xg-root .xg-table-cell>div{width:100%}.ibiz-control-gantt .xg-root .xg-table-cell>div .cell{height:100%}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider.xg-slider-drag.xg-slider-level0{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider .xg-slider-block{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider.is-no-width{display:none}.ibiz-control-gantt .xg-root .ibiz-control-gantt__slider--caption{position:sticky;left:8px}.ibiz-control-gantt .xg-root .is-exceeds-range .ibiz-control-gantt__slider::after{position:absolute;right:0;z-index:99;display:block;width:16px;height:100%;content:"";background-color:var(--ibiz-color-primary)}.ibiz-control-gantt--empty .xg-table-body{height:calc(100% - 86px)!important}.ibiz-control-gantt__slider{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-gantt__slider--container-title .icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-gantt__slider--container-title .number{display:flex;align-items:center}.ibiz-control-gantt__slider--container-title .caption{margin:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-6);font-weight:var(--ibiz-font-weight-regular)}.ibiz-control-gantt__slider--container-content{display:flex;justify-content:space-between}.ibiz-control-gantt__slider--container-content .caption{margin:var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-disabled-text)}.ibiz-control-gantt__slider--container-content .detail{display:flex;flex-direction:column;flex-grow:1;align-items:center}.ibiz-control-gantt__slider--caption{overflow:hidden;color:var(--ibiz-color-primary-text);text-overflow:ellipsis;white-space:nowrap}.ibiz-control-gantt__setting{display:flex;align-items:center}.ibiz-control-gantt__setting--icon{cursor:pointer;fill:var(--ibiz-color-primary)}.ibiz-control-gantt__slider-popover{z-index:300!important;width:auto;min-width:300px;padding:12px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-gantt__link-path-popover{z-index:300!important;width:auto;min-width:300px;padding:12px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-gantt .ibiz-tree-grid-ex-field-column--ellipsis .ibiz-tree-grid-ex-field-column-text-container{min-width:0}.ibiz-control-gantt .ibiz-tree-grid-ex-field-column-toolbar-container{flex-shrink:0}.ibiz-control-gantt .ibiz-tree-grid-ex-edit-column__editor{min-height:32px}.xg-view-toolbar-switch-action{--gantt-text-switch-item:var(--ibiz-color-text-3);--gantt-bg-hover-switch-item:var(--ibiz-color-bg-0)}
+.ibiz-control-gantt{width:100%;height:100%}.ibiz-control-gantt .xg-root{--gantt-bg:var(--ibiz-color-bg-1);--gantt-bg-hover:var(--ibiz-color-disabled-border);--gantt-bg-active:var(--ibiz-color-disabled-border);--gantt-bg-checkmark:transparent;--gantt-bg-toolbar-item-hover:var(--ibiz-color-primary-light-default);--gantt-shadow:var(--ibiz-color-shadow);--gantt-shadow-toolbar-item:var(--ibiz-color-shadow);--gantt-border:var(--ibiz-color-tertiary-light-active);--gantt-border-hover:var(--ibiz-color-tertiary-light-active);--gantt-border-dashed:var(--ibiz-color-disabled-border);--gantt-border-toolbar-item:var(--ibiz-color-border);--gantt-border-separate-line:var(--ibiz-color-border);--gantt-text-0:var(--ibiz-color-text-0);--gantt-text-3:var(--ibiz-color-text-3);--gantt-white:var(--ibiz-color-white);--gantt-black:var(--ibiz-color-black);--gantt-color-primary:var(--ibiz-color-primary);--gantt-warning:var(--ibiz-color-warning);--gantt-color-linking:var(--ibiz-color-primary);--gantt-link-path-hover:var(--ibiz-color-primary)}.ibiz-control-gantt .xg-root .xg-table-body .xg-table-row{cursor:pointer}.ibiz-control-gantt .xg-root .xg-table-body .xg-table-row .xg-table-cell:not(:first-child)>div{padding:var(--ibiz-spacing-none)}.ibiz-control-gantt .xg-root .xg-table-cell>div{width:100%}.ibiz-control-gantt .xg-root .xg-table-cell>div .cell{height:100%}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider.xg-slider-drag.xg-slider-level0{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider .xg-slider-block{overflow:visible}.ibiz-control-gantt .xg-root .xg-row.xg-gantt-row .xg-slider.is-no-width{display:none}.ibiz-control-gantt .xg-root .ibiz-control-gantt__slider--caption{position:sticky;left:8px}.ibiz-control-gantt .xg-root .is-exceeds-range .ibiz-control-gantt__slider::after{position:absolute;right:0;z-index:99;display:block;width:16px;height:100%;content:"";background-color:var(--ibiz-color-primary)}.ibiz-control-gantt--empty .xg-table-body{height:calc(100% - 86px)!important}.ibiz-control-gantt__slider{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-gantt__slider--container-title .icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-gantt__slider--container-title .number{display:flex;align-items:center}.ibiz-control-gantt__slider--container-title .caption{margin:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-6);font-weight:var(--ibiz-font-weight-regular)}.ibiz-control-gantt__slider--container-content{display:flex;justify-content:space-between}.ibiz-control-gantt__slider--container-content .caption{margin:var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-disabled-text)}.ibiz-control-gantt__slider--container-content .detail{display:flex;flex-direction:column;flex-grow:1;align-items:center}.ibiz-control-gantt__slider--caption{overflow:hidden;color:var(--ibiz-color-primary-text);text-overflow:ellipsis;white-space:nowrap}.ibiz-control-gantt__setting{display:flex;align-items:center}.ibiz-control-gantt__setting--icon{cursor:pointer;fill:var(--ibiz-color-primary)}.ibiz-control-gantt__slider-popover{z-index:300!important;width:auto;min-width:300px;padding:12px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-gantt__link-path-popover{z-index:300!important;width:auto;min-width:300px;padding:12px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-gantt .ibiz-tree-grid-ex-field-column--ellipsis .ibiz-tree-grid-ex-field-column-text-container{min-width:0}.ibiz-control-gantt .ibiz-tree-grid-ex-field-column-toolbar-container{flex-shrink:0}.ibiz-control-gantt .ibiz-tree-grid-ex-edit-column__editor{min-height:32px}.ibiz-control-gantt .xg-root .xg-table-body .xg-table-row .ibiz-action-toolbar__item.is-expand{display:inline-flex;opacity:1}.ibiz-control-gantt .xg-root .xg-table-body .xg-table-row:hover .ibiz-action-toolbar__item{display:inline-flex;opacity:1}.ibiz-control-gantt .xg-root .xg-table-body .xg-table-row:hover .ibiz-action-toolbar__separator{display:inline-flex;opacity:1}.xg-view-toolbar-switch-action{--gantt-text-switch-item:var(--ibiz-color-text-3);--gantt-bg-hover-switch-item:var(--ibiz-color-bg-0)}

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

@@ -138,25 +138,31 @@ function renderFieldColumn(c, row) {
   }, [actionToolbar])] : content]);
 }
 function renderColumn(c, model, renderColumns, index) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const {
     codeName: columnName,
     width
   } = model;
   const columnC = c.columns[columnName];
   const columnState = c.state.columnStates.find((item) => item.key === columnName);
+  let type = "default";
+  const expandiconcolumn = (_a = c.controlParams.expandiconcolumn) == null ? void 0 : _a.toLowerCase();
+  const expandColumnSatate = c.state.columnStates.find((item) => expandiconcolumn && item.key.toLowerCase() === expandiconcolumn);
+  if (expandColumnSatate && !expandColumnSatate.hidden)
+    type = (columnName == null ? void 0 : columnName.toLowerCase()) === expandiconcolumn ? "default" : "";
   const widthFlexGrow = columnC.isAdaptiveColumn || !c.hasAdaptiveColumn && index === renderColumns.length - 1;
   const widthName = widthFlexGrow ? "min-width" : "width";
   const tempWidth = (columnState == null ? void 0 : columnState.columnWidth) || width;
   return vue.createVNode(vue.resolveComponent("el-table-column"), vue.mergeProps({
-    "className": "".concat((_a = model.columnType) == null ? void 0 : _a.toLowerCase(), " ").concat((_b = model.columnType) == null ? void 0 : _b.toLowerCase(), "-").concat(columnName),
+    "type": type,
+    "prop": columnName,
     "label": model.caption,
-    "prop": columnName
+    "fixed": columnState.fixed
   }, {
     [widthName]: tempWidth
   }, {
-    "fixed": columnState.fixed,
     "sortable": model.enableSort ? c.model.sortMode === "LOCAL" || "custom" : false,
+    "align": ((_b = model.align) == null ? void 0 : _b.toLowerCase()) || "center",
     "sortMethod": (a, b) => {
       const fieldName = model.id.toLowerCase();
       if (a[fieldName] < b[fieldName] || !a[fieldName])
@@ -165,7 +171,7 @@ function renderColumn(c, model, renderColumns, index) {
         return 1;
       return 0;
     },
-    "align": ((_c = model.align) == null ? void 0 : _c.toLowerCase()) || "center"
+    "className": "".concat((_c = model.columnType) == null ? void 0 : _c.toLowerCase(), " ").concat((_d = model.columnType) == null ? void 0 : _d.toLowerCase(), "-").concat(columnName)
   }), {
     header: ({
       column
@@ -409,7 +415,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       return vue.createVNode("div", {
-        "class": [ns.b("batch-toolbar"), ns.is("show", c.state.selectedData.length > 0)]
+        "class": [ns.b("batch-toolbar"), ns.is("show", c.showBatchToolbar)]
       }, [vue.createVNode("div", {
         "class": ns.b("batch-toolbar-content")
       }, [vue.createVNode("div", {

package/lib/control/kanban/kanban.cjs

@@ -408,6 +408,7 @@ const KanbanControl = /* @__PURE__ */ vue.defineComponent({
         dropdown: () => vue.createVNode("div", {
           "class": ns.be("group", "actions-dropdown")
         }, [c.model.groupUIActionGroup && group.groupActionGroupState && vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
+          "direction": "vertical",
           "actionDetails": c.model.groupUIActionGroup.uiactionGroupDetails,
           "actionsState": group.groupActionGroupState,
           "onActionClick": (detail, event) => {

package/lib/control/kanban/kanban.css

@@ -1 +1 @@
-.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-kanban.is-enable-page .ibiz-control-kanban__content{height:calc(100% - 50px)}.ibiz-control-kanban__drag-icon{margin-right:var(--ibiz-spacing-tight);cursor:move;visibility:hidden}.ibiz-control-kanban__content{display:flex;flex-grow:1}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(calc(50% - var(--ibiz-spacing-tight)),0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban .ibiz-control-kanban__default-item,.ibiz-control-kanban .ibiz-control-kanban__panel-item{flex-grow:1}.ibiz-control-kanban-group-container{flex:1}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small);transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);cursor:pointer;border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__list:hover .ibiz-control-kanban__quicktoolbar{visibility:visible}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty{display:flex;flex-direction:column}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban-group__draggable{flex-shrink:0;min-height:0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{flex-grow:1;width:calc(100% - var(--ibiz-spacing-base))}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{position:relative;z-index:100;width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:var(--ibiz-border-radius-circle)}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown:has(.el-button){padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item:hover .ibiz-control-kanban__drag-icon{visibility:visible}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item__content{display:flex;align-items:center;width:100%;height:100%}.ibiz-control-kanban-item__bottom{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight);margin-top:var(--ibiz-spacing-tight);border-top:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-item__bottom--actions{display:flex;justify-content:center}.ibiz-control-kanban-item__bottom--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-kanban-item__bottom--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative}.ibiz-control-kanban__popover>.el-scrollbar{overflow:visible}.ibiz-control-kanban__popover .ibiz-action-toolbar__popover{background-color:var(--ibiz-color-primary)!important}.ibiz-control-kanban__quicktoolbar{margin-bottom:var(--ibiz-spacing-base);visibility:hidden;display:flex;flex-flow:column nowrap}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban-toolbar{display:flex;flex-shrink:0;gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-toolbar .el-button{border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}
+.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-kanban.is-enable-page .ibiz-control-kanban__content{height:calc(100% - 50px)}.ibiz-control-kanban__drag-icon{margin-right:var(--ibiz-spacing-tight);cursor:move;visibility:hidden}.ibiz-control-kanban__content{display:flex;flex-grow:1}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(calc(50% - var(--ibiz-spacing-tight)),0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban .ibiz-control-kanban__default-item,.ibiz-control-kanban .ibiz-control-kanban__panel-item{flex-grow:1}.ibiz-control-kanban-group-container{flex:1}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small);transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);cursor:pointer;border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__list:hover .ibiz-control-kanban__quicktoolbar{visibility:visible}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty{display:flex;flex-direction:column}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban-group__draggable{flex-shrink:0;min-height:0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{flex-grow:1;width:calc(100% - var(--ibiz-spacing-base))}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{position:relative;z-index:100;width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:var(--ibiz-border-radius-circle)}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown:has(.el-button){padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item:hover .ibiz-control-kanban__drag-icon{visibility:visible}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item__content{display:flex;align-items:center;width:100%;height:100%}.ibiz-control-kanban-item__bottom{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight);margin-top:var(--ibiz-spacing-tight);border-top:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-item__bottom--actions{display:flex;justify-content:center}.ibiz-control-kanban-item__bottom--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-kanban-item__bottom--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative}.ibiz-control-kanban__popover>.el-scrollbar{min-width:150px;overflow:visible}.ibiz-control-kanban__popover .ibiz-action-toolbar__popover{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)!important;background-color:var(--ibiz-color-primary)!important;border-radius:0!important}.ibiz-control-kanban__quicktoolbar{margin-bottom:var(--ibiz-spacing-base);visibility:hidden;display:flex;flex-flow:column nowrap}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban-toolbar{display:flex;flex-shrink:0;gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-toolbar .el-button{border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}

package/lib/control/list/list.cjs

@@ -3,7 +3,6 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var lodashEs = require('lodash-es');
-var qxUtil = require('qx-util');
 var runtime = require('@ibiz-template/runtime');
 var draggable = require('vuedraggable');
 var core = require('@ibiz-template/core');
@@ -95,32 +94,19 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       onPageRefresh,
       onPageSizeChange
     } = usePagination.usePagination(c);
-    const isLodeMoreDisabled = vue.computed(() => {
-      if (c.model.enablePagingBar === true) {
+    const infiniteScroll = vue.ref();
+    const reverseScroll = c.model.controlStyle === "EXTVIEW3";
+    const disabledLodeMore = vue.computed(() => {
+      if (c.model.enablePagingBar === true)
         return true;
-      }
-      if (c.model.pagingMode !== 2) {
+      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 isCollapse = vue.ref(false);
     const showCollapseOrExpandIcon = vue.computed(() => {
       return !c.state.enableGroup && (c.model.pagingMode === 2 || c.model.pagingMode === 3);
     });
-    const infiniteScroll = vue.ref();
-    const infiniteScrollKey = vue.ref(qxUtil.createUUID());
-    vue.watch(() => c.state.curPage, () => {
-      var _a, _b;
-      if (c.state.curPage === 1 && (c.model.pagingMode === 2 || c.model.pagingMode === 3)) {
-        infiniteScrollKey.value = qxUtil.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;
-        }
-      }
-    });
     let cacheInfo = null;
     const onDraggableChange = (evt, groupKey) => {
       if (evt.moved) {
@@ -167,6 +153,31 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
         behavior: "smooth"
       });
     };
+    const handleScrollLoad = async () => {
+      if (!infiniteScroll.value || disabledLodeMore.value)
+        return;
+      const scrollTop = infiniteScroll.value.scrollTop;
+      const scrollHeight = infiniteScroll.value.scrollHeight;
+      const clientHeight = infiniteScroll.value.clientHeight;
+      if (!reverseScroll && scrollHeight - scrollTop - clientHeight < 10) {
+        await c.loadMore();
+      } else if (reverseScroll && scrollTop < 10) {
+        await c.loadMore();
+        const newScrollHeight = infiniteScroll.value.scrollHeight;
+        infiniteScroll.value.scrollTop = scrollTop + (newScrollHeight - scrollHeight);
+      }
+    };
+    c.evt.on("onLoadSuccess", (evt) => {
+      if (evt.isInitialLoad && reverseScroll) {
+        setTimeout(() => {
+          if (!infiniteScroll.value)
+            return;
+          const scrollHeight = infiniteScroll.value.scrollHeight;
+          const clientHeight = infiniteScroll.value.clientHeight;
+          infiniteScroll.value.scrollTop = scrollHeight + clientHeight;
+        }, 100);
+      }
+    });
     c.evt.on("onScrollToTop", () => {
       scrollToTop();
     });
@@ -194,9 +205,8 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       c.setSelection(selected);
     };
     vue.watch(() => props.data, () => {
-      if (props.isSimple) {
+      if (props.isSimple)
         initSimpleData();
-      }
     }, {
       deep: true
     });
@@ -368,7 +378,9 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
     };
     const renderGroupStyle2 = () => {
       var _a;
-      return (_a = c.state.groups) == null ? void 0 : _a.map((group) => {
+      return vue.createVNode("div", {
+        "class": [ns.e("layout-flex"), ns.em("layout-flex", "group-style2")]
+      }, [(_a = c.state.groups) == null ? void 0 : _a.map((group) => {
         return vue.createVNode("div", {
           "class": [ns.b("group-style2")]
         }, [vue.createVNode("div", {
@@ -380,15 +392,10 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
         }, [group.children.length > 0 ? renderListItems(group.children) : vue.createVNode("div", {
           "class": ns.bem("group-style2", "content", "empty")
         }, [ibiz.i18n.t("app.noData")])])]);
-      });
+      })]);
     };
     const renderListContent = () => {
-      if (c.state.enableGroup && !c.state.isSimple) {
-        if (c.model.groupStyle === "STYLE2") {
-          return vue.createVNode("div", {
-            "class": [ns.b("content"), ns.b("scroll"), ns.b("group-style2-content")]
-          }, [renderGroupStyle2()]);
-        }
+      if (c.state.enableGroup && !c.state.isSimple && c.model.groupStyle !== "STYLE2") {
         return vue.createVNode(vue.resolveComponent("el-collapse"), {
           "modelValue": c.state.expandedKeys,
           "onUpdate:modelValue": ($event) => c.state.expandedKeys = $event,
@@ -404,13 +411,11 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
           }
         });
       }
-      return vue.withDirectives(vue.createVNode("div", {
-        "class": [ns.b("scroll"), ns.b("content"), ns.is("show-underLine", c.model.controlStyle !== "EXTVIEW1")],
-        "infinite-scroll-distance": 10,
-        "infinite-scroll-disabled": isLodeMoreDisabled.value,
+      return vue.createVNode("div", {
         "ref": "infiniteScroll",
-        "key": infiniteScrollKey.value
-      }, [renderListItems(isCollapse.value ? c.state.items.slice(0, c.state.size) : c.state.items, void 0, !c.enableEditOrder)]), [[vue.resolveDirective("infinite-scroll"), () => c.loadMore()]]);
+        "class": [ns.b("scroll"), ns.b("content"), ns.is("reverse-scroll", reverseScroll), ns.is("show-underLine", c.model.controlStyle !== "EXTVIEW1" && c.model.groupStyle !== "STYLE2")],
+        "onScroll": lodashEs.debounce(handleScrollLoad, 300)
+      }, [c.state.enableGroup && c.model.groupStyle === "STYLE2" ? renderGroupStyle2() : renderListItems(isCollapse.value ? c.state.items.slice(0, c.state.size) : c.state.items, void 0, !c.enableEditOrder)]);
     };
     const upIcon = () => {
       return vue.createVNode("div", {
@@ -450,7 +455,7 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       if (!ctrlModel)
         return;
       return vue.createVNode("div", {
-        "class": ns.e("batchtoolbar")
+        "class": [ns.e("batchtoolbar"), ns.is("show", c.showBatchToolbar)]
       }, [vue.createVNode(vue.resolveComponent("iBizToolbarControl"), {
         "modelData": ctrlModel,
         "context": c.context,
@@ -493,38 +498,46 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const renderCollapseExpandIcon = () => {
-      let icon = null;
-      const loadMore = !(c.state.items.length >= c.state.total || c.state.total <= c.state.size);
-      if (showCollapseOrExpandIcon.value) {
-        if (c.model.pagingMode === 2) {
-          if (isCollapse.value) {
-            icon = downIcon();
-          } else if (c.state.items.length > c.state.size) {
-            icon = upIcon();
-          }
-        }
-        if (c.model.pagingMode === 3) {
-          if (isCollapse.value) {
-            icon = downIcon();
-          } else if (loadMore) {
-            icon = loadMoreIcon();
-          } else if (c.state.isCreated && c.state.items.length > c.state.size) {
-            icon = upIcon();
-          }
-        }
+      if (!showCollapseOrExpandIcon.value)
+        return null;
+      const {
+        pagingMode
+      } = c.model;
+      const {
+        items,
+        total,
+        size,
+        isCreated
+      } = c.state;
+      const hasMoreItems = items.length < total && total > size;
+      const exceedsInitialSize = items.length > size;
+      if (pagingMode === 2) {
+        if (isCollapse.value)
+          return reverseScroll ? upIcon() : downIcon();
+        if (exceedsInitialSize)
+          return reverseScroll ? downIcon() : upIcon();
+      }
+      if (pagingMode === 3) {
+        if (isCollapse.value)
+          return reverseScroll ? upIcon() : downIcon();
+        if (hasMoreItems)
+          return loadMoreIcon();
+        if (isCreated && exceedsInitialSize)
+          return reverseScroll ? downIcon() : upIcon();
       }
-      return icon;
+      return null;
     };
     return {
       c,
       ns,
+      reverseScroll,
       infiniteScroll,
-      renderListContent,
       renderNoData,
-      renderBatchToolBar,
       onPageChange,
       onPageRefresh,
       onPageSizeChange,
+      renderListContent,
+      renderBatchToolBar,
       renderCollapseExpandIcon
     };
   },
@@ -546,10 +559,10 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       "controller": this.c
     }, {
       default: () => [vue.createVNode(vue.resolveComponent("iBizControlBase"), {
-        "class": [this.ns.is("enable-page", !!this.c.state.enablePagingBar)],
-        "controller": this.c
+        "controller": this.c,
+        "class": [this.ns.is("enable-page", !!this.c.state.enablePagingBar)]
       }, {
-        default: () => [content, this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? vue.createVNode("ion-icon", {
+        default: () => [this.reverseScroll && this.renderCollapseExpandIcon(), content, this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? vue.createVNode("ion-icon", {
           "class": this.ns.e("nav-icon"),
           "title": ibiz.i18n.t("component.controlNavigation.showNav"),
           "name": "eye-outline",
@@ -559,7 +572,7 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
           "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
           "name": "eye-off-outline",
           "onClick": () => this.c.onShowNavViewChange()
-        }, null) : null, this.renderCollapseExpandIcon()]
+        }, null) : null, !this.reverseScroll && this.renderCollapseExpandIcon()]
       })]
     });
   }

package/lib/control/list/list.css

@@ -1 +1 @@
-.ibiz-control-list-item{flex-grow:1;min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);cursor:pointer;background-color:var(--ibiz-control-list-item-bg-color)}.ibiz-control-list-item__right{padding:0 var(--ibiz-spacing-extra-tight)}.ibiz-control-list-item__right--actions{display:flex;justify-content:center}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-list-item:has(.ibiz-control-list-item__right){display:flex;justify-content:space-between}.ibiz-control-list-item:has(.ibiz-control-list-item__right) .ibiz-control-list-item__caption{flex:1}.ibiz-control-list-item__new{display:flex;align-items:center;justify-content:center;margin-top:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-3);border:2px dashed var(--ibiz-color-border)}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);--ibiz-control-list-item-bg-color:unset;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-list__drag-icon{cursor:move;visibility:hidden}.ibiz-control-list__nav-icon{position:absolute;top:18px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-list__load-more{text-align:center}.ibiz-control-list__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-control-list-load-more-color);cursor:pointer}.ibiz-control-list__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-list__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__load-more-button{padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list__quicktoolbar{display:flex;justify-content:center;width:100%}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-content__batchtoolbar{margin:var(--ibiz-spacing-tight) 0}.ibiz-control-list-content.is-show-underLine .ibiz-control-list-scroll-item{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-list-content .ibiz-row-detail:last-of-type .ibiz-control-list-scroll-item{border-bottom:none}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}.ibiz-control-list-scroll-item{display:flex;align-items:center}.ibiz-control-list-scroll-item__checkbox{flex-shrink:0;margin-left:var(--ibiz-spacing-tight)}.ibiz-control-list-scroll-item__icon{flex-shrink:0;margin-left:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list-scroll-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-scroll-item:hover .ibiz-control-list__drag-icon{visibility:visible}.ibiz-control-list-scroll-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list-group-style2{--ibiz-control-list-group-style2-color:var(--ibiz-color-disabled-text)}.ibiz-control-list-group-style2__header{display:flex;align-items:center;justify-content:center;width:100%}.ibiz-control-list-group-style2__header--title{padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-list-group-style2-color)}.ibiz-control-list-group-style2__header::after,.ibiz-control-list-group-style2__header::before{display:block;flex:1;height:1px;margin-top:1px;content:"";border-top:1px var(--ibiz-color-border) solid;transform:translateY(-50%)}
+.ibiz-control-list-item{flex-grow:1;min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);cursor:pointer;background-color:var(--ibiz-control-list-item-bg-color)}.ibiz-control-list-item__right{padding:0 var(--ibiz-spacing-extra-tight)}.ibiz-control-list-item__right--actions{display:flex;justify-content:center}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-list-item:has(.ibiz-control-list-item__right){display:flex;justify-content:space-between}.ibiz-control-list-item:has(.ibiz-control-list-item__right) .ibiz-control-list-item__caption{flex:1}.ibiz-control-list-item__new{display:flex;align-items:center;justify-content:center;margin-top:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-3);border:2px dashed var(--ibiz-color-border)}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);--ibiz-control-list-item-bg-color:unset;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-list__drag-icon{cursor:move;visibility:hidden}.ibiz-control-list__nav-icon{position:absolute;top:18px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-list__load-more{text-align:center}.ibiz-control-list__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-control-list-load-more-color);cursor:pointer}.ibiz-control-list__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-list__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__load-more-button{padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list__quicktoolbar{display:flex;justify-content:center;width:100%}.ibiz-control-list__batchtoolbar{display:none;margin:var(--ibiz-spacing-tight) 0}.ibiz-control-list__batchtoolbar.is-show{display:block}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-content.is-show-underLine .ibiz-control-list-scroll-item{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-list-content .ibiz-row-detail:last-of-type .ibiz-control-list-scroll-item{border-bottom:none}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-scroll.is-reverse-scroll .ibiz-control-list__layout-flex{display:flex;flex-direction:column-reverse}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}.ibiz-control-list-scroll-item{display:flex;align-items:center}.ibiz-control-list-scroll-item__checkbox{flex-shrink:0;margin-left:var(--ibiz-spacing-tight)}.ibiz-control-list-scroll-item__icon{flex-shrink:0;margin-left:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list-scroll-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-scroll-item:hover .ibiz-control-list__drag-icon{visibility:visible}.ibiz-control-list-scroll-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list-group-style2{--ibiz-control-list-group-style2-color:var(--ibiz-color-disabled-text)}.ibiz-control-list-group-style2__header{display:flex;align-items:center;justify-content:center;width:100%}.ibiz-control-list-group-style2__header--title{padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-list-group-style2-color)}.ibiz-control-list-group-style2__header::after,.ibiz-control-list-group-style2__header::before{display:block;flex:1;height:1px;margin-top:1px;content:"";border-top:1px var(--ibiz-color-border) solid;transform:translateY(-50%)}

package/lib/control/tree/tree.cjs

@@ -184,6 +184,16 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         newVal.$el.getElementsByTagName("input")[0].focus();
       }
     });
+    c.evt.on("onSelectionChange", async () => {
+      var _a;
+      if (!treeRef.value)
+        return;
+      if (c.state.singleSelect) {
+        treeRef.value.setCurrentKey((_a = c.state.selectedData[0]) == null ? void 0 : _a._id);
+      } else {
+        treeRef.value.setCheckedKeys(c.state.selectedData.map((item) => item._id));
+      }
+    });
     const editCurrentNodeText = () => {
       var _a;
       const currentkey = (_a = treeRef.value) == null ? void 0 : _a.getCurrentKey();
@@ -338,6 +348,9 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         treeRefreshKey.value = qxUtil.createUUID();
       }
     });
+    c.evt.on("onUpdateUI", () => {
+      updateUI();
+    });
     const treeData = vue.computed(() => {
       if (!c.state.isLoaded) {
         return [];

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

@@ -214,7 +214,7 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       return vue.createVNode("div", {
-        "class": [ns.b("batch-toolbar"), ns.is("show", c.state.selectedData.length > 0)]
+        "class": [ns.b("batch-toolbar"), ns.is("show", c.showBatchToolbar)]
       }, [vue.createVNode("div", {
         "class": ns.b("batch-toolbar-content")
       }, [vue.createVNode("div", {

package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.css

@@ -1 +1 @@
-.ibiz-tree-grid-ex-field-column{--ibiz-tree-grid-ex-field-column-cell-padding:var(--ibiz-spacing-tight);--ibiz-tree-grid-ex-field-column-color:var(--ibiz-color-text-2);--ibiz-tree-grid-ex-field-column-clickable-text-color:var(--ibiz-color-primary);--ibiz-tree-grid-ex-field-column-clickable-hover-text-color:var(--ibiz-color-primary-hover);display:inline-flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);width:100%;height:100%;padding:var(--ibiz-tree-grid-ex-field-column-cell-padding)}.ibiz-tree-grid-ex-field-column__text{font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-tree-grid-ex-field-column-color)}.ibiz-tree-grid-ex-field-column--clickable{cursor:pointer}.ibiz-tree-grid-ex-field-column--clickable .ibiz-tree-grid-ex-field-column__text{color:var(--ibiz-tree-grid-ex-field-column-clickable-text-color)}.ibiz-tree-grid-ex-field-column--clickable .ibiz-tree-grid-ex-field-column__text:hover{color:var(--ibiz-tree-grid-ex-field-column-clickable-hover-text-color)}.ibiz-tree-grid-ex-field-column--ellipsis span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-tree-grid-ex-field-column--wrap{word-break:break-word;white-space:pre-wrap}.ibiz-tree-grid-ex-field-column.is-has-action{justify-content:space-between}.ibiz-tree-grid-ex-field-column-text-container{display:inline-flex;flex-grow:1;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);height:100%}.ibiz-tree-grid-ex-field-column-toolbar-container .ibiz-action-toolbar__item:not(.ibiz-action-toolbar__item--level-250){opacity:0}.ibiz-tree-grid-ex-field-column-toolbar-container .ibiz-action-toolbar__separator{opacity:0}.el-table .el-table__body-wrapper tr:hover .ibiz-tree-grid-ex-field-column-toolbar-container{opacity:1}
+.ibiz-tree-grid-ex-field-column{--ibiz-tree-grid-ex-field-column-cell-padding:var(--ibiz-spacing-tight);--ibiz-tree-grid-ex-field-column-color:var(--ibiz-color-text-2);--ibiz-tree-grid-ex-field-column-clickable-text-color:var(--ibiz-color-primary);--ibiz-tree-grid-ex-field-column-clickable-hover-text-color:var(--ibiz-color-primary-hover);display:inline-flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);width:100%;height:100%;padding:var(--ibiz-tree-grid-ex-field-column-cell-padding)}.ibiz-tree-grid-ex-field-column__text{font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-tree-grid-ex-field-column-color)}.ibiz-tree-grid-ex-field-column--clickable{cursor:pointer}.ibiz-tree-grid-ex-field-column--clickable .ibiz-tree-grid-ex-field-column__text{color:var(--ibiz-tree-grid-ex-field-column-clickable-text-color)}.ibiz-tree-grid-ex-field-column--clickable .ibiz-tree-grid-ex-field-column__text:hover{color:var(--ibiz-tree-grid-ex-field-column-clickable-hover-text-color)}.ibiz-tree-grid-ex-field-column--ellipsis span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-tree-grid-ex-field-column--wrap{word-break:break-word;white-space:pre-wrap}.ibiz-tree-grid-ex-field-column.is-has-action{justify-content:space-between}.ibiz-tree-grid-ex-field-column-text-container{display:inline-flex;flex-grow:1;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);height:100%}.ibiz-tree-grid-ex-field-column-toolbar-container .ibiz-action-toolbar__item:not(.ibiz-action-toolbar__item--level-250){opacity:0}.ibiz-tree-grid-ex-field-column-toolbar-container .ibiz-action-toolbar__separator{opacity:0}