bkui-vue 2.1.0-dev-beta.9 → 2.1.0-dev-beta.11

package/lib/tree/index.js

@@ -17505,6 +17505,7 @@ var EVENTS;
   EVENTS["NODE_CHECKED"] = "nodeChecked";
   EVENTS["NODE_CLICK"] = "nodeClick";
   EVENTS["NODE_COLLAPSE"] = "nodeCollapse";
+  EVENTS["NODE_DATA_CHANGE"] = "nodeDataChange";
   EVENTS["NODE_DRAG_LEAVE"] = "nodeDragLeave";
   EVENTS["NODE_DRAG_OVER"] = "nodeDragOver";
   EVENTS["NODE_DRAG_SORT"] = "nodeDragSort";
@@ -17517,7 +17518,7 @@ var EVENTS;
 var EMPTY = function EMPTY() {
   return true;
 };
-var TreeEmitEventsType = (_TreeEmitEventsType = {}, defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(_TreeEmitEventsType, EVENTS.NODE_ASYNC_LOAD, EMPTY), EVENTS.NODE_ASYNC_LOAD_ERROR, EMPTY), EVENTS.NODE_CLICK, EMPTY), EVENTS.NODE_COLLAPSE, EMPTY), EVENTS.NODE_EXPAND, EMPTY), EVENTS.NODE_CHECKED, EMPTY), EVENTS.NODE_DRAG_START, EMPTY), EVENTS.NODE_DRAG_OVER, EMPTY), EVENTS.NODE_DRAG_LEAVE, EMPTY), EVENTS.NODE_DRAG_SORT, EMPTY), defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(_TreeEmitEventsType, EVENTS.NODE_DROP, EMPTY), EVENTS.NODE_ENTER_VIEW, EMPTY), EVENTS.NODE_SELECTED, EMPTY));
+var TreeEmitEventsType = (_TreeEmitEventsType = {}, defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(_TreeEmitEventsType, EVENTS.NODE_ASYNC_LOAD, EMPTY), EVENTS.NODE_ASYNC_LOAD_ERROR, EMPTY), EVENTS.NODE_CLICK, EMPTY), EVENTS.NODE_COLLAPSE, EMPTY), EVENTS.NODE_EXPAND, EMPTY), EVENTS.NODE_CHECKED, EMPTY), EVENTS.NODE_DATA_CHANGE, EMPTY), EVENTS.NODE_DRAG_START, EMPTY), EVENTS.NODE_DRAG_OVER, EMPTY), EVENTS.NODE_DRAG_LEAVE, EMPTY), defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(_TreeEmitEventsType, EVENTS.NODE_DRAG_SORT, EMPTY), EVENTS.NODE_DROP, EMPTY), EVENTS.NODE_ENTER_VIEW, EMPTY), EVENTS.NODE_SELECTED, EMPTY));
 /**
  * 节点扩展属性
  */
@@ -17590,7 +17591,7 @@ var treeProps = {
   label: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.func.def(undefined), shared_namespaceObject.PropTypes.string.def('label')]),
   /**
    * 每个树节点用来作为唯一标识的属性，此标识应该是唯一的
-   * 启用拖拽、异步、受控选中/勾选等复杂能力时强烈建议显式设置
+   * 如果设置系统会默认自动生成唯一id
    */
   nodeKey: shared_namespaceObject.PropTypes.string.def(undefined),
   /**
@@ -17780,18 +17781,13 @@ var treeProps = {
    */
   keepSlotData: shared_namespaceObject.PropTypes.bool.def(false),
   /**
-   * 是否启用父子节点勾选联动
-   * true: 父子联动
-   * false: 父子不联动（语义与行业常见 checkStrictly 相反，为兼容历史行为暂保留）
+   * 在显示复选框的情况下，是否严格的遵循父子互相关联的做法
    */
   checkStrictly: shared_namespaceObject.PropTypes.bool.def(true),
   /**
-   * 是否深度监听 props.data 变化
-   * - false (默认): 仅监听 props.data 引用变化，性能更优
-   * - true: 深度监听 props.data 内部节点变化（已废弃，将在下个主版本移除）
-   * @deprecated 请使用 onDataChange 回调更新数据，避免直接修改 props.data 内部节点
+   * 是否开启父子勾选级联；未传时沿用 checkStrictly 历史语义
    */
-  deepWatch: shared_namespaceObject.PropTypes.bool.def(false),
+  cascade: shared_namespaceObject.PropTypes.bool.def(undefined),
   /**
    * 是否开启监听Tree节点进入Tree容器可视区域
    */
@@ -18041,16 +18037,10 @@ const icon_namespaceObject = icon_x({ ["DownShape"]: () => __WEBPACK_EXTERNAL_MO
   var getSchemaVal = function getSchemaVal(node) {
     return flatData.schema.get(node);
   };
-  /**
-   * 获取节点属性
-   * @param node 当前节点
-   * @param attr 节点属性
-   * @returns
-   */
-  var getNodeAttr = function getNodeAttr(node, attr) {
+  function getNodeAttr(node, attr) {
     var _getSchemaVal;
-    return (_getSchemaVal = getSchemaVal(node)) === null || _getSchemaVal === void 0 ? void 0 : _getSchemaVal[attr];
-  };
+    return node ? (_getSchemaVal = getSchemaVal(node)) === null || _getSchemaVal === void 0 ? void 0 : _getSchemaVal[attr] : undefined;
+  }
   /**
    * 设置节点属性
    * @param node 指定节点
@@ -18066,8 +18056,9 @@ const icon_namespaceObject = icon_x({ ["DownShape"]: () => __WEBPACK_EXTERNAL_MO
     flatData.schema.set(node, Object.assign({}, getSchemaVal(node), defineProperty_defineProperty({}, attr, val)));
   };
   var getNodeById = function getNodeById(id) {
-    return flatData.data.find(function (item) {
-      return getNodeId(item) === id;
+    var _flatData$nodeMap$get, _flatData$nodeMap;
+    return (_flatData$nodeMap$get = (_flatData$nodeMap = flatData.nodeMap) === null || _flatData$nodeMap === void 0 ? void 0 : _flatData$nodeMap.get("".concat(id))) !== null && _flatData$nodeMap$get !== void 0 ? _flatData$nodeMap$get : flatData.data.find(function (item) {
+      return "".concat(getNodeId(item)) === "".concat(id);
     });
   };
   var setNodeAttrById = function setNodeAttrById(id, attr, val) {
@@ -18086,33 +18077,31 @@ const icon_namespaceObject = icon_x({ ["DownShape"]: () => __WEBPACK_EXTERNAL_MO
     return getNodeAttr(node, NODE_ATTRIBUTES.UUID);
   };
   var isNodeOpened = function isNodeOpened(node) {
-    return getNodeAttr(node, NODE_ATTRIBUTES.IS_OPEN);
+    return !!getNodeAttr(node, NODE_ATTRIBUTES.IS_OPEN);
   };
   var hasChildNode = function hasChildNode(node) {
-    return getNodeAttr(node, NODE_ATTRIBUTES.HAS_CHILD);
+    return !!getNodeAttr(node, NODE_ATTRIBUTES.HAS_CHILD);
   };
   var isNodeMatched = function isNodeMatched(node) {
-    return getNodeAttr(node, NODE_ATTRIBUTES.IS_MATCH);
+    return !!getNodeAttr(node, NODE_ATTRIBUTES.IS_MATCH);
   };
   var isNodeChecked = function isNodeChecked(node) {
-    return getNodeAttr(node, NODE_ATTRIBUTES.IS_CHECKED);
+    return !!getNodeAttr(node, NODE_ATTRIBUTES.IS_CHECKED);
   };
   var getNodeParentId = function getNodeParentId(node) {
     return getNodeAttr(getNodeAttr(node, NODE_ATTRIBUTES.PARENT), NODE_ATTRIBUTES.UUID);
   };
   var isNodeLoading = function isNodeLoading(node) {
-    return getNodeAttr(node, NODE_ATTRIBUTES.IS_LOADING);
+    return !!getNodeAttr(node, NODE_ATTRIBUTES.IS_LOADING);
   };
   var getParentNode = function getParentNode(node) {
     return getNodeAttr(node, NODE_ATTRIBUTES.PARENT);
   };
   var isMatchedNode = function isMatchedNode(node) {
-    return getNodeAttr(node, NODE_ATTRIBUTES.IS_MATCH);
+    return !!getNodeAttr(node, NODE_ATTRIBUTES.IS_MATCH);
   };
   var getNodeAttrById = function getNodeAttrById(id, attr) {
-    var target = flatData.data.find(function (item) {
-      return getNodeId(item) === id;
-    });
+    var target = getNodeById(id);
     return getNodeAttr(target, attr);
   };
   /**
@@ -18133,20 +18122,16 @@ const icon_namespaceObject = icon_x({ ["DownShape"]: () => __WEBPACK_EXTERNAL_MO
   };
   var isRootNode = function isRootNode(node) {
     if (typeof node === 'string') {
-      return getNodeAttrById(node, NODE_ATTRIBUTES.IS_ROOT);
+      return !!getNodeAttrById(node, NODE_ATTRIBUTES.IS_ROOT);
     }
-    return getNodeAttr(node, NODE_ATTRIBUTES.IS_ROOT);
+    return !!getNodeAttr(node, NODE_ATTRIBUTES.IS_ROOT);
   };
   var getNodeParentIdById = function getNodeParentIdById(id) {
-    var target = flatData.data.find(function (item) {
-      return getNodeId(item) === id;
-    });
+    var target = getNodeById(id);
     return getNodeParentId(target);
   };
   var getNodePathById = function getNodePathById(id) {
-    var target = flatData.data.find(function (item) {
-      return getNodeId(item) === id;
-    });
+    var target = getNodeById(id);
     return getNodePath(target);
   };
   var setTreeNodeLoading = function setTreeNodeLoading(node, value) {
@@ -18199,18 +18184,13 @@ const icon_namespaceObject = icon_x({ ["DownShape"]: () => __WEBPACK_EXTERNAL_MO
     return target;
   };
   var getChildNodes = function getChildNodes(node) {
-    var children = [];
-    flatData.data.forEach(function (item) {
-      if (getParentNode(item) === node) {
-        children.push(item);
-      }
+    var _flatData$childMap$ge, _flatData$childMap;
+    return (_flatData$childMap$ge = (_flatData$childMap = flatData.childMap) === null || _flatData$childMap === void 0 ? void 0 : _flatData$childMap.get(node)) !== null && _flatData$childMap$ge !== void 0 ? _flatData$childMap$ge : flatData.data.filter(function (item) {
+      return getParentNode(item) === node;
     });
-    return children;
   };
   var getSourceNodeByUID = function getSourceNodeByUID(uid) {
-    return flatData.data.find(function (item) {
-      return getNodeId(item) === uid;
-    });
+    return getNodeById(uid);
   };
   var getParentNodeData = function getParentNodeData(node) {
     var target = node;
@@ -18245,7 +18225,6 @@ const icon_namespaceObject = icon_x({ ["DownShape"]: () => __WEBPACK_EXTERNAL_MO
    * @returns
    */
   var getIntersectionResponse = function getIntersectionResponse(target) {
-    var _parent$props$childre;
     if (!target) {
       return null;
     }
@@ -18256,7 +18235,8 @@ const icon_namespaceObject = icon_x({ ["DownShape"]: () => __WEBPACK_EXTERNAL_MO
     var level = getNodeAttr(node, NODE_ATTRIBUTES.DEPTH);
     var isRoot = getNodeAttr(node, NODE_ATTRIBUTES.IS_ROOT);
     var parent = getNodeAttr(node, NODE_ATTRIBUTES.PARENT);
-    var index = isRoot ? getNodeAttr(node, NODE_ATTRIBUTES.INDEX) : parent === null || parent === void 0 || (_parent$props$childre = parent[props.children]) === null || _parent$props$childre === void 0 ? void 0 : _parent$props$childre.findIndex(function (child) {
+    var children = parent === null || parent === void 0 ? void 0 : parent[props.children];
+    var index = isRoot ? getNodeAttr(node, NODE_ATTRIBUTES.INDEX) : children === null || children === void 0 ? void 0 : children.findIndex(function (child) {
       return child === node;
     });
     return {
@@ -18269,7 +18249,8 @@ const icon_namespaceObject = icon_x({ ["DownShape"]: () => __WEBPACK_EXTERNAL_MO
     };
   };
   var getRootNodeList = function getRootNodeList() {
-    return flatData.data.filter(function (item) {
+    var _flatData$rootNodes;
+    return (_flatData$rootNodes = flatData.rootNodes) !== null && _flatData$rootNodes !== void 0 ? _flatData$rootNodes : flatData.data.filter(function (item) {
       return isRootNode(item);
     });
   };
@@ -18374,23 +18355,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 
 var DEFAULT_LEVLE_LINE = '1px dashed #c3cdd7';
-var _cloneTreeNode = function cloneTreeNode(node) {
-  if (Array.isArray(node)) {
-    return node.map(function (item) {
-      return _cloneTreeNode(item);
-    });
-  }
-  if (node && _typeof(node) === 'object') {
-    return Object.keys(node).reduce(function (acc, key) {
-      var value = node[key];
-      acc[key] = Array.isArray(value) ? value.map(function (item) {
-        return _cloneTreeNode(item);
-      }) : value;
-      return acc;
-    }, {});
-  }
-  return node;
-};
 /**
  * 获取配置项可为Bool|String|Function类型，如果为Bool则配置默认值
  * @param props
@@ -18515,11 +18479,13 @@ var getNodeRowClass = function getNodeRowClass(item, schema) {
   // eslint-disable-next-line @typescript-eslint/naming-convention
   var _ref3 = schema.get(item) || {},
     __is_checked = _ref3.__is_checked,
+    __is_indeterminate = _ref3.__is_indeterminate,
     __is_selected = _ref3.__is_selected;
   var _usePrefix2 = (0,config_provider_namespaceObject.usePrefix)(),
     resolveClassName = _usePrefix2.resolveClassName;
   return defineProperty_defineProperty({
     'is-checked': __is_checked,
+    'is-indeterminate': __is_indeterminate,
     'is-selected': __is_selected,
     'node-folder': item.is_folder,
     'node-leaf': item.is_leaf
@@ -18536,6 +18502,21 @@ var getNodeRowClass = function getNodeRowClass(item, schema) {
 var updateTreeNode = function updateTreeNode(path, treeData, childKey, nodekey, nodeValue) {
   assignTreeNode(path, treeData, childKey, _defineProperty({}, nodekey, nodeValue));
 };
+var _cloneTreeNode = function cloneTreeNode(node) {
+  if (Array.isArray(node)) {
+    return node.map(function (item) {
+      return _cloneTreeNode(item);
+    });
+  }
+  if (node && _typeof(node) === 'object') {
+    return Object.keys(node).reduce(function (acc, key) {
+      var value = node[key];
+      acc[key] = Array.isArray(value) ? value.slice() : value;
+      return acc;
+    }, {});
+  }
+  return node;
+};
 var _cloneTreeData = function cloneTreeData() {
   var treeData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var childKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
@@ -18548,6 +18529,15 @@ var _cloneTreeData = function cloneTreeData() {
   });
 };
 
+var isSameNodeId = function isSameNodeId(left, right) {
+  if (left === right) {
+    return true;
+  }
+  if (left === undefined || left === null || right === undefined || right === null) {
+    return false;
+  }
+  return "".concat(left) === "".concat(right);
+};
 var _findNodeById = function findNodeById() {
   var treeData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var nodeId = arguments.length > 1 ? arguments[1] : undefined;
@@ -18558,7 +18548,7 @@ var _findNodeById = function findNodeById() {
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var node = _step.value;
-      if ((node === null || node === void 0 ? void 0 : node[nodeKey]) === nodeId) {
+      if (isSameNodeId(node === null || node === void 0 ? void 0 : node[nodeKey], nodeId)) {
         return node;
       }
       var children = node === null || node === void 0 ? void 0 : node[childKey];
@@ -18597,7 +18587,7 @@ var removeTreeNodeById = function removeTreeNodeById() {
   var _loop = function loop(list, parentNode) {
     for (var index = 0; index < list.length; index++) {
       var current = list[index];
-      if ((current === null || current === void 0 ? void 0 : current[nodeKey]) === nodeId) {
+      if (isSameNodeId(current === null || current === void 0 ? void 0 : current[nodeKey], nodeId)) {
         var _list$splice = list.splice(index, 1),
           _list$splice2 = _slicedToArray(_list$splice, 1),
           node = _list$splice2[0];
@@ -18661,7 +18651,7 @@ var insertTreeNodeById = function insertTreeNodeById() {
   var _loop2 = function loop(list, parentNode) {
     for (var index = 0; index < list.length; index++) {
       var current = list[index];
-      if ((current === null || current === void 0 ? void 0 : current[nodeKey]) === targetNodeId) {
+      if (isSameNodeId(current === null || current === void 0 ? void 0 : current[nodeKey], targetNodeId)) {
         var insertIndex = willInsertAfter ? index + 1 : index;
         list.splice(insertIndex, 0, node);
         return {
@@ -18702,7 +18692,7 @@ var moveTreeNodeById = function moveTreeNodeById() {
     return null;
   }
   var insertResult = insertTreeNodeById(nextTreeData, removeResult.node, targetNodeId, nodeKey, childKey, options);
-  if (!insertResult.targetNode && options.dropType !== 'child') {
+  if (!insertResult.targetNode) {
     return null;
   }
   return {
@@ -18735,7 +18725,9 @@ var assignTreeNode = function assignTreeNode(path, treeData, childKey, assignVal
 var resolveNodeItem = function resolveNodeItem(node) {
   if (node === undefined || node === null) {
     // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-    return defineProperty_defineProperty({}, NODE_ATTRIBUTES.IS_NULL, true);
+    return {
+      __IS_NULL: true
+    };
   }
   return node;
 };
@@ -18746,7 +18738,7 @@ var _resolvePropIsMatched = function resolvePropIsMatched(node, prop, id) {
     });
   }
   if (typeof prop === 'string' || typeof prop === 'number') {
-    return prop === id;
+    return isSameNodeId(prop, id);
   }
   return node === prop;
 };
@@ -18757,8 +18749,15 @@ var showCheckbox = function showCheckbox(props, node) {
   }
   return props.showCheckbox;
 };
+var isCascadeEnabled = function isCascadeEnabled(props) {
+  if (typeof props.cascade === 'boolean') {
+    return props.cascade;
+  }
+  return !!props.checkStrictly;
+};
 ;// CONCATENATED MODULE: ../../packages/tree/src/use-node-async.tsx
 
+
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -18766,55 +18765,52 @@ var showCheckbox = function showCheckbox(props, node) {
  * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
  */
 
 
 
 /* harmony default export */ const use_node_async = (function (props, flatData, ctx) {
+  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var _useNodeAttribute = use_node_attribute(flatData, props),
     setNodeAttr = _useNodeAttribute.setNodeAttr,
     getNodeId = _useNodeAttribute.getNodeId,
+    getNodePath = _useNodeAttribute.getNodePath,
     getNodeAttr = _useNodeAttribute.getNodeAttr,
     resolveScopedSlotParam = _useNodeAttribute.resolveScopedSlotParam,
     setTreeNodeLoading = _useNodeAttribute.setTreeNodeLoading;
   var requestVersionMap = new Map();
   var emitTreeDataChange = function emitTreeDataChange(payload) {
-    var _props$onDataChange;
-    (_props$onDataChange = props.onDataChange) === null || _props$onDataChange === void 0 || _props$onDataChange.call(props, payload);
+    var _options$onTreeDataCh;
+    (_options$onTreeDataCh = options.onTreeDataChange) === null || _options$onTreeDataCh === void 0 || _options$onTreeDataCh.call(options, payload);
     ctx === null || ctx === void 0 || ctx.emit(EVENTS.NODE_ASYNC_LOAD, payload);
   };
-  /**
-   * 处理异步加载节点数据返回结果
-   * @param resp 异步请求返回结果
-   * @param item 当前节点
-   */
   var setNodeRemoteLoad = function setNodeRemoteLoad(resp, item, requestVersion) {
     if (_typeof(resp) === 'object' && resp !== null) {
-      var nodeId = getNodeId(item);
+      var _options$getTreeData, _options$getTreeData2;
+      var nodeId = "".concat(getNodeId(item));
       if (requestVersion !== undefined && requestVersionMap.get(nodeId) !== requestVersion) {
         return Promise.resolve(resp);
       }
       setNodeAttr(item, NODE_ATTRIBUTES.IS_OPEN, true);
       var nodeValue = Array.isArray(resp) ? resp : [resp];
-      var nextTreeData = _cloneTreeData(props.data, props.children);
+      if (!options.onTreeDataChange) {
+        mutateTreeById(props.data, nodeId, props.nodeKey || NODE_ATTRIBUTES.UUID, props.children, function (targetNode) {
+          targetNode[props.children] = nodeValue;
+        });
+        if (!props.nodeKey && getNodePath(item)) {
+          // nodeKey 缺失时保留旧版按 path 写入的兜底行为。
+          var paths = "".concat(getNodePath(item)).split('-');
+          var targetNode = paths.reduce(function (pre, nodeIndex) {
+            var index = Number(nodeIndex);
+            return Array.isArray(pre) ? pre[index] : pre[props.children][index];
+          }, props.data);
+          Object.assign(targetNode, defineProperty_defineProperty({}, props.children, nodeValue));
+        }
+        return Promise.resolve(resp);
+      }
+      var nextTreeData = _cloneTreeData((_options$getTreeData = (_options$getTreeData2 = options.getTreeData) === null || _options$getTreeData2 === void 0 ? void 0 : _options$getTreeData2.call(options)) !== null && _options$getTreeData !== void 0 ? _options$getTreeData : props.data, props.children);
       mutateTreeById(nextTreeData, nodeId, props.nodeKey || NODE_ATTRIBUTES.UUID, props.children, function (targetNode) {
+        targetNode[NODE_SOURCE_ATTRS[NODE_ATTRIBUTES.IS_OPEN]] = true;
         targetNode[props.children] = nodeValue;
       });
       emitTreeDataChange({
@@ -18834,7 +18830,7 @@ var showCheckbox = function showCheckbox(props, node) {
       _ref$cache = _ref.cache,
       cache = _ref$cache === void 0 ? true : _ref$cache;
     if (typeof callback === 'function' && getNodeAttr(item, NODE_ATTRIBUTES.IS_ASYNC)) {
-      var nodeId = getNodeId(item);
+      var nodeId = "".concat(getNodeId(item));
       var requestVersion = (requestVersionMap.get(nodeId) || 0) + 1;
       requestVersionMap.set(nodeId, requestVersion);
       setNodeAttr(item, NODE_ATTRIBUTES.IS_ASYNC_INIT, true);
@@ -18849,11 +18845,11 @@ var showCheckbox = function showCheckbox(props, node) {
           if (callbackResult instanceof Promise) {
             return Promise.resolve(callbackResult.then(function (resp) {
               return setNodeRemoteLoad(resp, item, requestVersion);
-            })["catch"](function (err) {
+            })["catch"](function (error) {
               if (requestVersionMap.get(nodeId) === requestVersion) {
                 ctx === null || ctx === void 0 || ctx.emit(EVENTS.NODE_ASYNC_LOAD_ERROR, {
                   node: item,
-                  error: err,
+                  error: error,
                   requestVersion: requestVersion
                 });
               }
@@ -18875,7 +18871,6 @@ var showCheckbox = function showCheckbox(props, node) {
     return Promise.resolve(true);
   };
   var _deepAutoOpen = function deepAutoOpen() {
-    /** 过滤节点为异步加载 & 默认为展开 & 没有初始化过的节点 */
     var autoOpenNodes = flatData.data.filter(function (item) {
       return getNodeAttr(item, NODE_ATTRIBUTES.IS_ASYNC) && item[NODE_SOURCE_ATTRS[NODE_ATTRIBUTES.IS_OPEN]] && !getNodeAttr(item, NODE_ATTRIBUTES.IS_ASYNC_INIT);
     });
@@ -18934,10 +18929,6 @@ var use_node_action_this = undefined;
 
 /* harmony default export */ const use_node_action = (function (props, ctx, flatData, _renderData, initOption) {
   // const checkedNodes = [];
-  var getSelectedNodeId = function getSelectedNodeId() {
-    var _props$selected;
-    return (_props$selected = props.selected) !== null && _props$selected !== void 0 ? _props$selected : selectedNodeId;
-  };
   var selectedNodeId = props.selected;
   var _useNodeAttribute = use_node_attribute(flatData, props),
     setNodeAttr = _useNodeAttribute.setNodeAttr,
@@ -18960,7 +18951,7 @@ var use_node_action_this = undefined;
   var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
     resolveClassName = _usePrefix.resolveClassName;
   var registerNextLoop = initOption.registerNextLoop;
-  var _useNodeAsync = use_node_async(props, flatData, ctx),
+  var _useNodeAsync = use_node_async(props, flatData, ctx, initOption),
     asyncNodeClick = _useNodeAsync.asyncNodeClick,
     deepAutoOpen = _useNodeAsync.deepAutoOpen;
   /**
@@ -19062,17 +19053,18 @@ var use_node_action_this = undefined;
   };
   var _updateParentChecked = function updateParentChecked(item, isChecked) {
     var parent = getParentNode(item);
-    if (parent) {
-      var isNeedChecked = isChecked ? isChecked : (getChildNodes(parent) || []).some(function (node) {
-        return isNodeChecked(node);
-      });
-      setNodeAttr(parent, NODE_ATTRIBUTES.IS_CHECKED, isNeedChecked);
-      setNodeAttr(parent, NODE_ATTRIBUTES.IS_INDETERMINATE, (getChildNodes(parent) || []).some(function (node) {
-        return !isNodeChecked(node) || isIndeterminate(node);
-      }));
-      if (!isRootNode(parent)) {
-        _updateParentChecked(parent, isChecked);
-      }
+    if (!parent) {
+      return;
+    }
+    var isNeedChecked = isChecked ? isChecked : (getChildNodes(parent) || []).some(function (node) {
+      return isNodeChecked(node);
+    });
+    setNodeAttr(parent, NODE_ATTRIBUTES.IS_CHECKED, isNeedChecked);
+    setNodeAttr(parent, NODE_ATTRIBUTES.IS_INDETERMINATE, (getChildNodes(parent) || []).some(function (node) {
+      return !isNodeChecked(node) || isIndeterminate(node);
+    }));
+    if (!isRootNode(parent)) {
+      _updateParentChecked(parent, isChecked);
     }
   };
   var _deepUpdateChildNode = function deepUpdateChildNode(node, attr, value) {
@@ -19103,7 +19095,6 @@ var use_node_action_this = undefined;
     if (value) {
       setNodeAttr(item, NODE_ATTRIBUTES.IS_INDETERMINATE, false);
     }
-    // 历史语义：checkStrictly=true 表示启用父子联动
     if (props.checkStrictly) {
       _deepUpdateChildNode(item, [NODE_ATTRIBUTES.IS_CHECKED, NODE_ATTRIBUTES.IS_INDETERMINATE], [!!value, false]);
       _updateParentChecked(item, value);
@@ -19207,6 +19198,9 @@ var use_node_action_this = undefined;
       });
       if (!isRootNode(resolvedItem)) {
         var parent = getParentNode(resolvedItem);
+        if (!parent) {
+          return;
+        }
         attrNames.forEach(function (name, index) {
           var parentVal = getNodeAttr(parent, name);
           if (parentVal !== value) {
@@ -19282,8 +19276,9 @@ var use_node_action_this = undefined;
     var resolvedItem = resolveNodeItem(nodeList[0]);
     if (typeof resolvedItem === 'string' || typeof resolvedItem === 'number' || _typeof(resolvedItem) === 'symbol') {
       var _flatData$data$find;
+      var nodeId = resolvedItem;
       resolvedItem = (_flatData$data$find = flatData.data.find(function (item) {
-        return getNodeId(item) === resolvedItem;
+        return getNodeId(item) === nodeId;
       })) !== null && _flatData$data$find !== void 0 ? _flatData$data$find : defineProperty_defineProperty({}, NODE_ATTRIBUTES.IS_NULL, true);
     }
     if (resolvedItem[NODE_ATTRIBUTES.IS_NULL]) {
@@ -19293,23 +19288,19 @@ var use_node_action_this = undefined;
       console.warn('props.selectable is false or undefined, please set selectable with true');
       return;
     }
-    var currentSelectedNodeId = getSelectedNodeId();
-    if (currentSelectedNodeId !== null && currentSelectedNodeId !== undefined) {
-      setNodeAttrById(currentSelectedNodeId, NODE_ATTRIBUTES.IS_SELECTED, !selected);
+    if (selectedNodeId !== null && selectedNodeId !== undefined) {
+      setNodeAttrById(selectedNodeId, NODE_ATTRIBUTES.IS_SELECTED, !selected);
     }
-    if (props.selected && props.selected !== currentSelectedNodeId) {
+    if (props.selected && props.selected !== selectedNodeId) {
       setNodeAttrById(props.selected, NODE_ATTRIBUTES.IS_SELECTED, !selected);
     }
     setNodeAttr(resolvedItem, NODE_ATTRIBUTES.IS_SELECTED, selected);
-    if (props.selected === undefined) {
-      selectedNodeId = getNodeId(resolvedItem);
-    }
+    selectedNodeId = getNodeId(resolvedItem);
     if (triggerEvent) {
-      var payload = {
+      ctx.emit(EVENTS.NODE_SELECTED, {
         selected: selected,
         node: resolvedItem
-      };
-      ctx.emit(EVENTS.NODE_SELECTED, payload);
+      });
     }
     /**
      * 如果设置了自动展开
@@ -22881,40 +22872,20 @@ Sortable.mount(Remove, Revert);
  * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the
- * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to
- * permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
  */
 
 
 
 
 
-/* harmony default export */ const use_node_drag = (function (props, ctx, root, flatData, options) {
+
+/* harmony default export */ const use_node_drag = (function (props, ctx, root, flatData) {
+  var options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
   var _useNodeAttribute = use_node_attribute(flatData, props),
     getSourceNodeByUID = _useNodeAttribute.getSourceNodeByUID,
     getParentNode = _useNodeAttribute.getParentNode,
     extendNodeAttr = _useNodeAttribute.extendNodeAttr,
-    getNodeAttr = _useNodeAttribute.getNodeAttr,
-    getNodeId = _useNodeAttribute.getNodeId,
-    setNodeAttr = _useNodeAttribute.setNodeAttr;
-  var _ref = options || {},
-    moveTreeNodeById = _ref.moveTreeNodeById,
-    onTreeDataChange = _ref.onTreeDataChange;
+    getNodeId = _useNodeAttribute.getNodeId;
   var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
     resolveClassName = _usePrefix.resolveClassName;
   var isNeedCheckDraggable = (0,external_vue_namespaceObject.computed)(function () {
@@ -22926,20 +22897,12 @@ Sortable.mount(Remove, Revert);
   var dragThreshold = props.dragThreshold || 0.2;
   var sortableInstance = null;
   var dragNodeId = '';
-  /** 当前拖拽的放置类型，在 onMove 中实时计算，onEnd 中消费 */
   var currentDropType = 'move';
-  /** 当前拖拽目标节点 ID，在 onMove 中实时计算，onEnd 中消费 */
   var currentRelatedId = '';
-  /** sortablejs 的 willInsertAfter，在 onMove 中记录，onEnd 中消费 */
+  var currentRelatedEl = null;
   var currentWillInsertAfter = true;
-  var isDragging = (0,external_vue_namespaceObject.ref)(false);
-  /**
-   * 放置指示器 DOM 元素（动态创建的线条/高亮）
-   */
   var indicatorEl = null;
-  /**
-   * 创建放置指示器元素
-   */
+  var isDragging = (0,external_vue_namespaceObject.ref)(false);
   var createIndicator = function createIndicator() {
     if (indicatorEl) return indicatorEl;
     indicatorEl = document.createElement('div');
@@ -22947,25 +22910,20 @@ Sortable.mount(Remove, Revert);
     document.body.appendChild(indicatorEl);
     return indicatorEl;
   };
-  /**
-   * 移除放置指示器元素
-   */
   var removeIndicator = function removeIndicator() {
+    var _indicatorEl;
+    (_indicatorEl = indicatorEl) === null || _indicatorEl === void 0 || _indicatorEl.remove();
+    indicatorEl = null;
+  };
+  var hideIndicator = function hideIndicator() {
     if (indicatorEl) {
-      indicatorEl.remove();
-      indicatorEl = null;
+      indicatorEl.style.display = 'none';
     }
   };
-  /**
-   * 更新指示器位置和样式
-   * - sort/move: 显示水平线（两端圆点），指示插入位置
-   * - child: 显示在目标节点内部的高亮边框，指示嵌入为子节点
-   */
   var updateIndicator = function updateIndicator(targetEl, dropType, willInsertAfter) {
     var indicator = createIndicator();
     var rect = targetEl.getBoundingClientRect();
     if (dropType === 'child') {
-      // 作为子节点：显示在目标节点内部的高亮边框
       indicator.className = "".concat(resolveClassName('tree-drop-indicator'), " ").concat(resolveClassName('tree-drop-inner'));
       Object.assign(indicator.style, {
         display: '',
@@ -22977,236 +22935,101 @@ Sortable.mount(Remove, Revert);
         pointerEvents: 'none',
         zIndex: '9999'
       });
-    } else {
-      // 作为同级（sort/move）：显示水平线 + 两端圆点
-      var lineTop = willInsertAfter ? rect.bottom : rect.top;
-      indicator.className = "".concat(resolveClassName('tree-drop-indicator'), " ").concat(resolveClassName('tree-drop-line'));
-      Object.assign(indicator.style, {
-        display: '',
-        position: 'fixed',
-        left: "".concat(rect.left, "px"),
-        top: "".concat(lineTop - 1, "px"),
-        width: "".concat(rect.width, "px"),
-        height: '2px',
-        pointerEvents: 'none',
-        zIndex: '9999'
-      });
-    }
-  };
-  /**
-   * 隐藏指示器
-   */
-  var hideIndicator = function hideIndicator() {
-    if (indicatorEl) {
-      indicatorEl.style.display = 'none';
+      return;
     }
-  };
-  /**
-   * 保存所有节点的展开状态
-   */
-  var saveAllOpenStates = function saveAllOpenStates() {
-    var openStates = new Map();
-    flatData.data.forEach(function (node) {
-      var isOpen = getNodeAttr(node, NODE_ATTRIBUTES.IS_OPEN);
-      openStates.set(node, isOpen);
-    });
-    return openStates;
-  };
-  /**
-   * 恢复所有节点的展开状态
-   */
-  var restoreAllOpenStates = function restoreAllOpenStates(openStates) {
-    openStates.forEach(function (isOpen, node) {
-      if (flatData.schema.has(node)) {
-        setNodeAttr(node, NODE_ATTRIBUTES.IS_OPEN, isOpen);
-      }
+    var lineTop = willInsertAfter ? rect.bottom : rect.top;
+    indicator.className = "".concat(resolveClassName('tree-drop-indicator'), " ").concat(resolveClassName('tree-drop-line'));
+    Object.assign(indicator.style, {
+      display: '',
+      position: 'fixed',
+      left: "".concat(rect.left, "px"),
+      top: "".concat(lineTop - 1, "px"),
+      width: "".concat(rect.width, "px"),
+      height: '2px',
+      pointerEvents: 'none',
+      zIndex: '9999'
     });
   };
-  var emitTreeDataChange = function emitTreeDataChange(payload) {
-    if (!payload) {
-      return null;
-    }
-    onTreeDataChange === null || onTreeDataChange === void 0 || onTreeDataChange(payload);
-    return payload;
-  };
-  /**
-   * 更新节点的 HAS_CHILD 属性
-   */
-  var updateHasChildAttr = function updateHasChildAttr(node) {
-    if (!node) return;
-    var children = node[props.children];
-    var hasChildren = children && children.length > 0;
-    setNodeAttr(node, NODE_ATTRIBUTES.HAS_CHILD, hasChildren);
-  };
-  /**
-   * 根据 onMove 中的鼠标位置计算放置类型
-   *
-   * 两种模式：
-   * 1. dragSort 模式（仅排序，不支持改变层级）：
-   *    - 上方/下方区域 → sort（同级排序）
-   *    - 中间区域 → sort（同级排序，不支持 child）
-   *
-   * 2. draggable 模式（支持排序和改变层级）：
-   *    - 上方/下方区域 → move（作为同级节点）
-   *    - 中间区域 → child（作为子节点）
-   */
   var calcDropType = function calcDropType(clientY, targetEl) {
-    var rect = targetEl.getBoundingClientRect();
-    var offsetY = clientY - rect.top;
-    var threshold = rect.height * dragThreshold;
     if (props.dragSort) {
-      // dragSort 模式：仅支持同级排序，不支持改变层级
       return 'sort';
     }
-    // draggable 模式：支持排序和改变层级
-    if (offsetY < threshold) {
-      return 'move';
-    } else if (offsetY > rect.height - threshold) {
+    var rect = targetEl.getBoundingClientRect();
+    var offsetY = clientY - rect.top;
+    var threshold = rect.height * dragThreshold;
+    if (offsetY < threshold || offsetY > rect.height - threshold) {
       return 'move';
     }
     return 'child';
   };
-  /**
-   * 将源数据树结构重新展开为 flatData（DFS 顺序）
-   * 同时重新计算所有节点属性（深度、路径、索引等）
-   * 与 v1 版本保持一致：从 props.data 出发进行遍历，不依赖旧 schema 状态
-   */
-  var rebuildFlatDataWithAttributes = function rebuildFlatDataWithAttributes() {
-    var newFlatData = [];
-    var orderIndex = 0;
-    var _traverse = function traverse(nodes, level, parentPath, parent) {
-      for (var i = 0; i < nodes.length; i++) {
-        var node = nodes[i];
-        var path = parentPath !== '' ? "".concat(parentPath, "-").concat(i) : "".concat(i);
-        // 重新构建 flatData
-        newFlatData.push(node);
-        // 重新计算所有节点属性
-        setNodeAttr(node, NODE_ATTRIBUTES.INDEX, orderIndex);
-        setNodeAttr(node, NODE_ATTRIBUTES.ORDER, orderIndex);
-        setNodeAttr(node, NODE_ATTRIBUTES.DEPTH, level);
-        setNodeAttr(node, NODE_ATTRIBUTES.PATH, path);
-        setNodeAttr(node, NODE_ATTRIBUTES.IS_ROOT, level === 0);
-        setNodeAttr(node, NODE_ATTRIBUTES.PARENT, parent);
-        setNodeAttr(node, NODE_ATTRIBUTES.HAS_CHILD, !!(node[props.children] || []).length);
-        orderIndex += 1;
-        var children = node[props.children] || [];
-        if (children.length > 0) {
-          _traverse(children, level + 1, path, node);
-        }
-      }
-    };
-    _traverse(props.data, 0, '', null);
-    flatData.data = newFlatData;
-  };
-  /**
-   * 拖拽排序：同级节点间排序（dragSort 模式）
-   * 直接操作 children 数组：移除源节点 -> 插入到目标节点前/后
-   */
-  var dragSortData = function dragSortData(sourceNodeData, targetNodeData, willInsertAfter, savedOpenStates) {
-    var sourceParent = getParentNode(sourceNodeData);
-    var targetParent = getParentNode(targetNodeData);
-    if (props.dragSortMode === 'next' && sourceParent !== targetParent) return null;
-    var payload = emitTreeDataChange(moveTreeNodeById === null || moveTreeNodeById === void 0 ? void 0 : moveTreeNodeById(props.data, getNodeId(sourceNodeData), getNodeId(targetNodeData), props.nodeKey || NODE_ATTRIBUTES.UUID, props.children, {
-      dropType: 'sort',
-      willInsertAfter: willInsertAfter
-    }));
-    if (!payload) {
-      return null;
-    }
-    rebuildFlatDataWithAttributes();
-    updateHasChildAttr(sourceParent);
-    restoreAllOpenStates(savedOpenStates);
-    var dragSortPayload = {
-      sourceNode: sourceNodeData,
-      targetNode: targetNodeData,
-      sourceIndex: payload.sourceIndex,
-      targetIndex: payload.targetIndex,
-      data: payload.data,
-      parentNode: payload.parentNode,
-      oldParentNode: payload.oldParentNode,
-      dropType: payload.dropType
-    };
-    ctx.emit(EVENTS.NODE_DRAG_SORT, dragSortPayload);
-    return payload;
-  };
-  /**
-   * 将源节点作为目标节点的子节点
-   * 直接操作 children 数组：移除源节点 -> push 到目标节点 children
-   */
-  var dragAsChildNode = function dragAsChildNode(sourceNodeData, targetNodeData, savedOpenStates) {
-    var sourceParent = getParentNode(sourceNodeData);
-    var payload = emitTreeDataChange(moveTreeNodeById === null || moveTreeNodeById === void 0 ? void 0 : moveTreeNodeById(props.data, getNodeId(sourceNodeData), getNodeId(targetNodeData), props.nodeKey || NODE_ATTRIBUTES.UUID, props.children, {
-      dropType: 'child'
-    }));
-    if (!payload) {
-      return null;
-    }
-    rebuildFlatDataWithAttributes();
-    updateHasChildAttr(sourceParent);
-    setNodeAttr(targetNodeData, NODE_ATTRIBUTES.HAS_CHILD, true);
-    restoreAllOpenStates(savedOpenStates);
-    return payload;
-  };
-  /**
-   * 将源节点作为目标节点的同级节点插入（可跨级）
-   * 直接操作 children 数组：移除源节点 -> 在目标节点前/后插入
-   */
-  var dragAsSiblingNode = function dragAsSiblingNode(sourceNodeData, targetNodeData, willInsertAfter, savedOpenStates) {
-    var sourceParent = getParentNode(sourceNodeData);
-    var targetParent = getParentNode(targetNodeData);
-    var payload = emitTreeDataChange(moveTreeNodeById === null || moveTreeNodeById === void 0 ? void 0 : moveTreeNodeById(props.data, getNodeId(sourceNodeData), getNodeId(targetNodeData), props.nodeKey || NODE_ATTRIBUTES.UUID, props.children, {
-      dropType: 'move',
-      willInsertAfter: willInsertAfter
-    }));
-    if (!payload) {
-      return null;
-    }
-    rebuildFlatDataWithAttributes();
-    updateHasChildAttr(sourceParent);
-    updateHasChildAttr(targetParent);
-    restoreAllOpenStates(savedOpenStates);
-    return payload;
-  };
-  /**
-   * 检查是否禁止拖拽
-   */
   var isDragDisabled = function isDragDisabled(nodeId) {
     var _props$disableDrag;
     var nodeData = getSourceNodeByUID(nodeId);
     if (!nodeData) return true;
     if (isNeedCheckDraggable.value && (_props$disableDrag = props.disableDrag) !== null && _props$disableDrag !== void 0 && _props$disableDrag.call(props, nodeData)) return true;
-    if (nodeData.draggable === false) return true;
+    return nodeData.draggable === false;
+  };
+  var isDescendantTarget = function isDescendantTarget(draggedData, relatedData) {
+    var parent = getParentNode(relatedData);
+    while (parent) {
+      if (parent === draggedData) return true;
+      parent = getParentNode(parent);
+    }
     return false;
   };
-  /**
-   * 检查是否禁止放置
-   */
   var isDropDisabled = function isDropDisabled(draggedId, relatedId, dropType) {
     var _props$disableDrop;
     var draggedData = getSourceNodeByUID(draggedId);
     var relatedData = extendNodeAttr(getSourceNodeByUID(relatedId));
-    if (isNeedCheckDroppable.value && (_props$disableDrop = props.disableDrop) !== null && _props$disableDrop !== void 0 && _props$disableDrop.call(props, draggedData, dropType, relatedData)) return true;
-    return false;
+    if (!draggedData || !relatedData) return true;
+    return !!(isNeedCheckDroppable.value && (_props$disableDrop = props.disableDrop) !== null && _props$disableDrop !== void 0 && _props$disableDrop.call(props, draggedData, dropType, relatedData));
   };
-  /**
-   * 恢复 sortablejs 的 DOM 操作
-   * 因为我们由数据驱动 Vue 更新，需要先恢复 sortablejs 已做的 DOM 移动
-   */
   var restoreSortableDOM = function restoreSortableDOM(evt) {
     var item = evt.item,
       from = evt.from,
+      to = evt.to,
       oldIndex = evt.oldIndex,
       newIndex = evt.newIndex;
-    if (oldIndex === undefined || newIndex === undefined || !from || oldIndex === newIndex) return;
-    if (newIndex < oldIndex) {
+    if (oldIndex === undefined || !from) return;
+    var sameContainer = from === to;
+    if (sameContainer && oldIndex === newIndex) return;
+    if (!sameContainer && to && item.parentNode === to) {
+      to.removeChild(item);
+    }
+    if (sameContainer && newIndex !== undefined && newIndex < oldIndex) {
       from.insertBefore(item, from.children[oldIndex + 1] || null);
     } else {
       from.insertBefore(item, from.children[oldIndex] || null);
     }
   };
-  /**
-   * 初始化 Sortable 实例
-   */
+  var emitTreeDataChange = function emitTreeDataChange(payload) {
+    var _options$onTreeDataCh;
+    if (!payload) return null;
+    (_options$onTreeDataCh = options.onTreeDataChange) === null || _options$onTreeDataCh === void 0 || _options$onTreeDataCh.call(options, payload);
+    return payload;
+  };
+  var moveNode = function moveNode(sourceNodeData, targetNodeData, dropType) {
+    var _options$getTreeData, _options$getTreeData2;
+    var willInsertAfter = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+    return emitTreeDataChange(moveTreeNodeById((_options$getTreeData = (_options$getTreeData2 = options.getTreeData) === null || _options$getTreeData2 === void 0 ? void 0 : _options$getTreeData2.call(options)) !== null && _options$getTreeData !== void 0 ? _options$getTreeData : props.data, "".concat(getNodeId(sourceNodeData)), "".concat(getNodeId(targetNodeData)), props.nodeKey || NODE_ATTRIBUTES.UUID, props.children, {
+      dropType: dropType,
+      willInsertAfter: willInsertAfter
+    }));
+  };
+  var cleanup = function cleanup() {
+    dragNodeId = '';
+    currentDropType = 'move';
+    currentRelatedId = '';
+    currentRelatedEl = null;
+    currentWillInsertAfter = true;
+    isDragging.value = false;
+    removeIndicator();
+  };
+  var destroySortable = function destroySortable() {
+    var _sortableInstance;
+    (_sortableInstance = sortableInstance) === null || _sortableInstance === void 0 || _sortableInstance.destroy();
+    sortableInstance = null;
+  };
   var initSortable = function initSortable() {
     if (!root.value) return;
     var container = root.value.$el;
@@ -23221,55 +23044,78 @@ Sortable.mount(Remove, Revert);
       filter: ".".concat(resolveClassName('tree-drag-disabled')),
       onStart: function onStart(evt) {
         var nodeId = evt.item.getAttribute('data-tree-node');
-        if (!nodeId || isDragDisabled(nodeId)) return;
+        if (!nodeId || isDragDisabled(nodeId)) {
+          return;
+        }
         dragNodeId = nodeId;
-        isDragging.value = true;
         currentDropType = props.dragSort ? 'sort' : 'move';
         currentRelatedId = '';
+        currentRelatedEl = null;
         currentWillInsertAfter = true;
-        ctx.emit(EVENTS.NODE_DRAG_START, evt, evt.item);
+        isDragging.value = true;
+        ctx.emit(EVENTS.NODE_DRAG_START, extendNodeAttr(getSourceNodeByUID(nodeId)), evt);
+      },
+      onMove: function onMove(evt, originalEvent) {
+        var _evt$willInsertAfter;
+        var relatedEl = evt.related;
+        var draggedEl = evt.dragged;
+        var relatedId = relatedEl === null || relatedEl === void 0 ? void 0 : relatedEl.getAttribute('data-tree-node');
+        var draggedId = draggedEl === null || draggedEl === void 0 ? void 0 : draggedEl.getAttribute('data-tree-node');
+        if (!relatedId || !draggedId) return -1;
+        var draggedData = getSourceNodeByUID(draggedId);
+        var relatedData = getSourceNodeByUID(relatedId);
+        if (!draggedData || !relatedData || draggedId === relatedId || isDescendantTarget(draggedData, relatedData)) {
+          return -1;
+        }
+        var dropType = calcDropType(originalEvent.clientY, relatedEl);
+        if (dropType === 'sort' && props.dragSortMode === 'next' && getParentNode(draggedData) !== getParentNode(relatedData)) {
+          return -1;
+        }
+        if (isDropDisabled(draggedId, relatedId, dropType)) return -1;
+        currentDropType = dropType;
+        currentRelatedId = relatedId;
+        currentRelatedEl = relatedEl;
+        currentWillInsertAfter = (_evt$willInsertAfter = evt.willInsertAfter) !== null && _evt$willInsertAfter !== void 0 ? _evt$willInsertAfter : true;
+        updateIndicator(relatedEl, dropType, currentWillInsertAfter);
+        ctx.emit(EVENTS.NODE_DRAG_OVER, extendNodeAttr(relatedData), originalEvent, relatedEl);
+        return true;
       },
       onEnd: function onEnd(evt) {
-        // 恢复 sortablejs 的 DOM 移动，由数据驱动 Vue 更新
         restoreSortableDOM(evt);
-        // 隐藏指示器
         hideIndicator();
-        // 使用 onMove 中实时计算的放置信息
-        var targetNodeId = currentRelatedId;
-        if (!targetNodeId || !dragNodeId || dragNodeId === targetNodeId) {
-          cleanup();
-          return;
-        }
         var sourceNodeData = getSourceNodeByUID(dragNodeId);
-        var targetNodeData = getSourceNodeByUID(targetNodeId);
-        var targetEl = evt.related;
-        if (!sourceNodeData || !targetNodeData || !targetEl) {
+        var targetNodeData = getSourceNodeByUID(currentRelatedId);
+        var targetEl = currentRelatedEl;
+        if (!sourceNodeData || !targetNodeData || !targetEl || dragNodeId === currentRelatedId) {
           cleanup();
           return;
         }
-        if (isDropDisabled(dragNodeId, targetNodeId, currentDropType)) {
+        if (isDropDisabled(dragNodeId, currentRelatedId, currentDropType)) {
           cleanup();
           return;
         }
-        // 保存展开状态
-        var savedOpenStates = saveAllOpenStates();
-        var payload = null;
-        if (currentDropType === 'child') {
-          payload = dragAsChildNode(sourceNodeData, targetNodeData, savedOpenStates);
-        } else if (currentDropType === 'sort') {
-          payload = dragSortData(sourceNodeData, targetNodeData, currentWillInsertAfter, savedOpenStates);
-        } else {
-          payload = dragAsSiblingNode(sourceNodeData, targetNodeData, currentWillInsertAfter, savedOpenStates);
-        }
+        var payload = moveNode(sourceNodeData, targetNodeData, currentDropType, currentWillInsertAfter);
         if (!payload) {
           cleanup();
           return;
         }
-        var targetData = extendNodeAttr(targetNodeData);
+        if (currentDropType === 'sort') {
+          var dragSortPayload = {
+            sourceNode: sourceNodeData,
+            targetNode: targetNodeData,
+            sourceIndex: payload.sourceIndex,
+            targetIndex: payload.targetIndex,
+            data: payload.data,
+            parentNode: payload.parentNode,
+            oldParentNode: payload.oldParentNode,
+            dropType: payload.dropType
+          };
+          ctx.emit(EVENTS.NODE_DRAG_SORT, dragSortPayload);
+        }
         var dropPayload = {
           event: evt,
           element: targetEl,
-          targetNode: targetData,
+          targetNode: extendNodeAttr(targetNodeData),
           sourceNode: sourceNodeData,
           data: payload.data,
           parentNode: payload.parentNode,
@@ -23281,75 +23127,38 @@ Sortable.mount(Remove, Revert);
         ctx.emit(EVENTS.NODE_DROP, dropPayload);
         cleanup();
       },
-      onMove: function onMove(evt, originalEvent) {
-        var _evt$willInsertAfter;
-        var relatedEl = evt.related;
-        var draggedEl = evt.dragged;
-        var relatedId = relatedEl.getAttribute('data-tree-node');
-        var draggedId = draggedEl.getAttribute('data-tree-node');
-        if (!relatedId || !draggedId) return -1;
-        // 不能拖到自己的子节点中
-        var draggedData = getSourceNodeByUID(draggedId);
-        if (draggedData) {
-          var relatedData = getSourceNodeByUID(relatedId);
-          var parent = getParentNode(relatedData);
-          while (parent) {
-            if (parent === draggedData) return -1;
-            parent = getParentNode(parent);
-          }
-        }
-        // 使用 originalEvent 坐标实时计算放置类型
-        var clientY = originalEvent.clientY;
-        var dropType = calcDropType(clientY, relatedEl);
-        // dragSort 模式下：如果源节点和目标节点不同父且 dragSortMode === 'next'，禁止放置
-        if (dropType === 'sort' && props.dragSortMode === 'next') {
-          var sourceParent = getParentNode(getSourceNodeByUID(draggedId));
-          var targetParent = getParentNode(getSourceNodeByUID(relatedId));
-          if (sourceParent !== targetParent) return -1;
+      onUnchoose: function onUnchoose(evt) {
+        var _evt$item;
+        var nodeId = ((_evt$item = evt.item) === null || _evt$item === void 0 ? void 0 : _evt$item.getAttribute('data-tree-node')) || dragNodeId;
+        var nodeData = nodeId ? getSourceNodeByUID(nodeId) : null;
+        if (nodeData) {
+          ctx.emit(EVENTS.NODE_DRAG_LEAVE, extendNodeAttr(nodeData), evt);
         }
-        // 检查是否禁止放置
-        if (isDropDisabled(draggedId, relatedId, dropType)) return -1;
-        // 记录当前放置信息，供 onEnd 消费
-        // evt.willInsertAfter 是 sortablejs 提供的原生属性，
-        // 表示拖拽元素将被插入到目标元素之后（true）还是之前（false）
-        currentDropType = dropType;
-        currentRelatedId = relatedId;
-        currentWillInsertAfter = (_evt$willInsertAfter = evt.willInsertAfter) !== null && _evt$willInsertAfter !== void 0 ? _evt$willInsertAfter : true;
-        // 使用 overlay 指示器显示放置位置
-        updateIndicator(relatedEl, dropType, currentWillInsertAfter);
-        ctx.emit(EVENTS.NODE_DRAG_OVER, originalEvent, relatedEl, extendNodeAttr(getSourceNodeByUID(relatedId)));
-        return true;
       }
     });
   };
-  /**
-   * 销毁 Sortable 实例
-   */
-  var destroySortable = function destroySortable() {
-    if (sortableInstance) {
-      sortableInstance.destroy();
-      sortableInstance = null;
+  var syncSortable = function syncSortable() {
+    if (props.draggable || props.dragSort) {
+      initSortable();
+    } else {
+      destroySortable();
+      removeIndicator();
     }
   };
-  /**
-   * 清理拖拽状态
-   * 拖拽结束后移除节点的选中状态，避免拖拽完毕节点保持选中
-   */
-  var cleanup = function cleanup() {
-    dragNodeId = '';
-    currentDropType = 'move';
-    currentRelatedId = '';
-    currentWillInsertAfter = true;
-    isDragging.value = false;
-    removeIndicator();
-  };
   (0,external_vue_namespaceObject.onMounted)(function () {
-    if ((props.draggable || props.dragSort) && root.value) {
+    if (props.draggable || props.dragSort) {
       (0,external_vue_namespaceObject.nextTick)(function () {
-        initSortable();
+        return initSortable();
       });
     }
   });
+  (0,external_vue_namespaceObject.watch)(function () {
+    return [props.draggable, props.dragSort];
+  }, function () {
+    return (0,external_vue_namespaceObject.nextTick)(function () {
+      return syncSortable();
+    });
+  });
   (0,external_vue_namespaceObject.onUnmounted)(function () {
     destroySortable();
     removeIndicator();
@@ -23579,16 +23388,8 @@ var use_tree_init_this = undefined;
 
 
 
-var warnRequiredNodeKey = function warnRequiredNodeKey(props) {
-  var _props$async, _props$checked;
-  var needsStableNodeKey = !!props.draggable || !!props.dragSort || !!((_props$async = props.async) !== null && _props$async !== void 0 && _props$async.callback) || props.selected !== undefined || !!((_props$checked = props.checked) !== null && _props$checked !== void 0 && _props$checked.length);
-  if (needsStableNodeKey && !props.nodeKey) {
-    console.warn('[Tree] `nodeKey` is recommended when using drag, async, selected, or checked state.');
-  }
-};
 /* harmony default export */ const use_tree_init = (function (props) {
-  var _props$async4;
-  warnRequiredNodeKey(props);
+  var _props$async3;
   /**
    * 扁平化当前数据
    * @param treeData 树形结构数据
@@ -23603,11 +23404,10 @@ var warnRequiredNodeKey = function warnRequiredNodeKey(props) {
     var checkedList = [];
     var outputData = [];
     var order = 0;
-    // TODO P2: 考虑将 WeakMap<TreeNode, meta> 切换为 Map<nodeKey, meta>
-    // 优势：序列化友好、跨实例共享、避免对象引用泄漏
-    // 劣势：需要手动管理内存、依赖 nodeKey 唯一性
-    // 当前保留 WeakMap 以保证兼容性和自动 GC
     var treeSchema = new WeakMap();
+    var nodeMap = new Map();
+    var childMap = new WeakMap();
+    var rootNodes = [];
     /**
      * 递归更新节点属性
      * @param node 当前节点
@@ -23750,6 +23550,12 @@ var warnRequiredNodeKey = function warnRequiredNodeKey(props) {
             var currentPath = path !== null ? "".concat(path, "-").concat(i) : "".concat(i);
             var uuid = "".concat(getUid(item));
             var hasChildren = !!(item[children] || []).length;
+            if (!props.nodeKey) {
+              item[NODE_ATTRIBUTES.UUID] = uuid;
+            }
+            if (nodeMap.has(uuid)) {
+              console.warn("[bk-tree] duplicate node key \"".concat(uuid, "\" found, please check nodeKey."));
+            }
             /**
              * 当前节点设置是否为展开状态
              */
@@ -23774,6 +23580,14 @@ var warnRequiredNodeKey = function warnRequiredNodeKey(props) {
               checkedList.push(item);
             }
             treeSchema.set(item, attributes);
+            nodeMap.set(uuid, item);
+            if (parent === null) {
+              rootNodes.push(item);
+            } else {
+              var siblings = childMap.get(parent) || [];
+              siblings.push(item);
+              childMap.set(parent, siblings);
+            }
             outputData.push(item);
             order += 1;
             if (Object.prototype.hasOwnProperty.call(item, children)) {
@@ -23784,13 +23598,12 @@ var warnRequiredNodeKey = function warnRequiredNodeKey(props) {
       }
     }
     flatten(treeData !== null && treeData !== void 0 ? treeData : data);
-    // 历史语义：checkStrictly=true 表示启用父子联动
     if (props.showCheckbox !== false && props.checkStrictly) {
       checkedList === null || checkedList === void 0 || checkedList.forEach(function (value) {
         loopUpdateNodeAttr(value, NODE_ATTRIBUTES.IS_CHECKED, true, loopUpdateCheckedEvent);
       });
     }
-    return [outputData, treeSchema];
+    return [outputData, treeSchema, nodeMap, childMap, rootNodes];
   };
   var formatData = getFlatdata();
   var nextLoopEvents = new Map();
@@ -23803,6 +23616,9 @@ var warnRequiredNodeKey = function warnRequiredNodeKey(props) {
   var flatData = (0,external_vue_namespaceObject.reactive)({
     data: formatData[0],
     schema: formatData[1],
+    nodeMap: formatData[2],
+    childMap: formatData[3],
+    rootNodes: formatData[4],
     levelLineSchema: {}
   });
   var _useNodeAsync = use_node_async(props, flatData),
@@ -23872,17 +23688,22 @@ var warnRequiredNodeKey = function warnRequiredNodeKey(props) {
   };
   /**
    * 监听组件配置Data改变
-   * 注意：外部应通过 onDataChange 回调更新数据，而非直接修改 props.data 内部节点
-   * 默认不使用 deep: true 以避免不必要的深度遍历开销
    */
-  (0,external_vue_namespaceObject.watch)(function () {
-    return props.data;
-  }, function (newData) {
-    var _props$async2, _props$async3;
-    var formatData = getFlatdata(newData, flatData.schema);
+  var rebuildData = function rebuildData(treeData) {
+    var cachedSchema = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : flatData.schema;
+    var formatData = getFlatdata(treeData, cachedSchema);
     flatData.data = formatData[0];
     flatData.schema = formatData[1];
-    if ((_props$async2 = props.async) !== null && _props$async2 !== void 0 && _props$async2.callback && ((_props$async3 = props.async) === null || _props$async3 === void 0 ? void 0 : _props$async3.deepAutoOpen) === 'every') {
+    flatData.nodeMap = formatData[2];
+    flatData.childMap = formatData[3];
+    flatData.rootNodes = formatData[4];
+  };
+  (0,external_vue_namespaceObject.watch)(function () {
+    return [props.data];
+  }, function (newData) {
+    var _props$async, _props$async2;
+    rebuildData(newData[0], flatData.schema);
+    if ((_props$async = props.async) !== null && _props$async !== void 0 && _props$async.callback && ((_props$async2 = props.async) === null || _props$async2 === void 0 ? void 0 : _props$async2.deepAutoOpen) === 'every') {
       deepAutoOpen();
     }
     /**
@@ -23891,12 +23712,8 @@ var warnRequiredNodeKey = function warnRequiredNodeKey(props) {
      */
     executeNextEvent();
   }, {
-    deep: props.deepWatch
+    deep: true
   });
-  // deepWatch 已废弃警告
-  if (props.deepWatch) {
-    console.warn('[BkTree] deepWatch is deprecated and will be removed in the next major version. ' + 'Please use onDataChange callback to update data instead of directly modifying props.data internal nodes.');
-  }
   if (props.selectable) {
     (0,external_vue_namespaceObject.onMounted)(function () {
       (0,external_vue_namespaceObject.watch)(function () {
@@ -23924,7 +23741,7 @@ var warnRequiredNodeKey = function warnRequiredNodeKey(props) {
     registerNextLoop('afterDataUpdate', callFn);
   };
   /** 如果设置了异步请求 */
-  if ((_props$async4 = props.async) !== null && _props$async4 !== void 0 && _props$async4.callback) {
+  if ((_props$async3 = props.async) !== null && _props$async3 !== void 0 && _props$async3.callback) {
     deepAutoOpen();
   }
   return {
@@ -23933,6 +23750,7 @@ var warnRequiredNodeKey = function warnRequiredNodeKey(props) {
     deepAutoOpen: deepAutoOpen,
     afterDataUpdate: afterDataUpdate,
     registerNextLoop: registerNextLoop,
+    rebuildData: rebuildData,
     onSelected: onSelected
   };
 });
@@ -23986,14 +23804,12 @@ var warnRequiredNodeKey = function warnRequiredNodeKey(props) {
   emits: TreeEmitEventsType,
   setup: function setup(props, ctx) {
     var root = (0,external_vue_namespaceObject.ref)();
+    var treeDataRef = (0,external_vue_namespaceObject.ref)(props.data);
     var _useTreeInit = use_tree_init(props),
       flatData = _useTreeInit.flatData,
       onSelected = _useTreeInit.onSelected,
+      rebuildData = _useTreeInit.rebuildData,
       registerNextLoop = _useTreeInit.registerNextLoop;
-    var handleTreeDataChange = function handleTreeDataChange(payload) {
-      var _props$onDataChange;
-      (_props$onDataChange = props.onDataChange) === null || _props$onDataChange === void 0 || _props$onDataChange.call(props, payload);
-    };
     var _useNodeAttribute = use_node_attribute(flatData, props),
       checkNodeIsOpen = _useNodeAttribute.checkNodeIsOpen,
       isRootNode = _useNodeAttribute.isRootNode,
@@ -24048,7 +23864,18 @@ var warnRequiredNodeKey = function warnRequiredNodeKey(props) {
     var _useIntersectionObser = use_intersection_observer(props),
       getLastVisibleElement = _useIntersectionObser.getLastVisibleElement,
       intersectionObserver = _useIntersectionObser.intersectionObserver;
+    var onTreeDataChange = function onTreeDataChange(payload) {
+      var _payload$data, _props$onDataChange;
+      treeDataRef.value = (_payload$data = payload.data) !== null && _payload$data !== void 0 ? _payload$data : [];
+      rebuildData(treeDataRef.value);
+      ctx.emit(EVENTS.NODE_DATA_CHANGE, payload);
+      (_props$onDataChange = props.onDataChange) === null || _props$onDataChange === void 0 || _props$onDataChange.call(props, payload);
+    };
     var _useNodeAction = use_node_action(props, ctx, flatData, renderData, {
+        getTreeData: function getTreeData() {
+          return treeDataRef.value;
+        },
+        onTreeDataChange: onTreeDataChange,
         registerNextLoop: registerNextLoop
       }),
       renderTreeNode = _useNodeAction.renderTreeNode,
@@ -24118,7 +23945,7 @@ var warnRequiredNodeKey = function warnRequiredNodeKey(props) {
         if (checked) {
           setNodeAction(resolvedNode, NODE_ATTRIBUTES.IS_INDETERMINATE, false);
         }
-        // 历史语义：checkStrictly=true 表示启用父子联动
+        // 如果设置了 checkStrictly，需要同步更新子节点和父节点的状态
         if (props.checkStrictly) {
           deepUpdateChildNode(resolvedNode, [NODE_ATTRIBUTES.IS_CHECKED, NODE_ATTRIBUTES.IS_INDETERMINATE], [checked, false]);
           updateParentChecked(resolvedNode, checked);
@@ -24135,46 +23962,37 @@ var warnRequiredNodeKey = function warnRequiredNodeKey(props) {
     onSelected(function (newData) {
       setSelect(newData, true, props.autoOpenParentNode, true);
     });
-    var buildChildrenIndex = function buildChildrenIndex() {
-      var childrenMap = new Map();
-      flatData.data.forEach(function (node) {
-        var _getParentNode;
-        var parentNode = (_getParentNode = getParentNode(node)) !== null && _getParentNode !== void 0 ? _getParentNode : null;
-        if (!childrenMap.has(parentNode)) {
-          childrenMap.set(parentNode, []);
-        }
-        childrenMap.get(parentNode).push(node);
-      });
-      return childrenMap;
-    };
+    (0,external_vue_namespaceObject.watch)(function () {
+      return props.data;
+    }, function (value) {
+      treeDataRef.value = value;
+    });
     /**
      * 根据最新的schema生成最新的Tree结构数据
      * @returns
      */
     var getLastTreeDataBySchema = function getLastTreeDataBySchema() {
-      var _childrenMap$get2;
-      var childrenMap = buildChildrenIndex();
       var _loopData = function loopData(rootNodeList) {
         return (rootNodeList !== null && rootNodeList !== void 0 ? rootNodeList : []).map(function (node) {
-          var _childrenMap$get;
           var copyData = (0,lodash.cloneDeep)(node);
           if (!copyData) {
             return copyData;
           }
-          var children = (_childrenMap$get = childrenMap.get(node)) !== null && _childrenMap$get !== void 0 ? _childrenMap$get : [];
+          var children = flatData.data.filter(function (item) {
+            return getParentNode(item) === node;
+          });
           copyData[props.children] = _loopData(children);
           return copyData;
         });
       };
-      return _loopData((_childrenMap$get2 = childrenMap.get(null)) !== null && _childrenMap$get2 !== void 0 ? _childrenMap$get2 : getRootNodeList());
+      return _loopData(getRootNodeList());
     };
     /**
      * 获取当前树形结构相关数据
      * @param newTree 如果启用了排序，拖拽功能，这里数据结构会改变，需要设置为true，获取最新的数据
      * @returns
      */
-    var getData = function getData() {
-      var newTree = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    var getData = function getData(newTree) {
       if (!newTree) {
         return flatData;
       }
@@ -24274,8 +24092,10 @@ var warnRequiredNodeKey = function warnRequiredNodeKey(props) {
     var _useEmpty = use_empty(props),
       renderEmpty = _useEmpty.renderEmpty;
     use_node_drag(props, ctx, root, flatData, {
-      moveTreeNodeById: moveTreeNodeById,
-      onTreeDataChange: handleTreeDataChange
+      getTreeData: function getTreeData() {
+        return treeDataRef.value;
+      },
+      onTreeDataChange: onTreeDataChange
     });
     var renderTreeContent = function renderTreeContent(scopedData) {
       var _ctx$slots$empty, _ctx$slots$empty2, _ctx$slots;