@ibiz-template/vue3-components 0.7.24-alpha.1 → 0.7.24

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

@@ -1,7 +1,8 @@
-import { resolveComponent, mergeProps, h, createVNode, createTextVNode, renderSlot, onUnmounted, defineComponent } from 'vue';
+import { isVNode, resolveComponent, mergeProps, h, createVNode, createTextVNode, renderSlot, onUnmounted, computed, ref, watch, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useControlController, useNamespace, useUIStore } from '@ibiz-template/vue3-util';
 import { ScriptFactory, GridController } from '@ibiz-template/runtime';
 import { NOOP } from '@ibiz-template/core';
+import { createUUID } from 'qx-util';
 import { useITableEvent, useGridHeaderStyle, useGridDraggable, useAppGridBase } from './grid-control.util.mjs';
 import './grid.css';
 import { useRowEditPopover } from '../row-edit-popover/use-row-edit-popover.mjs';
@@ -9,6 +10,9 @@ import '../../../util/index.mjs';
 import { usePagination } from '../../../util/pagination/use-pagination.mjs';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 function renderAttrs(model, params) {
   var _a;
   const attrs = {};
@@ -269,6 +273,25 @@ const GridControl = /* @__PURE__ */ defineComponent({
         cleanup();
       }
     });
+    const isLodeMoreDisabled = computed(() => {
+      if (c.model.pagingMode !== 2) {
+        return true;
+      }
+      return c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size;
+    });
+    const infiniteScroll = ref();
+    const infiniteScrollKey = ref(createUUID());
+    watch(() => c.state.curPage, () => {
+      var _a, _b;
+      if (c.state.curPage === 1 && (c.model.pagingMode === 2 || c.model.pagingMode === 3)) {
+        infiniteScrollKey.value = createUUID();
+        const containerEl = (_b = (_a = infiniteScroll.value) == null ? void 0 : _a.ElInfiniteScroll) == null ? void 0 : _b.containerEl;
+        if (containerEl) {
+          containerEl.lastScrollTop = 0;
+          containerEl.scrollTop = 0;
+        }
+      }
+    });
     return {
       c,
       ns,
@@ -291,7 +314,10 @@ const GridControl = /* @__PURE__ */ defineComponent({
       defaultSort,
       renderBatchToolBar,
       headerCssVars,
-      renderDragIconColumn
+      renderDragIconColumn,
+      isLodeMoreDisabled,
+      infiniteScroll,
+      infiniteScrollKey
     };
   },
   render() {
@@ -334,9 +360,22 @@ const GridControl = /* @__PURE__ */ defineComponent({
           })];
         },
         append: () => {
-          return this.renderPopover();
+          let _slot;
+          return [withDirectives(createVNode("div", {
+            "ref": "infiniteScroll",
+            "key": this.infiniteScrollKey,
+            "infinite-scroll-distance": 10,
+            "infinite-scroll-disabled": this.isLodeMoreDisabled
+          }, null), [[resolveDirective("infinite-scroll"), () => this.c.loadMore()]]), this.c.model.pagingMode === 3 && !(this.c.state.items.length >= this.c.state.total || this.c.state.isLoading || this.c.state.total <= this.c.state.size) && createVNode("div", {
+            "class": this.ns.e("load-more-button")
+          }, [createVNode(resolveComponent("el-button"), {
+            "text": true,
+            "onClick": () => this.c.loadMore()
+          }, _isSlot(_slot = ibiz.i18n.t("control.common.loadMore")) ? _slot : {
+            default: () => [_slot]
+          })]), this.renderPopover()];
         }
-      }), this.c.state.enablePagingBar && createVNode(resolveComponent("iBizPagination"), {
+      }), this.c.state.enablePagingBar && this.c.model.pagingMode === 1 && createVNode(resolveComponent("iBizPagination"), {
         "total": state.total,
         "curPage": state.curPage,
         "size": state.size,

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

@@ -95,6 +95,9 @@ export declare const IBizGridControl: import("@ibiz-template/vue3-util").TypeWit
     }> | undefined;
     headerCssVars: IData;
     renderDragIconColumn: () => JSX.Element;
+    isLodeMoreDisabled: import("vue").ComputedRef<boolean>;
+    infiniteScroll: import("vue").Ref<IData | undefined>;
+    infiniteScrollKey: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEGrid>;

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

@@ -33,6 +33,7 @@ export declare const IBizListControl: import("@ibiz-template/vue3-util").TypeWit
 }, {
     c: import("@ibiz-template/runtime").ListController;
     ns: import("@ibiz-template/core").Namespace;
+    infiniteScroll: import("vue").Ref<IData | undefined>;
     renderListContent: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;

package/es/control/list/list.css

@@ -1 +1 @@
-.ibiz-control-list-item{--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);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}.ibiz-control-list-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.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);display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;height:100%}.ibiz-control-list__load-more{color:var(--ibiz-control-list-load-more-color);text-align:center;cursor:pointer}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-scroll{height:100%;overflow:auto}
+.ibiz-control-list-item{--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);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}.ibiz-control-list-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.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);display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;height:100%}.ibiz-control-list__load-more{color:var(--ibiz-control-list-load-more-color);text-align:center;cursor:pointer}.ibiz-control-list__load-more-button{padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-scroll{height:100%;overflow:auto}

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

@@ -52,6 +52,7 @@ export declare const ListControl: import("vue").DefineComponent<{
 }, {
     c: ListController;
     ns: import("@ibiz-template/core").Namespace;
+    infiniteScroll: import("vue").Ref<IData | undefined>;
     renderListContent: () => VNode;
     renderNoData: () => VNode | undefined;
     renderBatchToolBar: () => VNode | undefined;

package/es/control/list/list.mjs

@@ -1,6 +1,7 @@
-import { isVNode, computed, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, computed, ref, watch, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { isNil } from 'lodash-es';
+import { createUUID } from 'qx-util';
 import { ListController } from '@ibiz-template/runtime';
 import './list.css';
 import '../../util/index.mjs';
@@ -72,8 +73,24 @@ const ListControl = /* @__PURE__ */ defineComponent({
       if (c.model.enablePagingBar === true) {
         return true;
       }
+      if (c.model.pagingMode !== 2) {
+        return true;
+      }
       return c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size;
     });
+    const infiniteScroll = ref();
+    const infiniteScrollKey = ref(createUUID());
+    watch(() => c.state.curPage, () => {
+      var _a, _b;
+      if (c.state.curPage === 1 && (c.model.pagingMode === 2 || c.model.pagingMode === 3)) {
+        infiniteScrollKey.value = createUUID();
+        const containerEl = (_b = (_a = infiniteScroll.value) == null ? void 0 : _a.ElInfiniteScroll) == null ? void 0 : _b.containerEl;
+        if (containerEl) {
+          containerEl.lastScrollTop = 0;
+          containerEl.scrollTop = 0;
+        }
+      }
+    });
     const renderPanelItem = (item, modelData) => {
       const {
         context,
@@ -119,6 +136,7 @@ const ListControl = /* @__PURE__ */ defineComponent({
       });
     };
     const renderListContent = () => {
+      let _slot;
       if (c.model.enableGroup && !c.state.isSimple) {
         return createVNode(resolveComponent("el-collapse"), {
           "class": [ns.b("group-content"), ns.b("content")]
@@ -137,12 +155,21 @@ const ListControl = /* @__PURE__ */ defineComponent({
       return withDirectives(createVNode("div", {
         "class": [ns.b("scroll"), ns.b("content")],
         "infinite-scroll-distance": 10,
-        "infinite-scroll-disabled": isLodeMoreDisabled.value
+        "infinite-scroll-disabled": isLodeMoreDisabled.value,
+        "ref": "infiniteScroll",
+        "key": infiniteScrollKey.value
       }, [c.state.items.map((item) => {
         return createVNode("div", {
           "class": [ns.b("scroll-item")]
         }, [panel ? renderPanelItem(item, panel) : renderDefaultItem(item)]);
-      })]), [[resolveDirective("infinite-scroll"), () => c.loadMore()]]);
+      }), c.model.pagingMode === 3 && !(c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size) && createVNode("div", {
+        "class": ns.e("load-more-button")
+      }, [createVNode(resolveComponent("el-button"), {
+        "text": true,
+        "onClick": () => c.loadMore()
+      }, _isSlot(_slot = ibiz.i18n.t("control.common.loadMore")) ? _slot : {
+        default: () => [_slot]
+      })])]), [[resolveDirective("infinite-scroll"), () => c.loadMore()]]);
     };
     const renderQuickToolBar = () => {
       var _a;
@@ -175,7 +202,7 @@ const ListControl = /* @__PURE__ */ defineComponent({
       }, null)]);
     };
     const renderNoData = () => {
-      let _slot;
+      let _slot2;
       const {
         isLoaded
       } = c.state;
@@ -187,13 +214,14 @@ const ListControl = /* @__PURE__ */ defineComponent({
         "text": c.model.emptyText,
         "emptyTextLanguageRes": c.model.emptyTextLanguageRes,
         "enableShowImage": c.state.hideNoDataImage
-      }, _isSlot(_slot = renderQuickToolBar()) ? _slot : {
-        default: () => [_slot]
+      }, _isSlot(_slot2 = renderQuickToolBar()) ? _slot2 : {
+        default: () => [_slot2]
       });
     };
     return {
       c,
       ns,
+      infiniteScroll,
       renderListContent,
       renderNoData,
       renderBatchToolBar,
@@ -205,7 +233,7 @@ const ListControl = /* @__PURE__ */ defineComponent({
   render() {
     let content = null;
     if (this.c.state.isCreated) {
-      content = [this.c.state.items.length > 0 ? this.renderListContent() : this.renderNoData(), this.renderBatchToolBar(), this.c.state.enablePagingBar ? createVNode(resolveComponent("iBizPagination"), {
+      content = [this.c.state.items.length > 0 ? this.renderListContent() : this.renderNoData(), this.renderBatchToolBar(), this.c.state.enablePagingBar && this.c.model.pagingMode === 1 ? createVNode(resolveComponent("iBizPagination"), {
         "class": this.ns.e("pagination"),
         "total": this.c.state.total,
         "curPage": this.c.state.curPage,

package/es/control/tree/el-tree-util.d.ts

@@ -305,8 +305,6 @@ export declare function useElTreeUtil(treeRef: Ref<InstanceType<typeof ElTree> |
                     getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                     updateChildren: () => void;
                     loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                    eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                    reInitChecked: () => void;
                 };
                 currentNodeKey: import("element-plus/es/components/tree/src/tree.type").TreeKey;
                 nodesMap: import("element-plus/es/components/tree/src/tree.type").TreeStoreNodesMap;
@@ -351,8 +349,6 @@ export declare function useElTreeUtil(treeRef: Ref<InstanceType<typeof ElTree> |
                     getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                     updateChildren: () => void;
                     loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                    eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                    reInitChecked: () => void;
                 };
                 data: import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 lazy: boolean;
@@ -446,8 +442,6 @@ export declare function useElTreeUtil(treeRef: Ref<InstanceType<typeof ElTree> |
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             }>;
             currentNode: Ref<{
                 id: number;
@@ -490,8 +484,6 @@ export declare function useElTreeUtil(treeRef: Ref<InstanceType<typeof ElTree> |
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             }>;
             dragState: Ref<{
                 showDropIndicator: boolean;
@@ -701,8 +693,6 @@ export declare function useElTreeUtil(treeRef: Ref<InstanceType<typeof ElTree> |
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             };
             currentNodeKey: import("element-plus/es/components/tree/src/tree.type").TreeKey;
             nodesMap: import("element-plus/es/components/tree/src/tree.type").TreeStoreNodesMap;
@@ -747,8 +737,6 @@ export declare function useElTreeUtil(treeRef: Ref<InstanceType<typeof ElTree> |
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             };
             data: import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             lazy: boolean;
@@ -842,8 +830,6 @@ export declare function useElTreeUtil(treeRef: Ref<InstanceType<typeof ElTree> |
             getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             updateChildren: () => void;
             loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-            eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-            reInitChecked: () => void;
         }>;
         currentNode: Ref<{
             id: number;
@@ -886,8 +872,6 @@ export declare function useElTreeUtil(treeRef: Ref<InstanceType<typeof ElTree> |
             getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             updateChildren: () => void;
             loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-            eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-            reInitChecked: () => void;
         }>;
         dragState: Ref<{
             showDropIndicator: boolean;

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

@@ -328,8 +328,6 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
                     getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                     updateChildren: () => void;
                     loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                    eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                    reInitChecked: () => void;
                 };
                 currentNodeKey: import("element-plus/es/components/tree/src/tree.type").TreeKey;
                 nodesMap: import("element-plus/es/components/tree/src/tree.type").TreeStoreNodesMap;
@@ -374,8 +372,6 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
                     getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                     updateChildren: () => void;
                     loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                    eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                    reInitChecked: () => void;
                 };
                 data: import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 lazy: boolean;
@@ -469,8 +465,6 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             }>;
             currentNode: import("vue").Ref<{
                 id: number;
@@ -513,8 +507,6 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             }>;
             dragState: import("vue").Ref<{
                 showDropIndicator: boolean;
@@ -724,8 +716,6 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             };
             currentNodeKey: import("element-plus/es/components/tree/src/tree.type").TreeKey;
             nodesMap: import("element-plus/es/components/tree/src/tree.type").TreeStoreNodesMap;
@@ -770,8 +760,6 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             };
             data: import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             lazy: boolean;
@@ -865,8 +853,6 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
             getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             updateChildren: () => void;
             loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-            eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-            reInitChecked: () => void;
         }>;
         currentNode: import("vue").Ref<{
             id: number;
@@ -909,8 +895,6 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
             getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             updateChildren: () => void;
             loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-            eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-            reInitChecked: () => void;
         }>;
         dragState: import("vue").Ref<{
             showDropIndicator: boolean;

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

@@ -349,8 +349,6 @@ export declare const TreeControl: import("vue").DefineComponent<{
                     getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                     updateChildren: () => void;
                     loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                    eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                    reInitChecked: () => void;
                 };
                 currentNodeKey: import("element-plus/es/components/tree/src/tree.type").TreeKey;
                 nodesMap: import("element-plus/es/components/tree/src/tree.type").TreeStoreNodesMap;
@@ -395,8 +393,6 @@ export declare const TreeControl: import("vue").DefineComponent<{
                     getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                     updateChildren: () => void;
                     loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                    eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                    reInitChecked: () => void;
                 };
                 data: import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 lazy: boolean;
@@ -490,8 +486,6 @@ export declare const TreeControl: import("vue").DefineComponent<{
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             }>;
             currentNode: import("vue").Ref<{
                 id: number;
@@ -534,8 +528,6 @@ export declare const TreeControl: import("vue").DefineComponent<{
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             }>;
             dragState: import("vue").Ref<{
                 showDropIndicator: boolean;
@@ -745,8 +737,6 @@ export declare const TreeControl: import("vue").DefineComponent<{
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             };
             currentNodeKey: import("element-plus/es/components/tree/src/tree.type").TreeKey;
             nodesMap: import("element-plus/es/components/tree/src/tree.type").TreeStoreNodesMap;
@@ -791,8 +781,6 @@ export declare const TreeControl: import("vue").DefineComponent<{
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             };
             data: import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             lazy: boolean;
@@ -886,8 +874,6 @@ export declare const TreeControl: import("vue").DefineComponent<{
             getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             updateChildren: () => void;
             loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-            eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-            reInitChecked: () => void;
         }>;
         currentNode: import("vue").Ref<{
             id: number;
@@ -930,8 +916,6 @@ export declare const TreeControl: import("vue").DefineComponent<{
             getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             updateChildren: () => void;
             loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-            eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-            reInitChecked: () => void;
         }>;
         dragState: import("vue").Ref<{
             showDropIndicator: boolean;

package/es/editor/check-box/check-box-editor.provider.mjs

@@ -10,7 +10,7 @@ var __publicField = (obj, key, value) => {
 class CheckBoxEditorProvider {
   constructor() {
     __publicField(this, "formEditor", "IBizCheckbox");
-    __publicField(this, "gridEditor", "IBizGridCheckbox");
+    __publicField(this, "gridEditor", "IBizCheckbox");
   }
   async createController(editorModel, parentController) {
     const c = new CheckBoxEditorController(editorModel, parentController);

package/es/editor/check-box/ibiz-checkbox/ibiz-checkbox.mjs

@@ -1,5 +1,5 @@
 import { computed, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getCheckboxProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getCheckboxProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-checkbox.css';
 
 "use strict";
@@ -28,6 +28,10 @@ const IBizCheckbox = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     const currentVal = computed({
       get() {
         if (props.value == selectValue) {
@@ -43,11 +47,12 @@ const IBizCheckbox = /* @__PURE__ */ defineComponent({
           value = nullValue;
         }
         emit("change", value);
+        useInValueChange();
       }
     });
     const {
       componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       editorModel,

package/es/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.mjs

@@ -1,5 +1,5 @@
 import { isVNode, computed, ref, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getCheckboxListProps, getEditorEmits, useNamespace, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getCheckboxListProps, getEditorEmits, useNamespace, useCodeListListen, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import './ibiz-checkbox-list.css';
 
@@ -48,6 +48,10 @@ const IBizCheckboxList = /* @__PURE__ */ defineComponent({
     if (codeList && codeList.valueSeparator) {
       valueSeparator = codeList.valueSeparator;
     }
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     const selectArray = computed({
       get() {
         if (!isNil(props.value)) {
@@ -110,6 +114,7 @@ const IBizCheckboxList = /* @__PURE__ */ defineComponent({
           }
         }
         emit("change", value);
+        useInValueChange();
       }
     });
     const onSelectArrayChange = (value) => {
@@ -136,7 +141,7 @@ const IBizCheckboxList = /* @__PURE__ */ defineComponent({
     });
     const {
       componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       items,

package/es/editor/data-picker/ibiz-picker-link/ibiz-picker-link.mjs

@@ -1,5 +1,5 @@
 import { ref, computed, watch, createVNode, defineComponent } from 'vue';
-import { getDataPickerProps, getEditorEmits, useNamespace, useFocusAndBlur, renderString } from '@ibiz-template/vue3-util';
+import { getDataPickerProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur, renderString } from '@ibiz-template/vue3-util';
 import './ibiz-picker-link.css';
 
 "use strict";
@@ -13,6 +13,10 @@ const IBizPickerLink = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("picker-link");
     const c = props.controller;
     const curValue = ref("");
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -45,6 +49,7 @@ const IBizPickerLink = /* @__PURE__ */ defineComponent({
       } else {
         emit("change", data[c.textName]);
       }
+      useInValueChange();
     };
     const openLinkView = async () => {
       const res = await c.openLinkView(props.data);
@@ -54,7 +59,7 @@ const IBizPickerLink = /* @__PURE__ */ defineComponent({
     };
     const {
       componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     const valueText = computed(() => {
       return renderString(curValue.value);
     });

package/es/editor/list-box/ibiz-list-box/ibiz-list-box.mjs

@@ -1,5 +1,5 @@
 import { isVNode, computed, ref, watch, resolveComponent, mergeProps, h, createVNode, defineComponent } from 'vue';
-import { getListBoxProps, getEditorEmits, useNamespace, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getListBoxProps, getEditorEmits, useNamespace, useAutoFocusBlur, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import './ibiz-list-box.css';
 
@@ -23,6 +23,10 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
         multiple = c.toBoolean(editorModel.editorParams.multiple);
       }
     }
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -138,10 +142,11 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
         _value = value;
       }
       emit("change", _value);
+      useInValueChange();
     };
     const {
       componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       items,