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

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

@@ -50,20 +50,21 @@ export declare const IBizListControl: import("@ibiz-template/vue3-util").TypeWit
 }, {
     c: import("@ibiz-template/runtime").ListController;
     ns: import("@ibiz-template/core").Namespace;
+    reverseScroll: boolean;
     infiniteScroll: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
-    renderListContent: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
     renderNoData: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | undefined;
-    renderBatchToolBar: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | undefined;
     onPageChange: (page: number) => void;
     onPageRefresh: () => void;
     onPageSizeChange: (size: number) => void;
-    renderCollapseExpandIcon: () => JSX.Element | null;
+    renderListContent: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    renderBatchToolBar: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | undefined;
+    renderCollapseExpandIcon: () => import("vue/jsx-runtime").JSX.Element | null;
 }, 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").IDEList>;

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

@@ -83,14 +83,15 @@ export declare const ListControl: import("vue").DefineComponent<{
 }, {
     c: ListController;
     ns: import("@ibiz-template/core").Namespace;
+    reverseScroll: boolean;
     infiniteScroll: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
-    renderListContent: () => VNode;
     renderNoData: () => VNode | undefined;
-    renderBatchToolBar: () => VNode | undefined;
     onPageChange: (page: number) => void;
     onPageRefresh: () => void;
     onPageSizeChange: (size: number) => void;
-    renderCollapseExpandIcon: () => JSX.Element | null;
+    renderListContent: () => VNode;
+    renderBatchToolBar: () => VNode | undefined;
+    renderCollapseExpandIcon: () => import("vue/jsx-runtime").JSX.Element | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 列表模型数据

package/es/control/list/list.mjs

@@ -1,7 +1,6 @@
-import { isVNode, computed, ref, watch, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace, useControlPopoverzIndex, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
-import { isNil } from 'lodash-es';
-import { createUUID } from 'qx-util';
+import { isNil, debounce } from 'lodash-es';
 import { ListController, ControlVO } from '@ibiz-template/runtime';
 import draggable from 'vuedraggable';
 import { showTitle } from '@ibiz-template/core';
@@ -93,32 +92,19 @@ const ListControl = /* @__PURE__ */ defineComponent({
       onPageRefresh,
       onPageSizeChange
     } = usePagination(c);
-    const isLodeMoreDisabled = computed(() => {
-      if (c.model.enablePagingBar === true) {
+    const infiniteScroll = ref();
+    const reverseScroll = c.model.controlStyle === "EXTVIEW3";
+    const disabledLodeMore = 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 = ref(false);
     const showCollapseOrExpandIcon = computed(() => {
       return !c.state.enableGroup && (c.model.pagingMode === 2 || c.model.pagingMode === 3);
     });
-    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;
-        }
-      }
-    });
     let cacheInfo = null;
     const onDraggableChange = (evt, groupKey) => {
       if (evt.moved) {
@@ -165,6 +151,31 @@ const ListControl = /* @__PURE__ */ 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();
     });
@@ -192,9 +203,8 @@ const ListControl = /* @__PURE__ */ defineComponent({
       c.setSelection(selected);
     };
     watch(() => props.data, () => {
-      if (props.isSimple) {
+      if (props.isSimple)
         initSimpleData();
-      }
     }, {
       deep: true
     });
@@ -366,7 +376,9 @@ const ListControl = /* @__PURE__ */ defineComponent({
     };
     const renderGroupStyle2 = () => {
       var _a;
-      return (_a = c.state.groups) == null ? void 0 : _a.map((group) => {
+      return createVNode("div", {
+        "class": [ns.e("layout-flex"), ns.em("layout-flex", "group-style2")]
+      }, [(_a = c.state.groups) == null ? void 0 : _a.map((group) => {
         return createVNode("div", {
           "class": [ns.b("group-style2")]
         }, [createVNode("div", {
@@ -378,15 +390,10 @@ const ListControl = /* @__PURE__ */ defineComponent({
         }, [group.children.length > 0 ? renderListItems(group.children) : 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 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 createVNode(resolveComponent("el-collapse"), {
           "modelValue": c.state.expandedKeys,
           "onUpdate:modelValue": ($event) => c.state.expandedKeys = $event,
@@ -402,13 +409,11 @@ const ListControl = /* @__PURE__ */ defineComponent({
           }
         });
       }
-      return withDirectives(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 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)]), [[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": 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 createVNode("div", {
@@ -448,7 +453,7 @@ const ListControl = /* @__PURE__ */ defineComponent({
       if (!ctrlModel)
         return;
       return createVNode("div", {
-        "class": ns.e("batchtoolbar")
+        "class": [ns.e("batchtoolbar"), ns.is("show", c.showBatchToolbar)]
       }, [createVNode(resolveComponent("iBizToolbarControl"), {
         "modelData": ctrlModel,
         "context": c.context,
@@ -491,38 +496,46 @@ const ListControl = /* @__PURE__ */ 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
     };
   },
@@ -544,10 +557,10 @@ const ListControl = /* @__PURE__ */ defineComponent({
       "controller": this.c
     }, {
       default: () => [createVNode(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 ? createVNode("ion-icon", {
+        default: () => [this.reverseScroll && this.renderCollapseExpandIcon(), content, this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? createVNode("ion-icon", {
           "class": this.ns.e("nav-icon"),
           "title": ibiz.i18n.t("component.controlNavigation.showNav"),
           "name": "eye-outline",
@@ -557,7 +570,7 @@ const ListControl = /* @__PURE__ */ 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/es/control/search-bar/filter-tree/filter-tree.d.ts

@@ -46,7 +46,7 @@ export declare const FilterTreeControl: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     renderFilterGroup: (node: IFilterNodeGroup | IFilterNodeItems, itemsC?: SearchBarFilterItemsController, root?: boolean) => any;
-    renderFilterItem: (node: IFilterNodeField, itemsC?: SearchBarFilterItemsController) => JSX.Element | undefined;
+    renderFilterItem: (node: IFilterNodeField, itemsC?: SearchBarFilterItemsController) => import("vue/jsx-runtime").JSX.Element | undefined;
     onConfirm: () => void;
     onCancel: () => void;
     isInSearchBar: import("vue").ComputedRef<boolean>;

package/es/control/search-bar/index.d.ts

@@ -26,7 +26,7 @@ export declare const IBizSearchBarControl: import("@ibiz-template/vue3-util").Ty
     onGroupClick: (item: import("@ibiz/model-core").ISearchBarGroup) => void;
     triggerFilter: () => void;
     handleSave: () => void;
-    renderAdvancedSearch: () => JSX.Element | null;
+    renderAdvancedSearch: () => import("vue/jsx-runtime").JSX.Element | null;
 }, 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").ISearchBar>;

package/es/control/search-bar/search-bar.d.ts

@@ -43,7 +43,7 @@ export declare const SearchBarControl: import("vue").DefineComponent<{
     onGroupClick: (item: ISearchBarGroup) => void;
     triggerFilter: () => void;
     handleSave: () => void;
-    renderAdvancedSearch: () => JSX.Element | null;
+    renderAdvancedSearch: () => import("vue/jsx-runtime").JSX.Element | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 搜索栏模型数据

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

@@ -971,15 +971,15 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
     onNodeDbClick: (nodeData: import("@ibiz-template/runtime").ITreeNodeData, evt: MouseEvent) => void;
     onNodeContextmenu: (nodeData: import("@ibiz-template/runtime").ITreeNodeData, evt: MouseEvent) => Promise<void>;
     loadData: (item: import("@ibiz-template/core").IApiData, callback: (nodes: import("@ibiz-template/core").IApiData[]) => void) => Promise<void>;
-    renderContextMenu: (nodeModel: import("@ibiz/model-core").IDETreeNode, nodeData: import("@ibiz-template/runtime").ITreeNodeData) => JSX.Element | null | undefined;
-    renderCounter: (nodeModel: import("@ibiz/model-core").IDETreeNode) => JSX.Element | null | undefined;
+    renderContextMenu: (nodeModel: import("@ibiz/model-core").IDETreeNode, nodeData: import("@ibiz-template/runtime").ITreeNodeData) => import("vue/jsx-runtime").JSX.Element | null | undefined;
+    renderCounter: (nodeModel: import("@ibiz/model-core").IDETreeNode) => import("vue/jsx-runtime").JSX.Element | null | undefined;
     updateNodeExpand: (data: import("@ibiz-template/core").IApiData, expanded: boolean) => void;
     onInput: (value: string) => void;
     allowDrop: (draggingNode: import("@ibiz-template/core").IApiData, dropNode: import("@ibiz-template/core").IApiData, type: import("element-plus/es/components/tree/src/tree.type").AllowDropType) => boolean;
     allowDrag: (draggingNode: import("@ibiz-template/core").IApiData) => boolean;
     handleDrop: (draggingNode: import("@ibiz-template/core").IApiData, dropNode: import("@ibiz-template/core").IApiData, dropType: import("element-plus/es/components/tree/src/tree.type").NodeDropType) => void;
     onNodeTextEditBlur: () => Promise<void>;
-    renderNewNode: () => JSX.Element | null;
+    renderNewNode: () => import("vue/jsx-runtime").JSX.Element | null;
     handleEditKeyDown: (e: KeyboardEvent) => void;
     handleLoadMore: (e: MouseEvent, item: import("@ibiz-template/core").IApiData) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/control/tree/tree.d.ts

@@ -257,11 +257,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", ...args: any[]) => void; /**
-         * 处理键盘ESC事件
-         * @author tony001
-         * @date 2023-12-15 05:37:03
-         */
+        $emit: (event: "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             data: {
@@ -650,7 +646,11 @@ export declare const TreeControl: import("vue").DefineComponent<{
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T_5 extends string | ((...args: any) => any)>(source: T_5, cb: T_5 extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        $watch<T_5 extends string | ((...args: any) => any)>(source: T_5, cb: T_5 extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle; /**
+         * 处理键盘ESC事件
+         * @author tony001
+         * @date 2023-12-15 05:37:03
+         */
     } & Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: ArrayConstructor;
@@ -1021,15 +1021,15 @@ export declare const TreeControl: import("vue").DefineComponent<{
     onNodeDbClick: (nodeData: ITreeNodeData, evt: MouseEvent) => void;
     onNodeContextmenu: (nodeData: ITreeNodeData, evt: MouseEvent) => Promise<void>;
     loadData: (item: IData, callback: (nodes: IData[]) => void) => Promise<void>;
-    renderContextMenu: (nodeModel: IDETreeNode, nodeData: ITreeNodeData) => JSX.Element | null | undefined;
-    renderCounter: (nodeModel: IDETreeNode) => JSX.Element | null | undefined;
+    renderContextMenu: (nodeModel: IDETreeNode, nodeData: ITreeNodeData) => import("vue/jsx-runtime").JSX.Element | null | undefined;
+    renderCounter: (nodeModel: IDETreeNode) => import("vue/jsx-runtime").JSX.Element | null | undefined;
     updateNodeExpand: (data: IData, expanded: boolean) => void;
     onInput: (value: string) => void;
     allowDrop: (draggingNode: IData, dropNode: IData, type: AllowDropType) => boolean;
     allowDrag: (draggingNode: IData) => boolean;
     handleDrop: (draggingNode: IData, dropNode: IData, dropType: NodeDropType) => void;
     onNodeTextEditBlur: () => Promise<void>;
-    renderNewNode: () => JSX.Element | null;
+    renderNewNode: () => import("vue/jsx-runtime").JSX.Element | null;
     handleEditKeyDown: (e: KeyboardEvent) => void;
     handleLoadMore: (e: MouseEvent, item: IData) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/control/tree/tree.mjs

@@ -182,6 +182,16 @@ const TreeControl = /* @__PURE__ */ 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();
@@ -336,6 +346,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         treeRefreshKey.value = createUUID();
       }
     });
+    c.evt.on("onUpdateUI", () => {
+      updateUI();
+    });
     const treeData = computed(() => {
       if (!c.state.isLoaded) {
         return [];

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

@@ -81,7 +81,7 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
         data: import("@ibiz-template/core").IApiData[];
     }) => string[];
     headerDragend: (newWidth: number, oldWidth: number, column: import("@ibiz-template/core").IApiData) => void;
-    renderPopover: () => JSX.Element[];
+    renderPopover: () => import("vue/jsx-runtime").JSX.Element[];
     onPageSizeChange: (size: number) => void;
     onSelectionChange: (selection: import("@ibiz-template/runtime").ControlVO[]) => void;
     handleRowClassName: ({ row }: {

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

@@ -112,7 +112,7 @@ export declare const TreeGridControl: import("vue").DefineComponent<{
         data: import("@ibiz-template/core").IApiData[];
     }) => string[];
     headerDragend: (newWidth: number, oldWidth: number, column: import("@ibiz-template/core").IApiData) => void;
-    renderPopover: () => JSX.Element[];
+    renderPopover: () => import("vue/jsx-runtime").JSX.Element[];
     onPageSizeChange: (size: number) => void;
     onSelectionChange: (selection: import("@ibiz-template/runtime").ControlVO[]) => void;
     handleRowClassName: ({ row }: {

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

@@ -212,7 +212,7 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
         return;
       }
       return 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)]
       }, [createVNode("div", {
         "class": ns.b("batch-toolbar-content")
       }, [createVNode("div", {

package/es/control/tree-grid-ex/index.d.ts

@@ -21,13 +21,13 @@ export declare const IBizTreeGridExControl: import("@ibiz-template/vue3-util").T
     elTableData: import("vue").ComputedRef<import("@ibiz-template/core").IApiData[]>;
     renderColumns: import("vue").ComputedRef<import("@ibiz/model-core").IDETreeColumn[]>;
     tableRefreshKey: import("vue").Ref<string>;
+    loadData: (item: import("@ibiz-template/core").IApiData, treeNode: unknown, callback: (nodes: import("@ibiz-template/core").IApiData[]) => void) => Promise<void>;
+    onRowClick: (data: import("@ibiz-template/core").IApiData, _column: import("@ibiz-template/core").IApiData, event: MouseEvent) => Promise<void>;
     renderNoData: () => false | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;
-    loadData: (item: import("@ibiz-template/core").IApiData, treeNode: unknown, callback: (nodes: import("@ibiz-template/core").IApiData[]) => void) => Promise<void>;
-    onRowClick: (data: import("@ibiz-template/core").IApiData, _column: import("@ibiz-template/core").IApiData, event: MouseEvent) => Promise<void>;
+    renderPopover: () => import("vue/jsx-runtime").JSX.Element[];
     onExpandChange: (row: import("@ibiz-template/core").IApiData, expanded: boolean) => void;
-    renderPopover: () => JSX.Element[];
     handleRowClassName: ({ row }: {
         row: import("@ibiz-template/core").IApiData;
     }) => string;

package/es/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}

package/es/control/tree-grid-ex/tree-grid-ex.css

@@ -1 +1 @@
-.ibiz-control-treegridex{--ibiz-control-treegridex-text-color:var(--ibiz-color-text-0);--ibiz-control-treegridex-bg-color:transparent;--ibiz-control-treegridex-padding:var(--ibiz-spacing-none);--ibiz-control-treegridex-cell-padding:var(--ibiz-spacing-tight);--ibiz-control-treegridex-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-treegridex-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-treegridex-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-treegridex-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-treegridex-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-treegridex-header-text-color:var(--ibiz-color-text-2);--ibiz-control-treegridex-header-cell-padding:var(--ibiz-control-treegridex-cell-padding);--ibiz-control-treegridex-header-height:auto;--ibiz-control-treegridex-header-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-treegridex-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-treegridex-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treegridex-content-text-color:var(--ibiz-control-treegridex-text-color);--ibiz-control-treegridex-content-row-height:48px;--ibiz-control-treegridex-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-treegridex-footer-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-treegridex-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-treegridex-footer-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-control-treegridex-row-edit-bg-color);width:100%;height:100%;padding:var(--ibiz-control-treegridex-padding);background-color:var(--ibiz-control-treegridex-bg-color)}.ibiz-control-treegridex .el-table{--el-table-header-bg-color:var(--ibiz-control-treegridex-header-bg-color);--el-table-border-color:transparent}.ibiz-control-treegridex .el-table--border .el-table__cell{border-right:none}.ibiz-control-treegridex .el-table-fixed-column--left,.ibiz-control-treegridex .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-treegridex .el-table td.el-table__cell,.ibiz-control-treegridex .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-treegridex__table{width:100%;height:100%}.ibiz-control-treegridex__table .caret-wrapper{justify-content:center}.ibiz-control-treegridex__table .caret-wrapper>*+*{margin-top:var(--ibiz-spacing-super-tight)}.ibiz-control-treegridex__table .sort-caret{position:initial}.ibiz-control-treegridex__table.el-table .el-table__cell{padding:var(--ibiz-spacing-none)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-treegridex-row-bg-color)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-treegridex-row-bg-color-2)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--el-table-row-hover-bg-color)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-treegridex__table .el-table__header-wrapper .cell{height:var(--ibiz-control-treegridex-header-height);padding:var(--ibiz-control-treegridex-header-cell-padding);font-size:var(--ibiz-control-treegridex-header-font-size);font-weight:var(--ibiz-control-treegridex-header-font-weight);color:var(--ibiz-control-treegridex-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-treegridex__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-treegridex-selection-padding)}.ibiz-control-treegridex__table .el-table__header-wrapper .el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-treegridex__table .el-table__body-wrapper{color:var(--ibiz-control-treegridex-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-treegridex-content-row-height);cursor:pointer}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row>td{height:0;padding:var(--ibiz-spacing-none)}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:var(--ibiz-control-treegridex-row-expand-icon-margin)}@-moz-document url-prefix(){.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-treegridex__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-treegridex-selection-padding)}.ibiz-control-treegridex__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-treegridex__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-treegridex__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-treegridex__table .el-scrollbar__wrap{position:relative}
+.ibiz-control-treegridex{--ibiz-control-treegridex-text-color:var(--ibiz-color-text-0);--ibiz-control-treegridex-bg-color:transparent;--ibiz-control-treegridex-padding:var(--ibiz-spacing-none);--ibiz-control-treegridex-cell-padding:var(--ibiz-spacing-tight);--ibiz-control-treegridex-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-treegridex-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-treegridex-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-treegridex-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-treegridex-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-treegridex-header-text-color:var(--ibiz-color-text-2);--ibiz-control-treegridex-header-cell-padding:var(--ibiz-control-treegridex-cell-padding);--ibiz-control-treegridex-header-height:54px;--ibiz-control-treegridex-header-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-treegridex-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-treegridex-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treegridex-content-text-color:var(--ibiz-control-treegridex-text-color);--ibiz-control-treegridex-content-row-height:48px;--ibiz-control-treegridex-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-treegridex-footer-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-treegridex-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-treegridex-footer-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-control-treegridex-row-edit-bg-color);width:100%;height:100%;padding:var(--ibiz-control-treegridex-padding);background-color:var(--ibiz-control-treegridex-bg-color)}.ibiz-control-treegridex .el-table{--el-table-header-bg-color:var(--ibiz-control-treegridex-header-bg-color);--el-table-border-color:transparent}.ibiz-control-treegridex .el-table--border .el-table__cell{border-right:none}.ibiz-control-treegridex .el-table-fixed-column--left,.ibiz-control-treegridex .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-treegridex .el-table td.el-table__cell,.ibiz-control-treegridex .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-treegridex__table{width:100%;height:100%}.ibiz-control-treegridex__table .caret-wrapper{justify-content:center}.ibiz-control-treegridex__table .caret-wrapper>*+*{margin-top:var(--ibiz-spacing-super-tight)}.ibiz-control-treegridex__table .sort-caret{position:initial}.ibiz-control-treegridex__table.el-table .el-table__cell{padding:var(--ibiz-spacing-none)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-treegridex-row-bg-color)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-treegridex-row-bg-color-2)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--el-table-row-hover-bg-color)}.ibiz-control-treegridex__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-treegridex__table .el-table__header-wrapper .cell{height:var(--ibiz-control-treegridex-header-height);padding:var(--ibiz-control-treegridex-header-cell-padding);font-size:var(--ibiz-control-treegridex-header-font-size);font-weight:var(--ibiz-control-treegridex-header-font-weight);color:var(--ibiz-control-treegridex-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-treegridex__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-treegridex-selection-padding)}.ibiz-control-treegridex__table .el-table__header-wrapper .el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-treegridex__table .el-table__body-wrapper{color:var(--ibiz-control-treegridex-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-treegridex-content-row-height);cursor:pointer}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row>td{height:0;padding:var(--ibiz-spacing-none)}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:var(--ibiz-control-treegridex-row-expand-icon-margin)}@-moz-document url-prefix(){.ibiz-control-treegridex__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-treegridex__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-treegridex__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-treegridex-selection-padding)}.ibiz-control-treegridex__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-treegridex__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-treegridex__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-treegridex__table .el-scrollbar__wrap{position:relative}

package/es/control/tree-grid-ex/tree-grid-ex.d.ts

@@ -38,11 +38,11 @@ export declare const TreeGridExControl: import("vue").DefineComponent<{
     elTableData: import("vue").ComputedRef<import("@ibiz-template/core").IApiData[]>;
     renderColumns: import("vue").ComputedRef<IDETreeColumn[]>;
     tableRefreshKey: import("vue").Ref<string>;
-    renderNoData: () => VNode | false;
     loadData: (item: IData, treeNode: unknown, callback: (nodes: IData[]) => void) => Promise<void>;
     onRowClick: (data: IData, _column: IData, event: MouseEvent) => Promise<void>;
+    renderNoData: () => VNode | false;
+    renderPopover: () => import("vue/jsx-runtime").JSX.Element[];
     onExpandChange: (row: IData, expanded: boolean) => void;
-    renderPopover: () => JSX.Element[];
     handleRowClassName: ({ row }: {
         row: IData;
     }) => string;

package/es/control/tree-grid-ex/tree-grid-ex.mjs

@@ -193,17 +193,17 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
       elTableData,
       renderColumns,
       tableRefreshKey,
-      renderNoData,
       loadData,
       onRowClick,
-      onExpandChange,
+      renderNoData,
       renderPopover,
+      onExpandChange,
       handleRowClassName
     };
   },
   render() {
     const renderColumn = (model, index) => {
-      var _a, _b;
+      var _a, _b, _c;
       if (this.$slots[model.id]) {
         return renderSlot(this.$slots, model.id, {
           model,
@@ -218,16 +218,22 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
       const columnState = this.c.state.columnStates.find((item) => item.key === columnName);
       const widthFlexGrow = columnC.isAdaptiveColumn || !this.c.hasAdaptiveColumn && index === this.renderColumns.length - 1;
       const widthName = widthFlexGrow ? "min-width" : "width";
+      let type = "default";
+      const expandiconcolumn = (_a = this.c.controlParams.expandiconcolumn) == null ? void 0 : _a.toLowerCase();
+      const expandColumnSatate = this.c.state.columnStates.find((item) => expandiconcolumn && item.key.toLowerCase() === expandiconcolumn);
+      if (expandColumnSatate && !expandColumnSatate.hidden)
+        type = (columnName == null ? void 0 : columnName.toLowerCase()) === expandiconcolumn ? "default" : "";
       return createVNode(resolveComponent("el-table-column"), mergeProps({
-        "label": model.caption,
-        "prop": columnName
+        "type": type,
+        "prop": columnName,
+        "label": model.caption
       }, {
         [widthName]: width
       }, {
         "fixed": columnState.fixed,
         "sortable": model.enableSort ? "custom" : false,
-        "label-class-name": (_a = columnC.model.headerSysCss) == null ? void 0 : _a.cssName,
-        "align": ((_b = model.align) == null ? void 0 : _b.toLowerCase()) || "center"
+        "align": ((_b = model.align) == null ? void 0 : _b.toLowerCase()) || "center",
+        "label-class-name": (_c = columnC.model.headerSysCss) == null ? void 0 : _c.cssName
       }), {
         header: ({
           column

package/es/control/tree-grid-ex/use-row-edit-popover.d.ts

@@ -1,5 +1,5 @@
 import { TreeGridExController } from '@ibiz-template/runtime';
 import { Ref } from 'vue';
 export declare function useRowEditPopover(tableRef: Ref<IData | undefined>, c: TreeGridExController): {
-    renderPopover: () => JSX.Element[];
+    renderPopover: () => import("vue/jsx-runtime").JSX.Element[];
 };

package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.d.ts

@@ -54,8 +54,8 @@ export declare const IBizAutoComplete: import("vue").DefineComponent<{
     isReverse: Ref<boolean>;
     setEditable: (flag: boolean) => void;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
-    renderActionItem: (detail: IAppDEUIActionGroupDetail) => JSX.Element | undefined;
-    renderEmpty: () => JSX.Element;
+    renderActionItem: (detail: IAppDEUIActionGroupDetail) => import("vue/jsx-runtime").JSX.Element | undefined;
+    renderEmpty: () => import("vue/jsx-runtime").JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;

package/es/editor/code/monaco-editor/monaco-editor.d.ts

@@ -51,9 +51,9 @@ export declare const IBizCode: import("vue").DefineComponent<{
     hasEnableEdit: import("vue").Ref<boolean>;
     readonlyState: import("vue").Ref<boolean>;
     isLoading: import("vue").Ref<boolean>;
-    renderFooter: () => JSX.Element | null;
-    renderHeaderToolbar: () => JSX.Element | null;
-    renderCodeContent: () => JSX.Element;
+    renderFooter: () => import("vue/jsx-runtime").JSX.Element | null;
+    renderHeaderToolbar: () => import("vue/jsx-runtime").JSX.Element | null;
+    renderCodeContent: () => import("vue/jsx-runtime").JSX.Element;
     changeFullScreenState: () => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;