bkui-vue 2.0.2-beta.8 → 2.0.2-beta.9

package/lib/tree/index.js

@@ -41,17 +41,15 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ src)
 });
 
-;// external "../shared"
-var x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var y = (x) => (() => (x))
-const shared_namespaceObject = x({ ["PropTypes"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes), ["debounce"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.debounce), ["withInstall"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall) });
-;// ../../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
+;// CONCATENATED MODULE: external "../shared"
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["debounce"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.debounce, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -79,13 +77,13 @@ function _iterableToArrayLimit(r, l) {
     return a;
   }
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
 
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
@@ -95,11 +93,11 @@ function _unsupportedIterableToArray(o, minLen) {
   if (n === "Map" || n === "Set") return Array.from(o);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js
 
 
 
@@ -107,31 +105,23 @@ function _nonIterableRest() {
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
-;// external "vue"
-var external_vue_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var external_vue_y = (x) => (() => (x))
-const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.computed), ["createVNode"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.createVNode), ["defineComponent"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.defineComponent), ["h"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.h), ["isVNode"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.isVNode), ["nextTick"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.nextTick), ["onMounted"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.onMounted), ["onUnmounted"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted), ["reactive"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.reactive), ["ref"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.ref), ["toRef"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.toRef), ["watch"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.watch) });
-;// external "../config-provider"
-var config_provider_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var config_provider_y = (x) => (() => (x))
-const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix) });
-;// external "../virtual-render"
-var virtual_render_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var virtual_render_y = (x) => (() => (x))
-const virtual_render_namespaceObject = virtual_render_x({ ["default"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_virtual_render_927587a8__["default"]) });
-;// external "../virtual-render/virtual-render.less"
-var virtual_render_less_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var virtual_render_less_y = (x) => (() => (x))
+;// CONCATENATED MODULE: external "vue"
+var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_y = x => () => x
+const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+;// CONCATENATED MODULE: external "../config-provider"
+var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var config_provider_y = x => () => x
+const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
+;// CONCATENATED MODULE: external "../virtual-render"
+var virtual_render_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var virtual_render_y = x => () => x
+const virtual_render_namespaceObject = virtual_render_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_virtual_render_927587a8__["default"] });
+;// CONCATENATED MODULE: external "../virtual-render/virtual-render.less"
+var virtual_render_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var virtual_render_less_y = x => () => x
 const virtual_render_less_namespaceObject = virtual_render_less_x({  });
-;// ../../node_modules/@babel/runtime/helpers/esm/typeof.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 function _typeof(o) {
   "@babel/helpers - typeof";
 
@@ -141,7 +131,7 @@ function _typeof(o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
   }, _typeof(o);
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
 function toPrimitive(t, r) {
   if ("object" != _typeof(t) || !t) return t;
@@ -153,14 +143,14 @@ function toPrimitive(t, r) {
   }
   return ("string" === r ? String : Number)(t);
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 
 
 function toPropertyKey(t) {
   var i = toPrimitive(t, "string");
   return "symbol" == _typeof(i) ? i : String(i);
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
 function _defineProperty(obj, key, value) {
   key = toPropertyKey(key);
@@ -176,7 +166,7 @@ function _defineProperty(obj, key, value) {
   }
   return obj;
 }
-;// ../../packages/tree/src/constant.ts
+;// CONCATENATED MODULE: ../../packages/tree/src/constant.ts
 
 /*
  * Tencent is pleased to support the open source community by making
@@ -257,13 +247,11 @@ var NodeContentActionEnum;
   NodeContentActionEnum["EXPAND"] = "expand";
   NodeContentActionEnum["SELECTED"] = "selected";
 })(NodeContentActionEnum || (NodeContentActionEnum = {}));
-;// external "vue-types"
-var external_vue_types_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var external_vue_types_y = (x) => (() => (x))
-const external_vue_types_namespaceObject = external_vue_types_x({ ["string"]: () => (__WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.string), ["toType"]: () => (__WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType) });
-;// ../../packages/tree/src/props.ts
+;// CONCATENATED MODULE: external "vue-types"
+var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_types_y = x => () => x
+const external_vue_types_namespaceObject = external_vue_types_x({ ["string"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.string, ["toType"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType });
+;// CONCATENATED MODULE: ../../packages/tree/src/props.ts
 
 
 
@@ -350,7 +338,12 @@ var treeProps = {
      * 可选值：once 只在初始化是执行一次
      * every 每次数据更新都执行
      */
-    deepAutoOpen: (0,external_vue_types_namespaceObject.toType)('columnType', {}).def(ColumnTypeEnum.ONCE)
+    deepAutoOpen: (0,external_vue_types_namespaceObject.toType)('columnType', {}).def(ColumnTypeEnum.ONCE),
+    /**
+     * 触发异步加载的时机
+     * 可选值：'expand', 'click', 'checked'
+     */
+    trigger: shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.oneOf(['expand', 'click', 'checked'])).def(null)
   }),
   /**
    * 每个节点偏移左侧距离
@@ -455,19 +448,15 @@ var treeProps = {
     callback: shared_namespaceObject.PropTypes.func.def(undefined)
   })]).def(false)
 };
-;// external "../exception"
-var exception_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var exception_y = (x) => (() => (x))
-const exception_namespaceObject = exception_x({ ["default"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_exception_7490d0fd__["default"]) });
-;// external "../exception/exception.less"
-var exception_less_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var exception_less_y = (x) => (() => (x))
+;// CONCATENATED MODULE: external "../exception"
+var exception_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var exception_y = x => () => x
+const exception_namespaceObject = exception_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_exception_7490d0fd__["default"] });
+;// CONCATENATED MODULE: external "../exception/exception.less"
+var exception_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var exception_less_y = x => () => x
 const exception_less_namespaceObject = exception_less_x({  });
-;// ../../packages/tree/src/use-empty.tsx
+;// CONCATENATED MODULE: ../../packages/tree/src/use-empty.tsx
 
 /*
  * Tencent is pleased to support the open source community by making
@@ -510,13 +499,11 @@ const exception_less_namespaceObject = exception_less_x({  });
     }
   };
 });
-;// external "lodash/isElement"
-var isElement_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var isElement_y = (x) => (() => (x))
-const isElement_namespaceObject = isElement_x({ ["default"]: () => (__WEBPACK_EXTERNAL_MODULE_lodash_isElement_e6b2a6ce__["default"]) });
-;// ../../packages/tree/src/use-intersection-observer.tsx
+;// CONCATENATED MODULE: external "lodash/isElement"
+var isElement_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var isElement_y = x => () => x
+const isElement_namespaceObject = isElement_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_isElement_e6b2a6ce__["default"] });
+;// CONCATENATED MODULE: ../../packages/tree/src/use-intersection-observer.tsx
 
 /*
  * Tencent is pleased to support the open source community by making
@@ -651,25 +638,19 @@ const isElement_namespaceObject = isElement_x({ ["default"]: () => (__WEBPACK_EX
     getLastVisibleElement: getLastVisibleElement
   };
 });
-;// external "../checkbox"
-var checkbox_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var checkbox_y = (x) => (() => (x))
-const checkbox_namespaceObject = checkbox_x({ ["default"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__["default"]) });
-;// external "../checkbox/checkbox.less"
-var checkbox_less_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var checkbox_less_y = (x) => (() => (x))
+;// CONCATENATED MODULE: external "../checkbox"
+var checkbox_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var checkbox_y = x => () => x
+const checkbox_namespaceObject = checkbox_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__["default"] });
+;// CONCATENATED MODULE: external "../checkbox/checkbox.less"
+var checkbox_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var checkbox_less_y = x => () => x
 const checkbox_less_namespaceObject = checkbox_less_x({  });
-;// external "../icon"
-var icon_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var icon_y = (x) => (() => (x))
-const icon_namespaceObject = icon_x({ ["DownShape"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.DownShape), ["Folder"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Folder), ["FolderShapeOpen"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.FolderShapeOpen), ["RightShape"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.RightShape), ["Spinner"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Spinner), ["TextFile"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.TextFile) });
-;// ../../packages/tree/src/use-node-attribute.tsx
+;// CONCATENATED MODULE: external "../icon"
+var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var icon_y = x => () => x
+const icon_namespaceObject = icon_x({ ["DownShape"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.DownShape, ["Folder"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Folder, ["FolderShapeOpen"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.FolderShapeOpen, ["RightShape"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.RightShape, ["Spinner"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Spinner, ["TextFile"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.TextFile });
+;// CONCATENATED MODULE: ../../packages/tree/src/use-node-attribute.tsx
 
 
 /*
@@ -944,20 +925,20 @@ const icon_namespaceObject = icon_x({ ["DownShape"]: () => (__WEBPACK_EXTERNAL_M
     getIntersectionResponse: getIntersectionResponse
   };
 });
-;// ../../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
 
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArray.js
 function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
 
 
 
@@ -965,7 +946,7 @@ function _nonIterableSpread() {
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
-;// ../../packages/tree/src/util.ts
+;// CONCATENATED MODULE: ../../packages/tree/src/util.ts
 
 
 
@@ -1186,7 +1167,7 @@ var showCheckbox = function showCheckbox(props, node) {
   }
   return props.showCheckbox;
 };
-;// ../../packages/tree/src/use-node-async.tsx
+;// CONCATENATED MODULE: ../../packages/tree/src/use-node-async.tsx
 
 /*
  * Tencent is pleased to support the open source community by making
@@ -1294,7 +1275,7 @@ var showCheckbox = function showCheckbox(props, node) {
     deepAutoOpen: deepAutoOpen
   };
 });
-;// ../../packages/tree/src/use-node-action.tsx
+;// CONCATENATED MODULE: ../../packages/tree/src/use-node-action.tsx
 
 
 var use_node_action_this = undefined;
@@ -1484,6 +1465,14 @@ var use_node_action_this = undefined;
       deepUpdateChildNode(chid, attr, value);
     });
   };
+  var isRemoteFnExec = function isRemoteFnExec(event) {
+    var _props$async;
+    if ((_props$async = props.async) !== null && _props$async !== void 0 && (_props$async = _props$async.trigger) !== null && _props$async !== void 0 && _props$async.length) {
+      var _props$async2;
+      return (_props$async2 = props.async) === null || _props$async2 === void 0 ? void 0 : _props$async2.trigger.includes(event);
+    }
+    return true;
+  };
   var handleNodeItemCheckboxChange = function handleNodeItemCheckboxChange(item, value, event) {
     event === null || event === void 0 || event.preventDefault();
     event === null || event === void 0 || event.stopImmediatePropagation();
@@ -1501,7 +1490,7 @@ var use_node_action_this = undefined;
     }), flatData.data.filter(function (t) {
       return isIndeterminate(t);
     }));
-    handleNodeContentClick(item, event);
+    handleNodeContentClick(item, event, 'checked');
   };
   var isIndeterminate = function isIndeterminate(item) {
     return isNodeChecked(item) && getNodeAttr(item, NODE_ATTRIBUTES.IS_INDETERMINATE);
@@ -1511,6 +1500,7 @@ var use_node_action_this = undefined;
       return null;
     }
     return (0,external_vue_namespaceObject.createVNode)("span", {
+      "class": "node-check-box",
       "onClick": handleNodeCheckboxClick
     }, [(0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject["default"], {
       "indeterminate": isIndeterminate(item),
@@ -1610,25 +1600,27 @@ var use_node_action_this = undefined;
    * 节点点击
    * @param item
    */
-  var handleTreeNodeClick = function handleTreeNodeClick(item, e) {
+  var handleTreeNodeClick = function handleTreeNodeClick(item, e, event) {
     var isOpen = isItemOpen(item);
     if (isOpen) {
       setNodeOpened(item, false, e, true);
       return;
     }
-    /** 如果是异步请求加载 */
-    asyncNodeClick(item)["finally"](function () {
-      if (getNodeAttr(item, NODE_ATTRIBUTES.IS_LOADING)) {
-        registerNextLoop('setNodeOpenedAfterLoading', {
-          type: 'once',
-          fn: function fn() {
-            return setNodeOpened(item, true, e, true);
-          }
-        });
-      } else {
-        setNodeOpened(item, true, e, true);
-      }
-    });
+    if (isRemoteFnExec(event)) {
+      /** 如果是异步请求加载 */
+      asyncNodeClick(item)["finally"](function () {
+        if (getNodeAttr(item, NODE_ATTRIBUTES.IS_LOADING)) {
+          registerNextLoop('setNodeOpenedAfterLoading', {
+            type: 'once',
+            fn: function fn() {
+              return setNodeOpened(item, true, e, true);
+            }
+          });
+        } else {
+          setNodeOpened(item, true, e, true);
+        }
+      });
+    }
   };
   /**
    * 点击树形节点展开、收起图标处理事件
@@ -1639,7 +1631,7 @@ var use_node_action_this = undefined;
     e.stopImmediatePropagation();
     e.stopPropagation();
     e.preventDefault();
-    handleTreeNodeClick(node, e);
+    handleTreeNodeClick(node, e, 'expand');
   };
   /**
    * 设置节点选中状态
@@ -1723,19 +1715,19 @@ var use_node_action_this = undefined;
    * 点击节点事件
    * @param item
    */
-  var handleNodeContentClick = function handleNodeContentClick(item, e) {
+  var handleNodeContentClick = function handleNodeContentClick(item, e, event) {
     var nodeActions = resolveNodeAction(item);
     if (nodeActions.includes('selected')) {
       setSelect(item, true, true, true);
     }
     if (nodeActions.includes('expand')) {
       if (!isNodeOpened(item)) {
-        handleTreeNodeClick(item, e);
+        handleTreeNodeClick(item, e, event);
       }
     }
     if (nodeActions.includes('collapse')) {
       if (isNodeOpened(item)) {
-        handleTreeNodeClick(item, e);
+        handleTreeNodeClick(item, e, event);
       }
     }
     if (nodeActions.includes('click')) {
@@ -1829,6 +1821,7 @@ var use_node_action_this = undefined;
   var renderTreeNode = function renderTreeNode(item) {
     var _ctx$slots$nodeAppend, _ctx$slots4;
     var showTree = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    var child = getActionIcon(item);
     return (0,external_vue_namespaceObject.createVNode)("div", {
       "key": getNodeId(item),
       "class": getNodeRowClass(item, flatData.schema),
@@ -1837,14 +1830,14 @@ var use_node_action_this = undefined;
       "style": getNodeItemStyle(item, props, flatData, showTree),
       "class": getNodeItemClass(item, flatData.schema, props, showTree),
       "onClick": function onClick(e) {
-        return handleNodeContentClick(item, e);
+        return handleNodeContentClick(item, e, 'click');
       }
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
-      "class": [resolveClassName('node-action')],
+      "class": [resolveClassName('node-action'), child ? '' : 'empty-child'],
       "onClick": function onClick(e) {
         return handleNodeActionClick(e, item);
       }
-    }, [getActionIcon(item)]), (0,external_vue_namespaceObject.createVNode)("div", {
+    }, [child]), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": resolveClassName('node-content')
     }, [[getCheckboxRender(item), getNodePrefixIcon(item)], (0,external_vue_namespaceObject.createVNode)("span", {
       "class": resolveClassName('node-text')
@@ -1863,7 +1856,7 @@ var use_node_action_this = undefined;
     isIndeterminate: isIndeterminate
   };
 });
-;// ../../packages/tree/src/use-node-drag.tsx
+;// CONCATENATED MODULE: ../../packages/tree/src/use-node-drag.tsx
 var use_node_drag_this = undefined;
 /*
  * Tencent is pleased to support the open source community by making
@@ -2052,7 +2045,7 @@ var use_node_drag_this = undefined;
     }
   });
 });
-;// ../../packages/tree/src/use-search.tsx
+;// CONCATENATED MODULE: ../../packages/tree/src/use-search.tsx
 
 var use_search_this = undefined;
 /*
@@ -2151,12 +2144,12 @@ var use_search_this = undefined;
     showChildNodes: showChildNodes
   };
 });
-;// ../../node_modules/uuid/dist/esm-browser/native.js
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/native.js
 const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
 /* harmony default export */ const esm_browser_native = ({
   randomUUID
 });
-;// ../../node_modules/uuid/dist/esm-browser/rng.js
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/rng.js
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number
 // generators (like Math.random()).
@@ -2175,7 +2168,7 @@ function rng() {
 
   return getRandomValues(rnds8);
 }
-;// ../../node_modules/uuid/dist/esm-browser/stringify.js
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/stringify.js
 
 /**
  * Convert array of 16 byte values to UUID string format of the form:
@@ -2209,7 +2202,7 @@ function stringify(arr, offset = 0) {
 }
 
 /* harmony default export */ const esm_browser_stringify = ((/* unused pure expression or super */ null && (stringify)));
-;// ../../node_modules/uuid/dist/esm-browser/v4.js
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/v4.js
 
 
 
@@ -2239,7 +2232,7 @@ function v4(options, buf, offset) {
 }
 
 /* harmony default export */ const esm_browser_v4 = (v4);
-;// ../../packages/tree/src/use-tree-init.tsx
+;// CONCATENATED MODULE: ../../packages/tree/src/use-tree-init.tsx
 
 
 var use_tree_init_this = undefined;
@@ -2611,7 +2604,7 @@ var use_tree_init_this = undefined;
     onSelected: onSelected
   };
 });
-;// ../../packages/tree/src/tree.tsx
+;// CONCATENATED MODULE: ../../packages/tree/src/tree.tsx
 
 
 /*
@@ -2674,6 +2667,7 @@ var use_tree_init_this = undefined;
       getNodePath = _useNodeAttribute.getNodePath,
       getNodeId = _useNodeAttribute.getNodeId,
       getNodeAttr = _useNodeAttribute.getNodeAttr,
+      getNodeById = _useNodeAttribute.getNodeById,
       getParentNode = _useNodeAttribute.getParentNode,
       getIntersectionResponse = _useNodeAttribute.getIntersectionResponse;
     var _useSearch = use_search(props),
@@ -2819,6 +2813,11 @@ var use_tree_init_this = undefined;
         return;
       }
     };
+    var setCheckedById = function setCheckedById(id) {
+      var checked = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      var triggerEvent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      setChecked(getNodeById(id), checked, triggerEvent);
+    };
     ctx.expose({
       handleTreeNodeClick: handleTreeNodeClick,
       isNodeChecked: isNodeChecked,
@@ -2828,6 +2827,7 @@ var use_tree_init_this = undefined;
       hasChildNode: hasChildNode,
       setOpen: setOpen,
       setChecked: setChecked,
+      setCheckedById: setCheckedById,
       setNodeAction: setNodeAction,
       setNodeOpened: setOpen,
       setSelect: setSelect,
@@ -2902,7 +2902,7 @@ var use_tree_init_this = undefined;
     };
   }
 }));
-;// ../../packages/tree/src/index.ts
+;// CONCATENATED MODULE: ../../packages/tree/src/index.ts
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.

package/lib/tree/props.d.ts

@@ -240,6 +240,7 @@ type AsyncOption = {
     callback: (item: any, cb: any) => Promise<VNode | string>;
     cache: boolean;
     deepAutoOpen?: string;
+    trigger?: string[];
 };
 export type IIntersectionObserver = {
     enabled: boolean;

package/lib/tree/tree.css

@@ -276,6 +276,20 @@
 .bk-tree-node:not(.is-root) {
   margin-left: calc(var(--depth)*var(--indent));
 }
+.bk-tree-node:not(.is-root).level-line .bk-node-action.empty-child {
+  position: relative;
+}
+.bk-tree-node:not(.is-root).level-line .bk-node-action.empty-child::before {
+  position: absolute;
+  top: calc(50% + 1px);
+  left: 0;
+  right: 0;
+  z-index: 1;
+  height: 0;
+  pointer-events: none;
+  border-bottom: var(--level-line);
+  content: '';
+}
 .bk-tree-node:not(.is-root).level-line::before {
   position: absolute;
   top: calc(50% + 1px);
@@ -309,6 +323,7 @@
 .bk-tree-node .bk-node-action {
   margin-right: 6px;
   color: #979ba5;
+  min-width: 14px;
 }
 .bk-tree-node .bk-tree-icon {
   margin: 0 6px 0 4px;
@@ -319,6 +334,9 @@
   align-items: center;
   min-width: 0;
 }
+.bk-tree-node .bk-node-content .node-check-box {
+  display: inline-flex;
+}
 .bk-tree-node .bk-node-content .bk-checkbox {
   margin: 0;
 }

package/lib/tree/tree.d.ts

@@ -49,6 +49,7 @@ declare const _default: import("vue").DefineComponent<{
         }>>;
         cache: boolean;
         deepAutoOpen?: string;
+        trigger?: string[];
     }>;
     offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
@@ -186,6 +187,7 @@ declare const _default: import("vue").DefineComponent<{
         }>>;
         cache: boolean;
         deepAutoOpen?: string;
+        trigger?: string[];
     }>;
     offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
         default: number;

package/lib/tree/tree.less

@@ -27,6 +27,25 @@
       margin-left: calc(var(--depth)*var(--indent));
 
       &.level-line {
+
+        .@{bk-prefix}-node-action {
+          &.empty-child {
+            position: relative;
+
+            &::before {
+              position: absolute;
+              top: calc(50% + 1px);
+              left: 0;
+              right: 0;
+              z-index: 1;
+              height: 0;
+              pointer-events: none;
+              border-bottom: var(--level-line);
+              content: '';
+            }
+          }
+        }
+
         &::before {
           position: absolute;
           top: calc(50% + 1px);
@@ -68,6 +87,7 @@
     .@{bk-prefix}-node-action {
       margin-right: 6px;
       color: #979ba5;
+      min-width: 14px;
     }
 
     .@{bk-prefix}-tree-icon {
@@ -80,6 +100,10 @@
       align-items: center;
       min-width: 0;
 
+      .node-check-box {
+        display: inline-flex;
+      }
+
       .@{bk-prefix}-checkbox {
         margin: 0;