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

package/lib/tree/index.js

@@ -17461,7 +17461,7 @@ function toPropertyKey(t) {
 
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
-function _defineProperty(e, r, t) {
+function defineProperty_defineProperty(e, r, t) {
   return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
     enumerable: !0,
@@ -17500,9 +17500,12 @@ var _TreeEmitEventsType;
  */
 var EVENTS;
 (function (EVENTS) {
+  EVENTS["NODE_ASYNC_LOAD"] = "nodeAsyncLoad";
+  EVENTS["NODE_ASYNC_LOAD_ERROR"] = "nodeAsyncLoadError";
   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";
@@ -17515,7 +17518,7 @@ var EVENTS;
 var EMPTY = function EMPTY() {
   return true;
 };
-var TreeEmitEventsType = (_TreeEmitEventsType = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_TreeEmitEventsType, 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), EVENTS.NODE_DROP, EMPTY), EVENTS.NODE_ENTER_VIEW, EMPTY), _defineProperty(_TreeEmitEventsType, 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));
 /**
  * 节点扩展属性
  */
@@ -17542,7 +17545,7 @@ var NODE_ATTRIBUTES;
   NODE_ATTRIBUTES["TREE_NODE_ATTR"] = "__attr__";
   NODE_ATTRIBUTES["UUID"] = "__uuid";
 })(NODE_ATTRIBUTES || (NODE_ATTRIBUTES = {}));
-var NODE_SOURCE_ATTRS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, NODE_ATTRIBUTES.IS_OPEN, 'isOpen'), NODE_ATTRIBUTES.IS_SELECTED, 'selected'), NODE_ATTRIBUTES.IS_MATCH, 'isMatch'), NODE_ATTRIBUTES.HAS_CHILD, 'hasChild'), NODE_ATTRIBUTES.IS_CHECKED, 'checked'), NODE_ATTRIBUTES.IS_ASYNC, 'async'), NODE_ATTRIBUTES.IS_LOADING, 'loading'), NODE_ATTRIBUTES.IS_ROOT, 'isRoot');
+var NODE_SOURCE_ATTRS = defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty({}, NODE_ATTRIBUTES.IS_OPEN, 'isOpen'), NODE_ATTRIBUTES.IS_SELECTED, 'selected'), NODE_ATTRIBUTES.IS_MATCH, 'isMatch'), NODE_ATTRIBUTES.HAS_CHILD, 'hasChild'), NODE_ATTRIBUTES.IS_CHECKED, 'checked'), NODE_ATTRIBUTES.IS_ASYNC, 'async'), NODE_ATTRIBUTES.IS_LOADING, 'loading'), NODE_ATTRIBUTES.IS_ROOT, 'isRoot');
 /**
  * 节点点击可执行行为配置
  */
@@ -17623,6 +17626,10 @@ var treeProps = {
    * 默认 true
    */
   prefixIcon: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.func.def(function () {}), shared_namespaceObject.PropTypes.bool.def(false)]).def(true),
+  /**
+   * 当树数据需要由外部接管更新时的统一回调
+   */
+  onDataChange: Function,
   /**
    * 异步加载节点数据配置
    * @param callback 请求数据回调函数，函数返回 Promise
@@ -17777,6 +17784,10 @@ var treeProps = {
    * 在显示复选框的情况下，是否严格的遵循父子互相关联的做法
    */
   checkStrictly: shared_namespaceObject.PropTypes.bool.def(true),
+  /**
+   * 是否开启父子勾选级联；未传时沿用 checkStrictly 历史语义
+   */
+  cascade: shared_namespaceObject.PropTypes.bool.def(undefined),
   /**
    * 是否开启监听Tree节点进入Tree容器可视区域
    */
@@ -18026,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 指定节点
@@ -18048,11 +18053,12 @@ const icon_namespaceObject = icon_x({ ["DownShape"]: () => __WEBPACK_EXTERNAL_MO
       console.warn('node is not in schema, please check', id, node);
       return;
     }
-    flatData.schema.set(node, Object.assign({}, getSchemaVal(node), _defineProperty({}, attr, val)));
+    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) {
@@ -18071,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);
   };
   /**
@@ -18118,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) {
@@ -18179,19 +18179,18 @@ const icon_namespaceObject = icon_x({ ["DownShape"]: () => __WEBPACK_EXTERNAL_MO
       return Array.isArray(pre) ? pre[index] : pre[props.children][index];
     }, props.data);
     if (uid) {
-      Object.assign(target, _defineProperty({}, NODE_ATTRIBUTES.UUID, uid));
+      Object.assign(target, defineProperty_defineProperty({}, NODE_ATTRIBUTES.UUID, uid));
     }
     return target;
   };
   var getChildNodes = function getChildNodes(node) {
-    return flatData.data.filter(function (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;
     });
   };
   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;
@@ -18199,7 +18198,7 @@ const icon_namespaceObject = icon_x({ ["DownShape"]: () => __WEBPACK_EXTERNAL_MO
       target = getSourceNodeByUID(target);
     }
     if (isRootNode(target)) {
-      return _defineProperty({}, props.children, props.data);
+      return defineProperty_defineProperty({}, props.children, props.data);
     }
     return getParentNode(target);
   };
@@ -18209,10 +18208,10 @@ const icon_namespaceObject = icon_x({ ["DownShape"]: () => __WEBPACK_EXTERNAL_MO
    * @returns
    */
   var resolveScopedSlotParam = function resolveScopedSlotParam(item) {
-    return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, NODE_SOURCE_ATTRS[NODE_ATTRIBUTES.IS_LOADING], getNodeAttr(item, NODE_ATTRIBUTES.IS_LOADING)), NODE_SOURCE_ATTRS[NODE_ATTRIBUTES.HAS_CHILD], hasChildNode(item)), NODE_SOURCE_ATTRS[NODE_ATTRIBUTES.IS_MATCH], isNodeMatched(item)), NODE_SOURCE_ATTRS[NODE_ATTRIBUTES.IS_CHECKED], isNodeChecked(item)), NODE_SOURCE_ATTRS[NODE_ATTRIBUTES.IS_OPEN], isNodeOpened(item)), NODE_SOURCE_ATTRS[NODE_ATTRIBUTES.IS_ROOT], isRootNode(item)), "fullPath", getNodeAttr(item, NODE_ATTRIBUTES.PATH)), "uuid", getNodeId(item)), "parent", getNodeAttr(item, NODE_ATTRIBUTES.PARENT)), "parentId", getNodeId(getNodeAttr(item, NODE_ATTRIBUTES.PARENT)));
+    return defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty({}, NODE_SOURCE_ATTRS[NODE_ATTRIBUTES.IS_LOADING], getNodeAttr(item, NODE_ATTRIBUTES.IS_LOADING)), NODE_SOURCE_ATTRS[NODE_ATTRIBUTES.HAS_CHILD], hasChildNode(item)), NODE_SOURCE_ATTRS[NODE_ATTRIBUTES.IS_MATCH], isNodeMatched(item)), NODE_SOURCE_ATTRS[NODE_ATTRIBUTES.IS_CHECKED], isNodeChecked(item)), NODE_SOURCE_ATTRS[NODE_ATTRIBUTES.IS_OPEN], isNodeOpened(item)), NODE_SOURCE_ATTRS[NODE_ATTRIBUTES.IS_ROOT], isRootNode(item)), "fullPath", getNodeAttr(item, NODE_ATTRIBUTES.PATH)), "uuid", getNodeId(item)), "parent", getNodeAttr(item, NODE_ATTRIBUTES.PARENT)), "parentId", getNodeId(getNodeAttr(item, NODE_ATTRIBUTES.PARENT)));
   };
   var extendNodeAttr = function extendNodeAttr(item) {
-    return Object.assign({}, item, _defineProperty({}, NODE_ATTRIBUTES.TREE_NODE_ATTR, resolveScopedSlotParam(item)));
+    return Object.assign({}, item, defineProperty_defineProperty({}, NODE_ATTRIBUTES.TREE_NODE_ATTR, resolveScopedSlotParam(item)));
   };
   var extendNodeScopedData = function extendNodeScopedData(item) {
     return {
@@ -18226,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;
     }
@@ -18237,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 {
@@ -18250,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);
     });
   };
@@ -18320,9 +18320,13 @@ function _toConsumableArray(r) {
 
 
 
+
 var _this = undefined;
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = util_unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function util_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return util_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? util_arrayLikeToArray(r, a) : void 0; } }
+function util_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -18462,7 +18466,7 @@ var getNodeItemClass = function getNodeItemClass(item, schema, props) {
     __is_open = _ref.__is_open;
   var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
     resolveClassName = _usePrefix.resolveClassName;
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  return defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty({
     'is-root': __is_root
   }, "".concat(resolveClassName('tree-node')), true), 'is-open', __is_open), 'is-virtual-render', props.virtualRender), 'level-line', props.levelLine && showTree);
 };
@@ -18475,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({
+  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
@@ -18496,6 +18502,211 @@ 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';
+  return (treeData || []).map(function (node) {
+    var clonedNode = _cloneTreeNode(node);
+    if (Array.isArray(node === null || node === void 0 ? void 0 : node[childKey])) {
+      clonedNode[childKey] = _cloneTreeData(node[childKey], childKey);
+    }
+    return clonedNode;
+  });
+};
+
+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;
+  var nodeKey = arguments.length > 2 ? arguments[2] : undefined;
+  var childKey = arguments.length > 3 ? arguments[3] : undefined;
+  var _iterator = _createForOfIteratorHelper(treeData),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var node = _step.value;
+      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];
+      if (Array.isArray(children) && children.length) {
+        var target = _findNodeById(children, nodeId, nodeKey, childKey);
+        if (target) {
+          return target;
+        }
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return null;
+};
+
+var mutateTreeById = function mutateTreeById() {
+  var treeData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var nodeId = arguments.length > 1 ? arguments[1] : undefined;
+  var nodeKey = arguments.length > 2 ? arguments[2] : undefined;
+  var childKey = arguments.length > 3 ? arguments[3] : undefined;
+  var updater = arguments.length > 4 ? arguments[4] : undefined;
+  var target = _findNodeById(treeData, nodeId, nodeKey, childKey);
+  if (target) {
+    updater(target);
+  }
+  return treeData;
+};
+var removeTreeNodeById = function removeTreeNodeById() {
+  var treeData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var nodeId = arguments.length > 1 ? arguments[1] : undefined;
+  var nodeKey = arguments.length > 2 ? arguments[2] : undefined;
+  var childKey = arguments.length > 3 ? arguments[3] : undefined;
+  var _loop = function loop(list, parentNode) {
+    for (var index = 0; index < list.length; index++) {
+      var current = list[index];
+      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];
+        return {
+          node: node,
+          parentNode: parentNode,
+          index: index
+        };
+      }
+      var children = current === null || current === void 0 ? void 0 : current[childKey];
+      if (Array.isArray(children) && children.length) {
+        var _result = _loop(children, current);
+        if (_result.node) {
+          return _result;
+        }
+      }
+    }
+    return {
+      node: null,
+      parentNode: null,
+      index: -1
+    };
+  };
+  var result = _loop(treeData, null);
+  return _objectSpread(_objectSpread({}, result), {}, {
+    data: treeData
+  });
+};
+var insertTreeNodeById = function insertTreeNodeById() {
+  var treeData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var node = arguments.length > 1 ? arguments[1] : undefined;
+  var targetNodeId = arguments.length > 2 ? arguments[2] : undefined;
+  var nodeKey = arguments.length > 3 ? arguments[3] : undefined;
+  var childKey = arguments.length > 4 ? arguments[4] : undefined;
+  var options = arguments.length > 5 ? arguments[5] : undefined;
+  var dropType = options.dropType,
+    _options$willInsertAf = options.willInsertAfter,
+    willInsertAfter = _options$willInsertAf === void 0 ? true : _options$willInsertAf;
+  if (dropType === 'child') {
+    var targetNode = _findNodeById(treeData, targetNodeId, nodeKey, childKey);
+    if (!targetNode) {
+      return {
+        data: treeData,
+        parentNode: null,
+        targetNode: null,
+        index: -1
+      };
+    }
+    if (!Array.isArray(targetNode[childKey])) {
+      targetNode[childKey] = [];
+    }
+    var targetChildren = targetNode[childKey];
+    targetChildren.push(node);
+    return {
+      data: treeData,
+      parentNode: targetNode,
+      targetNode: targetNode,
+      index: targetChildren.length - 1
+    };
+  }
+  var _loop2 = function loop(list, parentNode) {
+    for (var index = 0; index < list.length; index++) {
+      var current = list[index];
+      if (isSameNodeId(current === null || current === void 0 ? void 0 : current[nodeKey], targetNodeId)) {
+        var insertIndex = willInsertAfter ? index + 1 : index;
+        list.splice(insertIndex, 0, node);
+        return {
+          parentNode: parentNode,
+          targetNode: current,
+          index: insertIndex
+        };
+      }
+      var children = current === null || current === void 0 ? void 0 : current[childKey];
+      if (Array.isArray(children) && children.length) {
+        var _result2 = _loop2(children, current);
+        if (_result2.targetNode) {
+          return _result2;
+        }
+      }
+    }
+    return {
+      parentNode: null,
+      targetNode: null,
+      index: -1
+    };
+  };
+  var result = _loop2(treeData, null);
+  return _objectSpread({
+    data: treeData
+  }, result);
+};
+var moveTreeNodeById = function moveTreeNodeById() {
+  var treeData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var nodeId = arguments.length > 1 ? arguments[1] : undefined;
+  var targetNodeId = arguments.length > 2 ? arguments[2] : undefined;
+  var nodeKey = arguments.length > 3 ? arguments[3] : undefined;
+  var childKey = arguments.length > 4 ? arguments[4] : undefined;
+  var options = arguments.length > 5 ? arguments[5] : undefined;
+  var nextTreeData = _cloneTreeData(treeData, childKey);
+  var removeResult = removeTreeNodeById(nextTreeData, nodeId, nodeKey, childKey);
+  if (!removeResult.node) {
+    return null;
+  }
+  var insertResult = insertTreeNodeById(nextTreeData, removeResult.node, targetNodeId, nodeKey, childKey, options);
+  if (!insertResult.targetNode) {
+    return null;
+  }
+  return {
+    trigger: 'drag',
+    data: nextTreeData,
+    node: removeResult.node,
+    targetNode: insertResult.targetNode,
+    parentNode: insertResult.parentNode,
+    oldParentNode: removeResult.parentNode,
+    dropType: options.dropType,
+    sourceIndex: removeResult.index,
+    targetIndex: insertResult.index
+  };
+};
 /**
  * 根据路径更新指定节点Child-Data
  * @param path 节点路径
@@ -18527,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;
 };
@@ -18538,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.
@@ -18547,44 +18765,60 @@ 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) {
+/* 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;
-  /**
-   * 处理异步加载节点数据返回结果
-   * @param resp 异步请求返回结果
-   * @param item 当前节点
-   */
-  var setNodeRemoteLoad = function setNodeRemoteLoad(resp, item) {
+  var requestVersionMap = new Map();
+  var emitTreeDataChange = function emitTreeDataChange(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);
+  };
+  var setNodeRemoteLoad = function setNodeRemoteLoad(resp, item, requestVersion) {
     if (_typeof(resp) === 'object' && resp !== null) {
+      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];
-      updateTreeNode(getNodePath(item), props.data, props.children, props.children, nodeValue);
+      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({
+        trigger: 'async',
+        data: nextTreeData,
+        node: item,
+        parentNode: item
+      });
       return Promise.resolve(resp);
     }
     return Promise.resolve(resp);
@@ -18595,29 +18829,39 @@ var showCheckbox = function showCheckbox(props, node) {
       callback = _ref$callback === void 0 ? null : _ref$callback,
       _ref$cache = _ref.cache,
       cache = _ref$cache === void 0 ? true : _ref$cache;
-    /** 如果是异步请求加载 */
     if (typeof callback === 'function' && getNodeAttr(item, NODE_ATTRIBUTES.IS_ASYNC)) {
-      /** 用于注释当前节点是否已经初始化过 */
+      var nodeId = "".concat(getNodeId(item));
+      var requestVersion = (requestVersionMap.get(nodeId) || 0) + 1;
+      requestVersionMap.set(nodeId, requestVersion);
       setNodeAttr(item, NODE_ATTRIBUTES.IS_ASYNC_INIT, true);
       if (!getNodeAttr(item, NODE_ATTRIBUTES.IS_CACHED)) {
         setNodeAttr(item, NODE_ATTRIBUTES.IS_CACHED, cache);
         var dataAttr = resolveScopedSlotParam(item);
         var callbackResult = callback(item, function (resp) {
-          return setNodeRemoteLoad(resp, item);
+          return setNodeRemoteLoad(resp, item, requestVersion);
         }, dataAttr);
         if (_typeof(callbackResult) === 'object' && callbackResult !== null) {
           setTreeNodeLoading(item, true);
           if (callbackResult instanceof Promise) {
             return Promise.resolve(callbackResult.then(function (resp) {
-              return setNodeRemoteLoad(resp, item);
-            })["catch"](function (err) {
-              return console.error('load remote data error:', err);
+              return setNodeRemoteLoad(resp, item, requestVersion);
+            })["catch"](function (error) {
+              if (requestVersionMap.get(nodeId) === requestVersion) {
+                ctx === null || ctx === void 0 || ctx.emit(EVENTS.NODE_ASYNC_LOAD_ERROR, {
+                  node: item,
+                  error: error,
+                  requestVersion: requestVersion
+                });
+              }
+              return false;
             })["finally"](function () {
-              setTreeNodeLoading(item, false);
-              setNodeAttr(item, NODE_ATTRIBUTES.IS_CACHED, true);
+              if (requestVersionMap.get(nodeId) === requestVersion) {
+                setTreeNodeLoading(item, false);
+                setNodeAttr(item, NODE_ATTRIBUTES.IS_CACHED, true);
+              }
             }));
           }
-          setNodeRemoteLoad(callbackResult, item);
+          setNodeRemoteLoad(callbackResult, item, requestVersion);
           setTreeNodeLoading(item, false);
           return Promise.resolve(true);
         }
@@ -18627,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);
     });
@@ -18708,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),
+  var _useNodeAsync = use_node_async(props, flatData, ctx, initOption),
     asyncNodeClick = _useNodeAsync.asyncNodeClick,
     deepAutoOpen = _useNodeAsync.deepAutoOpen;
   /**
@@ -18810,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) {
@@ -18954,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) {
@@ -19029,9 +19276,10 @@ 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;
-      })) !== null && _flatData$data$find !== void 0 ? _flatData$data$find : _defineProperty({}, NODE_ATTRIBUTES.IS_NULL, true);
+        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]) {
       return;
@@ -22624,37 +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) {
+  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,
-    setNodeAttr = _useNodeAttribute.setNodeAttr,
-    getNodeAttr = _useNodeAttribute.getNodeAttr,
-    getRootNodeList = _useNodeAttribute.getRootNodeList;
+    getNodeId = _useNodeAttribute.getNodeId;
   var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
     resolveClassName = _usePrefix.resolveClassName;
   var isNeedCheckDraggable = (0,external_vue_namespaceObject.computed)(function () {
@@ -22666,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');
@@ -22687,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: '',
@@ -22717,290 +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'
     });
   };
-  /**
-   * 从父节点的 children 数组中移除指定节点
-   */
-  var removeFromParentChildren = function removeFromParentChildren(node, parent) {
-    if (!parent) {
-      var index = props.data.indexOf(node);
-      if (index > -1) {
-        props.data.splice(index, 1);
-      }
-    } else {
-      var children = parent[props.children];
-      if (children) {
-        var _index = children.indexOf(node);
-        if (_index > -1) {
-          children.splice(_index, 1);
-        }
-      }
-    }
-  };
-  /**
-   * 更新节点的 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（BFS 顺序）
-   * 这是唯一需要的 flatData 更新方式：修改 children 后重新展平
-   */
-  var rebuildFlatData = function rebuildFlatData() {
-    var newFlatData = [];
-    var _traverse = function traverse(nodes) {
-      nodes.forEach(function (node) {
-        newFlatData.push(node);
-        var children = node[props.children];
-        if (children && children.length > 0) {
-          _traverse(children);
-        }
-      });
-    };
-    _traverse(props.data);
-    flatData.data = newFlatData;
-  };
-  /**
-   * 重新计算所有节点属性（深度、路径、索引等）
-   */
-  var recalculateNodeAttributes = function recalculateNodeAttributes() {
-    var orderIndex = 0;
-    var _setNodeAttribute = function setNodeAttribute(nodeList, level, parentPath, parent) {
-      for (var i = 0; i < nodeList.length; i++) {
-        var node = nodeList[i];
-        var path = parentPath !== '' ? "".concat(parentPath, "-").concat(i) : "".concat(i);
-        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);
-        if (!parent) {
-          // 根节点：检查是否有子节点
-          var _children = node[props.children];
-          setNodeAttr(node, NODE_ATTRIBUTES.HAS_CHILD, !!(_children && _children.length > 0));
-        }
-        orderIndex += 1;
-        var children = node[props.children];
-        if (children && children.length > 0) {
-          _setNodeAttribute(children, level + 1, path, node);
-        }
-      }
-    };
-    var rootNodeList = getRootNodeList();
-    _setNodeAttribute(rootNodeList, 0, '', null);
-  };
-  /**
-   * 拖拽排序：同级节点间排序（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;
-    // 1. 从原位置移除
-    removeFromParentChildren(sourceNodeData, sourceParent);
-    // 2. 获取目标所在的 children 数组
-    var targetChildren;
-    if (!targetParent) {
-      targetChildren = props.data;
-    } else {
-      targetChildren = targetParent[props.children];
-      if (!targetChildren) {
-        targetParent[props.children] = [];
-        targetChildren = targetParent[props.children];
-      }
-    }
-    // 3. 在目标节点前/后插入源节点
-    var targetIndexInParent = targetChildren.indexOf(targetNodeData);
-    var insertIndex = willInsertAfter ? targetIndexInParent + 1 : targetIndexInParent;
-    targetChildren.splice(insertIndex, 0, sourceNodeData);
-    // 4. 重新构建 flatData 并计算属性
-    rebuildFlatData();
-    recalculateNodeAttributes();
-    // 5. 更新源父节点的 HAS_CHILD
-    updateHasChildAttr(sourceParent);
-    // 6. 恢复展开状态
-    restoreAllOpenStates(savedOpenStates);
-    ctx.emit(EVENTS.NODE_DRAG_SORT, {
-      sourceNode: sourceNodeData,
-      targetNode: targetNodeData
-    });
-  };
-  /**
-   * 将源节点作为目标节点的子节点
-   * 直接操作 children 数组：移除源节点 -> push 到目标节点 children
-   */
-  var dragAsChildNode = function dragAsChildNode(sourceNodeData, targetNodeData, savedOpenStates) {
-    var sourceParent = getParentNode(sourceNodeData);
-    // 1. 从原位置移除
-    removeFromParentChildren(sourceNodeData, sourceParent);
-    // 2. 初始化目标节点的 children 并 push
-    if (!targetNodeData[props.children]) {
-      targetNodeData[props.children] = [];
-    }
-    targetNodeData[props.children].push(sourceNodeData);
-    // 3. 重新构建 flatData 并计算属性
-    rebuildFlatData();
-    recalculateNodeAttributes();
-    // 4. 更新属性
-    updateHasChildAttr(sourceParent);
-    setNodeAttr(targetNodeData, NODE_ATTRIBUTES.HAS_CHILD, true);
-    // 5. 恢复展开状态
-    restoreAllOpenStates(savedOpenStates);
-    ctx.emit(EVENTS.NODE_DROP, sourceNodeData, targetNodeData, 'child');
-  };
-  /**
-   * 将源节点作为目标节点的同级节点插入（可跨级）
-   * 直接操作 children 数组：移除源节点 -> 在目标节点前/后插入
-   */
-  var dragAsSiblingNode = function dragAsSiblingNode(sourceNodeData, targetNodeData, willInsertAfter, savedOpenStates) {
-    var sourceParent = getParentNode(sourceNodeData);
-    var targetParent = getParentNode(targetNodeData);
-    // 1. 从原位置移除
-    removeFromParentChildren(sourceNodeData, sourceParent);
-    // 2. 获取目标所在的 children 数组
-    var targetChildren;
-    if (!targetParent) {
-      targetChildren = props.data;
-    } else {
-      targetChildren = targetParent[props.children];
-      if (!targetChildren) {
-        targetParent[props.children] = [];
-        targetChildren = targetParent[props.children];
-      }
-    }
-    // 3. 在目标节点前/后插入源节点
-    var targetIndexInParent = targetChildren.indexOf(targetNodeData);
-    var insertIndex = willInsertAfter ? targetIndexInParent + 1 : targetIndexInParent;
-    targetChildren.splice(insertIndex, 0, sourceNodeData);
-    // 4. 重新构建 flatData 并计算属性
-    rebuildFlatData();
-    recalculateNodeAttributes();
-    // 5. 更新属性
-    updateHasChildAttr(sourceParent);
-    updateHasChildAttr(targetParent);
-    // 6. 恢复展开状态
-    restoreAllOpenStates(savedOpenStates);
-    ctx.emit(EVENTS.NODE_DROP, sourceNodeData, targetNodeData, 'move');
-  };
-  /**
-   * 检查是否禁止拖拽
-   */
   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;
@@ -23015,125 +23044,121 @@ 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) {
+        var sourceNodeData = getSourceNodeByUID(dragNodeId);
+        var targetNodeData = getSourceNodeByUID(currentRelatedId);
+        var targetEl = currentRelatedEl;
+        if (!sourceNodeData || !targetNodeData || !targetEl || dragNodeId === currentRelatedId) {
           cleanup();
           return;
         }
-        var sourceNodeData = getSourceNodeByUID(dragNodeId);
-        var targetNodeData = getSourceNodeByUID(targetNodeId);
-        if (!sourceNodeData || !targetNodeData) {
+        if (isDropDisabled(dragNodeId, currentRelatedId, currentDropType)) {
           cleanup();
           return;
         }
-        if (isDropDisabled(dragNodeId, targetNodeId, currentDropType)) {
+        var payload = moveNode(sourceNodeData, targetNodeData, currentDropType, currentWillInsertAfter);
+        if (!payload) {
           cleanup();
           return;
         }
-        // 保存展开状态
-        var savedOpenStates = saveAllOpenStates();
-        // 根据放置类型执行对应操作
-        if (currentDropType === 'child') {
-          dragAsChildNode(sourceNodeData, targetNodeData, savedOpenStates);
-        } else if (currentDropType === 'sort') {
-          dragSortData(sourceNodeData, targetNodeData, currentWillInsertAfter, savedOpenStates);
-        } else {
-          // move: 跨级移动为同级节点
-          dragAsSiblingNode(sourceNodeData, targetNodeData, currentWillInsertAfter, savedOpenStates);
+        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 targetData = extendNodeAttr(targetNodeData);
-        ctx.emit(EVENTS.NODE_DROP, evt, evt.item, targetData);
+        var dropPayload = {
+          event: evt,
+          element: targetEl,
+          targetNode: extendNodeAttr(targetNodeData),
+          sourceNode: sourceNodeData,
+          data: payload.data,
+          parentNode: payload.parentNode,
+          oldParentNode: payload.oldParentNode,
+          dropType: payload.dropType,
+          sourceIndex: payload.sourceIndex,
+          targetIndex: payload.targetIndex
+        };
+        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 cleanup = function cleanup() {
-    if (dragNodeId) {
-      var dragNode = getSourceNodeByUID(dragNodeId);
-      if (dragNode) {
-        setNodeAttr(dragNode, NODE_ATTRIBUTES.IS_SELECTED, false);
-      }
+  var syncSortable = function syncSortable() {
+    if (props.draggable || props.dragSort) {
+      initSortable();
+    } else {
+      destroySortable();
+      removeIndicator();
     }
-    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();
@@ -23380,6 +23405,9 @@ var use_tree_init_this = undefined;
     var outputData = [];
     var order = 0;
     var treeSchema = new WeakMap();
+    var nodeMap = new Map();
+    var childMap = new WeakMap();
+    var rootNodes = [];
     /**
      * 递归更新节点属性
      * @param node 当前节点
@@ -23399,7 +23427,7 @@ var use_tree_init_this = undefined;
             if (target[attrName] === attrValue) {
               return;
             }
-            Object.assign(target, _defineProperty({}, attrName, attrValue));
+            Object.assign(target, defineProperty_defineProperty({}, attrName, attrValue));
             loopUpdateNodeAttr(target[NODE_ATTRIBUTES.PARENT], attrName, attrValue, callFn);
           }
         }
@@ -23417,7 +23445,7 @@ var use_tree_init_this = undefined;
      * 如果传入数据没有设置相关属性值
      * 这里会自动生成
      */
-    var cachedDefaultVal = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, NODE_ATTRIBUTES.IS_OPEN, function () {
+    var cachedDefaultVal = defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty({}, NODE_ATTRIBUTES.IS_OPEN, function () {
       return !!props.expandAll;
     }), NODE_ATTRIBUTES.IS_CHECKED, function () {
       return false;
@@ -23522,6 +23550,12 @@ var use_tree_init_this = undefined;
             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."));
+            }
             /**
              * 当前节点设置是否为展开状态
              */
@@ -23540,12 +23574,20 @@ var use_tree_init_this = undefined;
                */
               isOpened = isNodeOpend(uuid, item, parent);
             }
-            var attributes = (_attributes = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_attributes, NODE_ATTRIBUTES.DEPTH, depth), NODE_ATTRIBUTES.INDEX, order), NODE_ATTRIBUTES.UUID, uuid), NODE_ATTRIBUTES.PARENT, parent), NODE_ATTRIBUTES.HAS_CHILD, hasChildren), NODE_ATTRIBUTES.PATH, currentPath), NODE_ATTRIBUTES.IS_ROOT, parent === null), NODE_ATTRIBUTES.ORDER, order), NODE_ATTRIBUTES.IS_SELECTED, isCachedTreeNodeSelected(uuid, item)), NODE_ATTRIBUTES.IS_MATCH, getCachedTreeNodeAttr(uuid, item, NODE_ATTRIBUTES.IS_MATCH)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_attributes, NODE_ATTRIBUTES.IS_OPEN, isOpened), NODE_ATTRIBUTES.IS_CHECKED, undefined), NODE_ATTRIBUTES.IS_CACHED, getCachedTreeNodeAttr(uuid, item, NODE_ATTRIBUTES.IS_CACHED)), NODE_ATTRIBUTES.IS_ASYNC, getCachedTreeNodeAttr(uuid, item, NODE_ATTRIBUTES.IS_ASYNC)), NODE_ATTRIBUTES.IS_LOADING, getCachedTreeNodeAttr(uuid, item, NODE_ATTRIBUTES.IS_LOADING)), NODE_ATTRIBUTES.IS_INDETERMINATE, false));
+            var attributes = (_attributes = {}, defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(_attributes, NODE_ATTRIBUTES.DEPTH, depth), NODE_ATTRIBUTES.INDEX, order), NODE_ATTRIBUTES.UUID, uuid), NODE_ATTRIBUTES.PARENT, parent), NODE_ATTRIBUTES.HAS_CHILD, hasChildren), NODE_ATTRIBUTES.PATH, currentPath), NODE_ATTRIBUTES.IS_ROOT, parent === null), NODE_ATTRIBUTES.ORDER, order), NODE_ATTRIBUTES.IS_SELECTED, isCachedTreeNodeSelected(uuid, item)), NODE_ATTRIBUTES.IS_MATCH, getCachedTreeNodeAttr(uuid, item, NODE_ATTRIBUTES.IS_MATCH)), defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty(_attributes, NODE_ATTRIBUTES.IS_OPEN, isOpened), NODE_ATTRIBUTES.IS_CHECKED, undefined), NODE_ATTRIBUTES.IS_CACHED, getCachedTreeNodeAttr(uuid, item, NODE_ATTRIBUTES.IS_CACHED)), NODE_ATTRIBUTES.IS_ASYNC, getCachedTreeNodeAttr(uuid, item, NODE_ATTRIBUTES.IS_ASYNC)), NODE_ATTRIBUTES.IS_LOADING, getCachedTreeNodeAttr(uuid, item, NODE_ATTRIBUTES.IS_LOADING)), NODE_ATTRIBUTES.IS_INDETERMINATE, false));
             attributes[NODE_ATTRIBUTES.IS_CHECKED] = isCheckedNode(item, uuid, attributes);
             if (attributes[NODE_ATTRIBUTES.IS_CHECKED]) {
               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)) {
@@ -23561,7 +23603,7 @@ var use_tree_init_this = undefined;
         loopUpdateNodeAttr(value, NODE_ATTRIBUTES.IS_CHECKED, true, loopUpdateCheckedEvent);
       });
     }
-    return [outputData, treeSchema];
+    return [outputData, treeSchema, nodeMap, childMap, rootNodes];
   };
   var formatData = getFlatdata();
   var nextLoopEvents = new Map();
@@ -23574,6 +23616,9 @@ var use_tree_init_this = undefined;
   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),
@@ -23644,13 +23689,20 @@ var use_tree_init_this = undefined;
   /**
    * 监听组件配置Data改变
    */
+  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];
+    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;
-    var formatData = getFlatdata(newData[0], flatData.schema);
-    flatData.data = formatData[0];
-    flatData.schema = formatData[1];
+    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();
     }
@@ -23698,6 +23750,7 @@ var use_tree_init_this = undefined;
     deepAutoOpen: deepAutoOpen,
     afterDataUpdate: afterDataUpdate,
     registerNextLoop: registerNextLoop,
+    rebuildData: rebuildData,
     onSelected: onSelected
   };
 });
@@ -23751,9 +23804,11 @@ var use_tree_init_this = undefined;
   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 _useNodeAttribute = use_node_attribute(flatData, props),
       checkNodeIsOpen = _useNodeAttribute.checkNodeIsOpen,
@@ -23809,7 +23864,18 @@ var use_tree_init_this = undefined;
     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,
@@ -23896,6 +23962,11 @@ var use_tree_init_this = undefined;
     onSelected(function (newData) {
       setSelect(newData, true, props.autoOpenParentNode, true);
     });
+    (0,external_vue_namespaceObject.watch)(function () {
+      return props.data;
+    }, function (value) {
+      treeDataRef.value = value;
+    });
     /**
      * 根据最新的schema生成最新的Tree结构数据
      * @returns
@@ -24020,7 +24091,12 @@ var use_tree_init_this = undefined;
     });
     var _useEmpty = use_empty(props),
       renderEmpty = _useEmpty.renderEmpty;
-    use_node_drag(props, ctx, root, flatData);
+    use_node_drag(props, ctx, root, flatData, {
+      getTreeData: function getTreeData() {
+        return treeDataRef.value;
+      },
+      onTreeDataChange: onTreeDataChange
+    });
     var renderTreeContent = function renderTreeContent(scopedData) {
       var _ctx$slots$empty, _ctx$slots$empty2, _ctx$slots;
       if (scopedData.length) {