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

package/dist/index.esm.js

@@ -22018,7 +22018,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 +22031,25 @@ 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 executeNextEvent = () => {
+    Array.from(nextLoopEvents.keys()).forEach((key) => {
+      const target = nextLoopEvents.get(key);
+      if (Array.isArray(target)) {
+        target.forEach((event) => Reflect.apply(event, globalThis, []));
+      } else {
+        Reflect.apply(target, globalThis, []);
+      }
+    });
+  };
   watch(() => [props.data], (newData) => {
     var _a2, _b;
     const formatData2 = getFlatdata(props, newData, schemaValues.value);
@@ -22037,16 +22058,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 +22085,8 @@ var useTreeInit = (props) => {
     schemaValues,
     asyncNodeClick,
     deepAutoOpen,
-    afterDataUpdate
+    afterDataUpdate,
+    onSelected
   };
 };
 var Component$2 = defineComponent({
@@ -22067,7 +22097,7 @@ var Component$2 = defineComponent({
     const {
       flatData,
       schemaValues,
-      afterDataUpdate
+      onSelected
     } = useTreeInit(props);
     const {
       setNodeAttr,
@@ -22119,13 +22149,9 @@ var Component$2 = defineComponent({
     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,