bkui-vue 0.0.1-beta.72 → 0.0.1-beta.75

package/dist/index.esm.js

@@ -8888,7 +8888,7 @@ var Component$u = defineComponent({
         "mode": props.loadingMode,
         "theme": loadingTheme.value,
         "size": loadingSize.value
-      }, null), slots.default && createVNode("span", {
+      }, null), slots.default && !props.loading && createVNode("span", {
         "class": `${btnClsPrefix}-text`
       }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])]);
     };
@@ -9618,8 +9618,8 @@ var Component$q = defineComponent({
 const BkCollapse = withInstall(Component$q);
 const propsMixin$1 = {
   isShow: PropTypes.bool.def(false),
-  width: PropTypes.string.def("50%") || PropTypes.number,
-  height: PropTypes.string.def("50%") || PropTypes.number,
+  width: PropTypes.oneOfType([String, Number]).def("50%"),
+  height: PropTypes.oneOfType([String, Number]).def("50%"),
   customClass: PropTypes.string || PropTypes.array,
   scrollable: PropTypes.bool.def(true),
   showMask: PropTypes.bool.def(true),
@@ -9632,12 +9632,13 @@ const propsMixin$1 = {
   draggable: PropTypes.bool.def(true),
   quickClose: PropTypes.bool.def(true),
   transfer: PropTypes.bool.def(false),
-  title: PropTypes.string.def("Header"),
   maxHeight: PropTypes.string,
   direction: PropTypes.string,
   animateType: PropTypes.string.def("slide"),
   renderDirective: PropTypes.commonType(["show", "if"], "renderDirective").def("show"),
-  beforeClose: PropTypes.custom(() => true)
+  beforeClose: PropTypes.custom(() => true),
+  dialogType: PropTypes.commonType(["show", "operation", "confirm", "process"], "dialogType").def("operation"),
+  multiInstance: PropTypes.bool.def(true)
 };
 var Component$p = defineComponent({
   name: "Modal",
@@ -9706,7 +9707,7 @@ var Component$p = defineComponent({
     } : {};
     const bodyClass = `bk-modal-body ${this.animateType === "slide" ? this.direction : ""}`;
     return createVNode("div", {
-      "class": ["bk-modal-wrapper", this.size, this.customClass, this.fullscreen ? "bk-model-fullscreen" : ""],
+      "class": ["bk-modal-wrapper", this.customClass],
       "style": this.compStyle
     }, [withDirectives(createVNode("div", {
       "class": "bk-modal-outside",
@@ -9722,8 +9723,8 @@ var Component$p = defineComponent({
           "class": "bk-modal-header"
         }, [(_c = (_b = (_a = this.$slots).header) == null ? void 0 : _b.call(_a)) != null ? _c : ""]), createVNode("div", {
           "class": "bk-modal-content",
-          "style": __spreadValues({}, maxHeight)
-        }, [(_f = (_e = (_d = this.$slots).default) == null ? void 0 : _e.call(_d)) != null ? _f : ""]), createVNode("div", {
+          "style": [this.dialogType === "show" ? "height: calc(100% - 74px);margin-bottom: 0px" : "", __spreadValues({}, maxHeight)]
+        }, [(_f = (_e = (_d = this.$slots).default) == null ? void 0 : _e.call(_d)) != null ? _f : ""]), this.dialogType === "show" ? "" : createVNode("div", {
           "class": "bk-modal-footer"
         }, [(_i = (_h = (_g = this.$slots).footer) == null ? void 0 : _h.call(_g)) != null ? _i : ""])]) : ""];
       }
@@ -9780,12 +9781,14 @@ var Component$o = defineComponent({
     });
     watch(() => props.isShow, (val) => {
       if (!val) {
-        data2.moveStyle = {
-          top: "50%",
-          left: "50%"
-        };
-        data2.positionX = 0;
-        data2.positionY = 0;
+        setTimeout(() => {
+          data2.moveStyle = {
+            top: "50%",
+            left: "50%"
+          };
+          data2.positionX = 0;
+          data2.positionY = 0;
+        }, 1e3);
       }
     });
     const handleClose = () => {
@@ -9813,6 +9816,9 @@ var Component$o = defineComponent({
       if (props.fullscreen) {
         return false;
       }
+      if (!props.draggable) {
+        return false;
+      }
       const odiv = e.target;
       const parentHeight = e.currentTarget.parentNode.parentNode.offsetHeight;
       const parentWidth = e.currentTarget.parentNode.parentNode.offsetWidth;
@@ -9863,11 +9869,11 @@ var Component$o = defineComponent({
   render() {
     const dialogSlot = {
       header: () => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f;
         return [createVNode("div", {
           "class": ["bk-dialog-tool", this.fullscreen || !this.draggable ? "" : "move", this.draggable ? "content-dragging" : ""],
           "onMousedown": this.moveHandler
-        }, [createVNode("span", {
+        }, [(_c = (_b = (_a = this.$slots).tools) == null ? void 0 : _b.call(_a)) != null ? _c : "", createVNode("span", {
           "class": ["bk-dialog-close", this.closeIcon ? "" : "close-icon"],
           "onClick": this.handleClose
         }, [createTextVNode("+")])]), createVNode("div", {
@@ -9875,7 +9881,7 @@ var Component$o = defineComponent({
         }, [createVNode("span", {
           "class": "bk-dialog-title",
           "style": `text-align: ${this.headerAlign}`
-        }, [(_c = (_b = (_a = this.$slots).header) == null ? void 0 : _b.call(_a)) != null ? _c : this.title])])];
+        }, [(_f = (_e = (_d = this.$slots).header) == null ? void 0 : _e.call(_d)) != null ? _f : this.title])])];
       },
       default: () => {
         var _a, _b, _c;
@@ -9927,7 +9933,7 @@ var Component$o = defineComponent({
         })]) : ""]);
       }
     };
-    const className = `bk-dialog-wrapper ${this.scrollable ? "scroll-able" : ""}`;
+    const className = `bk-dialog-wrapper ${this.scrollable ? "scroll-able" : ""} ${this.multiInstance ? "multi-instance" : ""}`;
     return createVNode(BkModal, mergeProps(this.$props, {
       "class": [className, this.fullscreen ? "bk-model-fullscreen" : this.size],
       "style": this.data.moveStyle
@@ -12110,6 +12116,10 @@ var Component$d = defineComponent({
     BkButton
   },
   props: __spreadProps(__spreadValues({}, sliderPops), {
+    title: {
+      type: String,
+      default: ""
+    },
     direction: {
       type: String,
       default: "right",
@@ -16279,11 +16289,8 @@ const collapseMotion = () => ({
 });
 const menuProps = {
   activeKey: String,
-  collapse: {
-    type: Boolean,
-    default: false
-  },
-  OpenedKeys: {
+  collapse: Boolean,
+  openedKeys: {
     type: Array
   },
   mode: {
@@ -16301,7 +16308,8 @@ var Component$6 = defineComponent({
   emits: ["update:activeKey", "update:openKeys", "click", "openChange"],
   setup(props, {
     slots,
-    emit
+    emit,
+    expose
   }) {
     const activeKey = ref("");
     const openedKeys = ref([]);
@@ -16309,11 +16317,6 @@ var Component$6 = defineComponent({
     const mode = computed(() => props.mode);
     const collapse2 = ref(props.collapse);
     const oldOpenKeys = ref([]);
-    watch(() => props.OpenedKeys, (keys = openedKeys.value) => {
-      openedKeys.value = keys;
-    }, {
-      immediate: true
-    });
     watchEffect(() => {
       if (props.activeKey !== void 0) {
         activeKey.value = props.activeKey;
@@ -16321,6 +16324,7 @@ var Component$6 = defineComponent({
     });
     watch(() => props.collapse, () => {
       collapse2.value = props.collapse;
+      console.info(props.collapse);
       const oldKeys = [...oldOpenKeys.value];
       const openKeys = [...openedKeys.value];
       openedKeys.value = collapse2.value ? [] : oldKeys;
@@ -16328,6 +16332,11 @@ var Component$6 = defineComponent({
     }, {
       immediate: true
     });
+    watch(() => props.openedKeys, (keys = openedKeys.value) => {
+      openedKeys.value = keys;
+    }, {
+      immediate: true
+    });
     const registerMenuInfo = (key, info2) => {
       menuStore.value = __spreadProps(__spreadValues({}, menuStore.value), {
         [key]: info2
@@ -16365,6 +16374,11 @@ var Component$6 = defineComponent({
       handleOpenChange,
       handleActiveChange
     });
+    expose({
+      activeKey,
+      openedKeys,
+      menuStore
+    });
     return () => {
       var _a;
       return createVNode("div", {
@@ -16372,7 +16386,7 @@ var Component$6 = defineComponent({
           "bk-menu": true,
           "is-collapse": collapse2.value
         }
-      }, [(_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)]);
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
@@ -21075,8 +21089,18 @@ var NODE_ATTRIBUTES = /* @__PURE__ */ ((NODE_ATTRIBUTES2) => {
   NODE_ATTRIBUTES2["IS_NULL"] = "__IS_NULL";
   NODE_ATTRIBUTES2["IS_CACHED"] = "__is_cached";
   NODE_ATTRIBUTES2["IS_ASYNC"] = "__is_async";
+  NODE_ATTRIBUTES2["IS_LOADING"] = "__is_loading";
   return NODE_ATTRIBUTES2;
 })(NODE_ATTRIBUTES || {});
+const NODE_SOURCE_ATTRS = {
+  ["__is_open"]: "isOpen",
+  ["__is_selected"]: "selected",
+  ["__is_match"]: "isMatch",
+  ["__has_child"]: "hasChild",
+  ["__is_checked"]: "checked",
+  ["__is_async"]: "async",
+  ["__is_loading"]: "loading"
+};
 const treeProps = {
   data: PropTypes.arrayOf(PropTypes.any).def([]),
   label: PropTypes.oneOfType([PropTypes.func.def(void 0), PropTypes.string.def("label")]),
@@ -21123,7 +21147,9 @@ const treeProps = {
   draggable: PropTypes.bool.def(false),
   dragSort: PropTypes.bool.def(false),
   selectable: PropTypes.bool.def(true),
-  selected: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).def(null)
+  selected: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).def(null),
+  autoCheckChildren: PropTypes.bool.def(true),
+  syncAction: PropTypes.bool.def(false)
 };
 var useEmpty = (props, {
   slots
@@ -21138,79 +21164,6 @@ var useEmpty = (props, {
     }
   })
 });
-var useNodeAttribute = (flatData, props) => {
-  const getSchemaVal2 = (key) => flatData.schema.get(key);
-  const getNodeAttr2 = (node, attr) => {
-    var _a;
-    return (_a = getSchemaVal2(node[NODE_ATTRIBUTES.UUID])) == null ? void 0 : _a[attr];
-  };
-  const setNodeAttr = (node, attr, val) => flatData.schema.set(node[NODE_ATTRIBUTES.UUID], __spreadProps(__spreadValues({}, getSchemaVal2(node[NODE_ATTRIBUTES.UUID])), {
-    [attr]: val
-  }));
-  const getNodePath = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.PATH);
-  const getNodeId = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.UUID);
-  const isRootNode = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.IS_ROOT);
-  const isNodeOpened = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.IS_OPENED);
-  const hasChildNode = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.HAS_CHILD);
-  const isNodeMatched = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.IS_MATCH);
-  const isNodeChecked = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.IS_CHECKED);
-  const getNodeParentId = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.PARENT_ID);
-  const getNodeParentIdById = (id) => getNodeAttr2({
-    [NODE_ATTRIBUTES.UUID]: id
-  }, NODE_ATTRIBUTES.PARENT_ID);
-  const deleteNodeSchema = (id) => flatData.schema.delete(id);
-  const isItemOpen = (item) => {
-    var _a;
-    if (typeof item === "object") {
-      return isNodeOpened(item);
-    }
-    if (typeof item === "string") {
-      return (_a = getSchemaVal2(item)) == null ? void 0 : _a[NODE_ATTRIBUTES.IS_OPENED];
-    }
-    return false;
-  };
-  const checkNodeIsOpen = (node) => isRootNode(node) || isItemOpen(node) || isItemOpen(getNodeAttr2(node, NODE_ATTRIBUTES.PARENT_ID));
-  const getSourceNodeByPath = (path) => {
-    const paths = path.split("-");
-    return paths.reduce((pre, nodeIndex) => {
-      const index = Number(nodeIndex);
-      return Array.isArray(pre) ? pre[index] : pre[props.children][index];
-    }, props.data);
-  };
-  const getSourceNodeByUID = (uid) => getSourceNodeByPath(getNodePath({
-    [NODE_ATTRIBUTES.UUID]: uid
-  }));
-  const getParentNodeData = (uid) => {
-    if (isRootNode({
-      [NODE_ATTRIBUTES.UUID]: uid
-    })) {
-      return {
-        [props.children]: props.data
-      };
-    }
-    return getSourceNodeByUID(getNodeParentIdById(uid));
-  };
-  return {
-    getSchemaVal: getSchemaVal2,
-    getNodeAttr: getNodeAttr2,
-    getNodeId,
-    getNodeParentId,
-    getNodeParentIdById,
-    getParentNodeData,
-    setNodeAttr,
-    getNodePath,
-    isRootNode,
-    isNodeOpened,
-    hasChildNode,
-    isItemOpen,
-    isNodeChecked,
-    isNodeMatched,
-    checkNodeIsOpen,
-    getSourceNodeByPath,
-    getSourceNodeByUID,
-    deleteNodeSchema
-  };
-};
 const DEFAULT_LEVLE_LINE = "1px dashed #c3cdd7";
 const getPropsOneOfBoolValueWithDefault = (props, key, item = null, defaultTrueValue = null, defaultFalseValue = null, args = []) => {
   const prop = props[key];
@@ -21308,12 +21261,114 @@ const resolveNodeItem = (node) => {
   console.error("setNodeAction Error: node id cannot found");
   return node;
 };
+var useNodeAttribute = (flatData, props) => {
+  const getSchemaVal2 = (key) => flatData.schema.get(key);
+  const getNodeAttr2 = (node, attr) => {
+    var _a;
+    return (_a = getSchemaVal2(node[NODE_ATTRIBUTES.UUID])) == null ? void 0 : _a[attr];
+  };
+  const setNodeAttr = (node, attr, val) => {
+    if (props.syncAction && NODE_SOURCE_ATTRS[attr] !== void 0) {
+      updateTreeNode(getNodePath(node), props.data, props.children, NODE_SOURCE_ATTRS[attr], val);
+    }
+    flatData.schema.set(node[NODE_ATTRIBUTES.UUID], __spreadProps(__spreadValues({}, getSchemaVal2(node[NODE_ATTRIBUTES.UUID])), {
+      [attr]: val
+    }));
+  };
+  const getNodePath = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.PATH);
+  const getNodeId = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.UUID);
+  const isRootNode = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.IS_ROOT);
+  const isNodeOpened = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.IS_OPENED);
+  const hasChildNode = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.HAS_CHILD);
+  const isNodeMatched = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.IS_MATCH);
+  const isNodeChecked = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.IS_CHECKED);
+  const getNodeParentId = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.PARENT_ID);
+  const getNodeParentIdById = (id) => getNodeAttr2({
+    [NODE_ATTRIBUTES.UUID]: id
+  }, NODE_ATTRIBUTES.PARENT_ID);
+  const isNodeLoading = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.IS_LOADING);
+  const setTreeNodeLoading = (node, value) => {
+    setNodeAttr(node, NODE_ATTRIBUTES.IS_LOADING, value);
+    if (!props.syncAction) {
+      updateTreeNode(getNodePath(node), props.data, props.children, NODE_ATTRIBUTES.IS_LOADING, value);
+    }
+  };
+  const deleteNodeSchema = (id) => flatData.schema.delete(id);
+  const isItemOpen = (item) => {
+    var _a;
+    if (typeof item === "object") {
+      return isNodeOpened(item);
+    }
+    if (typeof item === "string") {
+      return (_a = getSchemaVal2(item)) == null ? void 0 : _a[NODE_ATTRIBUTES.IS_OPENED];
+    }
+    return false;
+  };
+  const checkNodeIsOpen = (node) => isRootNode(node) || isItemOpen(node) || isItemOpen(getNodeAttr2(node, NODE_ATTRIBUTES.PARENT_ID));
+  const getSourceNodeByPath = (path) => {
+    const paths = path.split("-");
+    return paths.reduce((pre, nodeIndex) => {
+      const index = Number(nodeIndex);
+      return Array.isArray(pre) ? pre[index] : pre[props.children][index];
+    }, props.data);
+  };
+  const getSourceNodeByUID = (uid) => getSourceNodeByPath(getNodePath({
+    [NODE_ATTRIBUTES.UUID]: uid
+  }));
+  const getParentNodeData = (uid) => {
+    if (isRootNode({
+      [NODE_ATTRIBUTES.UUID]: uid
+    })) {
+      return {
+        [props.children]: props.data
+      };
+    }
+    return getSourceNodeByUID(getNodeParentIdById(uid));
+  };
+  const resolveScopedSlotParam = (item) => __spreadProps(__spreadValues({}, item), {
+    loading: getNodeAttr2(item, NODE_ATTRIBUTES.IS_LOADING),
+    hasChildNode: hasChildNode(item),
+    isMatched: isNodeMatched(item),
+    isChecked: isNodeChecked(item),
+    isOpened: isNodeOpened(item),
+    isRoot: isRootNode(item),
+    fullPath: getNodeAttr2(item, NODE_ATTRIBUTES.PATH),
+    uuid: getNodeId(item),
+    parentId: getNodeAttr2(item, NODE_ATTRIBUTES.PARENT_ID)
+  });
+  return {
+    getSchemaVal: getSchemaVal2,
+    getNodeAttr: getNodeAttr2,
+    getNodeId,
+    getNodeParentId,
+    getNodeParentIdById,
+    getParentNodeData,
+    setNodeAttr,
+    getNodePath,
+    isRootNode,
+    isNodeOpened,
+    hasChildNode,
+    isItemOpen,
+    isNodeChecked,
+    isNodeMatched,
+    isNodeLoading,
+    checkNodeIsOpen,
+    getSourceNodeByPath,
+    getSourceNodeByUID,
+    deleteNodeSchema,
+    resolveScopedSlotParam,
+    setTreeNodeLoading
+  };
+};
 var useNodeAsync = (props, flatData) => {
   const {
     setNodeAttr,
     getNodePath,
-    getNodeAttr: getNodeAttr2
-  } = useNodeAttribute(flatData);
+    getNodeAttr: getNodeAttr2,
+    isNodeOpened,
+    resolveScopedSlotParam,
+    setTreeNodeLoading
+  } = useNodeAttribute(flatData, props);
   const setNodeRemoteLoad = (resp, item) => {
     if (typeof resp === "object" && resp !== null) {
       setNodeAttr(item, NODE_ATTRIBUTES.IS_OPENED, true);
@@ -21324,34 +21379,39 @@ var useNodeAsync = (props, flatData) => {
     return Promise.reject(resp);
   };
   const asyncNodeClick = (item) => {
-    if (getNodeAttr2(item, NODE_ATTRIBUTES.IS_ASYNC)) {
-      const {
-        callback = null,
-        cache = true
-      } = props.async || {};
+    const {
+      callback = null,
+      cache = true
+    } = props.async || {};
+    if (typeof callback === "function" && getNodeAttr2(item, NODE_ATTRIBUTES.IS_ASYNC) !== false) {
+      const isAsyncInit = getNodeAttr2(item, NODE_ATTRIBUTES.IS_ASYNC_INIT);
       setNodeAttr(item, NODE_ATTRIBUTES.IS_ASYNC_INIT, true);
-      if (typeof callback === "function") {
-        if (!getNodeAttr2(item, NODE_ATTRIBUTES.IS_CACHED)) {
-          setNodeAttr(item, NODE_ATTRIBUTES.IS_CACHED, cache);
-          Object.assign(item, {
-            loading: true
-          });
-          return Promise.resolve(callback(item, (resp) => setNodeRemoteLoad(resp, item)).then((resp) => setNodeRemoteLoad(resp, item)).catch((err) => console.error("load remote data error:", err)).finally(() => {
-            assignTreeNode(getNodePath(item), props.data, props.children, __spreadValues({
-              loading: false
-            }, cache ? {
-              cached: true
-            } : {}));
-          }));
+      if (!getNodeAttr2(item, NODE_ATTRIBUTES.IS_CACHED)) {
+        setNodeAttr(item, NODE_ATTRIBUTES.IS_CACHED, cache);
+        if (isNodeOpened(item) && isAsyncInit) {
+          return Promise.resolve(true);
+        }
+        const dataAttr = resolveScopedSlotParam(item);
+        const callbackResult = callback(item, (resp) => setNodeRemoteLoad(resp, item), dataAttr);
+        if (typeof callbackResult === "object" && callbackResult !== null) {
+          setTreeNodeLoading(item, true);
+          if (callbackResult instanceof Promise) {
+            return Promise.resolve(callbackResult.then((resp) => setNodeRemoteLoad(resp, item)).catch((err) => console.error("load remote data error:", err)).finally(() => {
+              setTreeNodeLoading(item, false);
+              setNodeAttr(item, NODE_ATTRIBUTES.IS_CACHED, true);
+            }));
+          }
+          setNodeRemoteLoad(callbackResult, item);
+          setTreeNodeLoading(item, false);
+          return Promise.resolve(true);
         }
-        return Promise.resolve(true);
       }
-      return Promise.reject("async need to set prop: asyncLoad with function wich will return promise object");
+      return Promise.resolve(true);
     }
     return Promise.resolve(true);
   };
   const deepAutoOpen = () => {
-    const autoOpenNodes = flatData.data.filter((item) => item.async && item.isOpen && !getNodeAttr2(item, NODE_ATTRIBUTES.IS_ASYNC_INIT));
+    const autoOpenNodes = flatData.data.filter((item) => getNodeAttr2(item, NODE_ATTRIBUTES.IS_ASYNC) && item.isOpen && !getNodeAttr2(item, NODE_ATTRIBUTES.IS_ASYNC_INIT));
     if (autoOpenNodes.length) {
       Promise.all(autoOpenNodes.map((item) => asyncNodeClick(item))).then(() => {
         deepAutoOpen();
@@ -21365,7 +21425,7 @@ var useNodeAsync = (props, flatData) => {
     deepAutoOpen
   };
 };
-var useNodeAction = (props, ctx, flatData, renderData, schemaValues) => {
+var useNodeAction = (props, ctx, flatData, renderData, schemaValues, initOption) => {
   let selectedNodeId = null;
   const {
     setNodeAttr,
@@ -21377,9 +21437,12 @@ var useNodeAction = (props, ctx, flatData, renderData, schemaValues) => {
     hasChildNode,
     isItemOpen,
     isNodeOpened,
-    isNodeChecked,
-    isNodeMatched
-  } = useNodeAttribute(flatData);
+    isNodeLoading,
+    resolveScopedSlotParam
+  } = useNodeAttribute(flatData, props);
+  const {
+    registerNextLoop
+  } = initOption;
   const {
     asyncNodeClick,
     deepAutoOpen
@@ -21410,11 +21473,18 @@ var useNodeAction = (props, ctx, flatData, renderData, schemaValues) => {
     }
     return null;
   };
+  const getLoadingIcon = (item) => {
+    var _a, _b, _c;
+    return ((_c = (_b = (_a = ctx.slots).nodeLoading) == null ? void 0 : _b.call(_a, resolveScopedSlotParam(item))) != null ? _c : isNodeLoading(item)) ? createVNode(spinner, null, null) : "";
+  };
   const getActionIcon = (item) => {
     if (ctx.slots.nodeAction) {
       return ctx.slots.nodeAction(resolveScopedSlotParam(item));
     }
     let prefixFnVal = null;
+    if (isNodeLoading(item)) {
+      return getLoadingIcon(item);
+    }
     if (typeof props.prefixIcon === "function") {
       prefixFnVal = props.prefixIcon(resolveScopedSlotParam(item), "node_action");
       if (prefixFnVal !== "default") {
@@ -21422,7 +21492,7 @@ var useNodeAction = (props, ctx, flatData, renderData, schemaValues) => {
       }
     }
     if (prefixFnVal === "default" || typeof props.prefixIcon === "boolean" && props.prefixIcon) {
-      if (hasChildNode(item) || item.async) {
+      if (hasChildNode(item) || item.async || !props.autoCheckChildren) {
         return isItemOpen(item) ? createVNode(downShape, null, null) : createVNode(rightShape, null, null);
       }
     }
@@ -21446,10 +21516,6 @@ var useNodeAction = (props, ctx, flatData, renderData, schemaValues) => {
     }
     return null;
   };
-  const getLoadingIcon = (item) => {
-    var _a, _b, _c;
-    return ((_c = (_b = (_a = ctx.slots).nodeLoading) == null ? void 0 : _b.call(_a, resolveScopedSlotParam(item))) != null ? _c : item.loading) ? createVNode(spinner, null, null) : "";
-  };
   const setNodeOpened = (item, isOpen = null, e = null, fireEmit = true) => {
     const newVal = isOpen === null ? !isItemOpen(item) : !!isOpen;
     setNodeAttr(item, NODE_ATTRIBUTES.IS_OPENED, newVal);
@@ -21489,8 +21555,17 @@ var useNodeAction = (props, ctx, flatData, renderData, schemaValues) => {
     }
   };
   const hanldeTreeNodeClick = (item, e) => {
-    asyncNodeClick(item);
-    setNodeOpened(item, null, e);
+    const isOpen = isNodeOpened(item);
+    asyncNodeClick(item).finally(() => {
+      if (getNodeAttr2(item, NODE_ATTRIBUTES.IS_LOADING)) {
+        registerNextLoop("setNodeOpenedAfterLoading", {
+          type: "once",
+          fn: () => setNodeOpened(item, !isOpen, e)
+        });
+      } else {
+        setNodeOpened(item, !isOpen, e);
+      }
+    });
   };
   const handleNodeActionClick = (e, node) => {
     e.stopImmediatePropagation();
@@ -21566,13 +21641,6 @@ var useNodeAction = (props, ctx, flatData, renderData, schemaValues) => {
       "style": getNodeLineStyle(maxDeep - index)
     }, null));
   };
-  const resolveScopedSlotParam = (item) => __spreadProps(__spreadValues({}, item), {
-    hasChildNode: hasChildNode(item),
-    isMatched: isNodeMatched(item),
-    isChecked: isNodeChecked(item),
-    isOpened: isNodeOpened(item),
-    isRoot: isRootNode(item)
-  });
   const renderTreeNode = (item) => {
     var _a, _b, _c, _d, _e;
     return createVNode("div", {
@@ -21587,7 +21655,7 @@ var useNodeAction = (props, ctx, flatData, renderData, schemaValues) => {
       "onClick": (e) => handleNodeActionClick(e, item)
     }, [getActionIcon(item)]), createVNode("span", {
       "class": resolveClassName("node-content")
-    }, [[getNodePrefixIcon(item), getLoadingIcon(item)], createVNode("span", {
+    }, [[getNodePrefixIcon(item)], createVNode("span", {
       "class": resolveClassName("node-text")
     }, [(_c = (_b = (_a = ctx.slots).node) == null ? void 0 : _b.call(_a, resolveScopedSlotParam(item))) != null ? _c : [getLabel(item, props)]]), (_e = (_d = ctx.slots).nodeAppend) == null ? void 0 : _e.call(_d, resolveScopedSlotParam(item))]), getVirtualLines(item)])]);
   };
@@ -21934,36 +22002,44 @@ var useTreeInit = (props) => {
       }
       return uid || item[NODE_ATTRIBUTES.UUID] || uuid_1.v4();
     }
-    function getCachedTreeNodeAttr(uuid2, node, attr, cachedAttr, defVal = void 0) {
+    function getCachedTreeNodeAttr(uuid2, node, cachedAttr, defVal = void 0) {
+      const sourceAttr = NODE_SOURCE_ATTRS[cachedAttr];
+      if (Object.prototype.hasOwnProperty.call(node, sourceAttr)) {
+        return node[sourceAttr];
+      }
       const cached = (cachedSchema || []).find((item) => item[NODE_ATTRIBUTES.UUID] === uuid2);
       let result = void 0;
       if (cached) {
         result = cached[cachedAttr];
-      } else {
-        result = attr === null ? void 0 : node[attr];
       }
-      if (result === void 0) {
+      if (result === void 0 || result === null) {
         result = defVal;
       }
       return result;
     }
     function isCachedTreeNodeOpened(uuid2, node) {
-      return getCachedTreeNodeAttr(uuid2, node, "isOpen", NODE_ATTRIBUTES.IS_OPENED, false);
+      return getCachedTreeNodeAttr(uuid2, node, NODE_ATTRIBUTES.IS_OPENED, false);
     }
     function isCachedTreeNodeChecked(uuid2, node) {
-      return getCachedTreeNodeAttr(uuid2, node, "checked", NODE_ATTRIBUTES.IS_CHECKED, false);
+      return getCachedTreeNodeAttr(uuid2, node, NODE_ATTRIBUTES.IS_CHECKED, false);
     }
     function isCachedTreeNodeMatch(uuid2, node) {
-      return getCachedTreeNodeAttr(uuid2, node, "isMatch", NODE_ATTRIBUTES.IS_MATCH, true);
+      return getCachedTreeNodeAttr(uuid2, node, NODE_ATTRIBUTES.IS_MATCH, true);
     }
     function isCachedTreeNodeSelected(uuid2, node) {
-      return getCachedTreeNodeAttr(uuid2, node, null, NODE_ATTRIBUTES.IS_SELECTED, false);
+      return getCachedTreeNodeAttr(uuid2, node, NODE_ATTRIBUTES.IS_SELECTED, false);
     }
     function isCachedTreeNodeHasCached(uuid2, node) {
-      return getCachedTreeNodeAttr(uuid2, node, "cached", NODE_ATTRIBUTES.IS_CACHED, false);
+      return getCachedTreeNodeAttr(uuid2, node, NODE_ATTRIBUTES.IS_CACHED, false);
     }
     function isCachedTreeNodeAsync(uuid2, node) {
-      return getCachedTreeNodeAttr(uuid2, node, "async", NODE_ATTRIBUTES.IS_ASYNC, false);
+      return getCachedTreeNodeAttr(uuid2, node, NODE_ATTRIBUTES.IS_ASYNC, null);
+    }
+    function isCachedTreeNodeLoading(uuid2, node) {
+      if (Object.prototype.hasOwnProperty.call(node, NODE_ATTRIBUTES.IS_LOADING)) {
+        return node[NODE_ATTRIBUTES.IS_LOADING];
+      }
+      return getCachedTreeNodeAttr(uuid2, node, NODE_ATTRIBUTES.IS_LOADING, false);
     }
     function validateIsOpenLoopFn(target) {
       return !target[NODE_ATTRIBUTES.IS_OPENED];
@@ -21994,6 +22070,7 @@ var useTreeInit = (props) => {
               [NODE_ATTRIBUTES.IS_CHECKED]: isCachedTreeNodeChecked(uuid2, item),
               [NODE_ATTRIBUTES.IS_CACHED]: isCachedTreeNodeHasCached(uuid2, item),
               [NODE_ATTRIBUTES.IS_ASYNC]: isCachedTreeNodeAsync(uuid2, item),
+              [NODE_ATTRIBUTES.IS_LOADING]: isCachedTreeNodeLoading(uuid2, item),
               [children]: null
             };
             Object.assign(item, {
@@ -22018,7 +22095,9 @@ var useTreeInit = (props) => {
     return [outputData, schema];
   };
   const formatData = getFlatdata(props);
-  const loopEvents = [];
+  const nextLoopEvents = /* @__PURE__ */ new Map();
+  const afterSelectEvents = [];
+  const afterSelectWatch = [];
   const flatData = reactive({
     data: formatData[0],
     schema: formatData[1],
@@ -22029,6 +22108,61 @@ var useTreeInit = (props) => {
     asyncNodeClick,
     deepAutoOpen
   } = useNodeAsync(props, flatData);
+  const onSelected = (event) => {
+    afterSelectEvents.push(event);
+  };
+  const registerNextLoop = (key, event, reset2 = true) => {
+    if (reset2 && nextLoopEvents.has(key)) {
+      nextLoopEvents.delete(key);
+    }
+    nextLoopEvents.set(key, event);
+  };
+  const resolveEventOption = (event) => {
+    if (typeof event === "function") {
+      return {
+        type: "loop",
+        fn: event
+      };
+    }
+    if (typeof event === "object" && typeof event.type === "string" && typeof event.fn === "function") {
+      return event;
+    }
+    console.error("loop event error", event);
+    return null;
+  };
+  const executeFn = (event) => {
+    var _a2;
+    const resoveEvent = resolveEventOption(event);
+    if (resoveEvent !== null) {
+      Reflect.apply(resoveEvent.fn, globalThis, []);
+    }
+    return (_a2 = resoveEvent == null ? void 0 : resoveEvent.type) != null ? _a2 : "once";
+  };
+  const executeNextEvent = () => {
+    Array.from(nextLoopEvents.keys()).forEach((key) => {
+      const target = nextLoopEvents.get(key);
+      if (Array.isArray(target)) {
+        const clearList = [];
+        target.forEach((event, index) => {
+          const result = executeFn(event);
+          if (result === "once") {
+            clearList.unshift(index);
+          }
+        });
+        if (clearList.length) {
+          clearList.forEach((index) => target.splice(index, 1));
+        }
+        if (target.length === 0) {
+          nextLoopEvents.delete(key);
+        }
+      } else {
+        const result = executeFn(target);
+        if (result === "once") {
+          nextLoopEvents.delete(key);
+        }
+      }
+    });
+  };
   watch(() => [props.data], (newData) => {
     var _a2, _b;
     const formatData2 = getFlatdata(props, newData, schemaValues.value);
@@ -22037,16 +22171,24 @@ var useTreeInit = (props) => {
     if (((_a2 = props.async) == null ? void 0 : _a2.callback) && ((_b = props.async) == null ? void 0 : _b.deepAutoOpen) === "every") {
       deepAutoOpen();
     }
-    nextTick(() => {
-      loopEvents.forEach((event) => {
-        Reflect.apply(event, globalThis, []);
-      });
-    });
+    executeNextEvent();
   }, {
     deep: true
   });
+  if (props.selectable) {
+    watch(() => props.selected, (newData) => {
+      afterSelectWatch.length = 0;
+      afterSelectEvents.forEach((event) => {
+        Reflect.apply(event, globalThis, [newData]);
+        afterSelectWatch.push(() => Reflect.apply(event, globalThis, [newData]));
+      });
+      registerNextLoop("afterSelectWatch", afterSelectWatch);
+    }, {
+      immediate: true
+    });
+  }
   const afterDataUpdate = (callFn) => {
-    loopEvents.push(callFn);
+    registerNextLoop("afterDataUpdate", callFn);
   };
   if ((_a = props.async) == null ? void 0 : _a.callback) {
     deepAutoOpen();
@@ -22056,7 +22198,9 @@ var useTreeInit = (props) => {
     schemaValues,
     asyncNodeClick,
     deepAutoOpen,
-    afterDataUpdate
+    afterDataUpdate,
+    registerNextLoop,
+    onSelected
   };
 };
 var Component$2 = defineComponent({
@@ -22067,7 +22211,8 @@ var Component$2 = defineComponent({
     const {
       flatData,
       schemaValues,
-      afterDataUpdate
+      onSelected,
+      registerNextLoop
     } = useTreeInit(props);
     const {
       setNodeAttr,
@@ -22079,7 +22224,7 @@ var Component$2 = defineComponent({
       isNodeChecked,
       isNodeMatched,
       hasChildNode
-    } = useNodeAttribute(flatData);
+    } = useNodeAttribute(flatData, props);
     const {
       searchFn,
       isSearchActive,
@@ -22115,17 +22260,15 @@ var Component$2 = defineComponent({
       setNodeAction,
       setSelect,
       asyncNodeClick
-    } = useNodeAction(props, ctx, flatData, renderData, schemaValues);
+    } = useNodeAction(props, ctx, flatData, renderData, schemaValues, {
+      registerNextLoop
+    });
     const setChecked = (item, checked = true) => {
       setNodeAction(resolveNodeItem(item), NODE_ATTRIBUTES.IS_CHECKED, checked);
     };
-    if (props.selectable) {
-      watch(() => props.selected, (newData) => {
-        afterDataUpdate(() => setSelect(newData, true, true));
-      }, {
-        immediate: true
-      });
-    }
+    onSelected((newData) => {
+      setSelect(newData, true, true);
+    });
     const getData = () => flatData;
     ctx.expose({
       hanldeTreeNodeClick,