bkui-vue 0.0.1-beta.62 → 0.0.1-beta.63

package/dist/index.esm.js

@@ -2866,7 +2866,7 @@ var Component$A = defineComponent({
       "class": "bk-alert-title"
     }, [this.title]), createVNode("div", {
       "class": "bk-alert-description"
-    }, null)]), createVNode("span", {
+    }, null)]), this.closable && createVNode("span", {
       "class": closeButtonClasses,
       "onClick": this.handleClose
     }, [this.closeText])])]);
@@ -9407,6 +9407,85 @@ var BkCheckboxGroup = defineComponent({
   }
 });
 const BkCheckbox = withInstallProps(Component$q, { Group: BkCheckboxGroup });
+const trimArr$1 = function(s2) {
+  return (s2 || "").split(" ").filter((item) => !!item.trim());
+};
+function removeClass$1(el, cls) {
+  if (!el || !cls)
+    return;
+  const classes2 = trimArr$1(cls);
+  let curClass = el.getAttribute("class") || "";
+  if (el.classList) {
+    el.classList.remove(...classes2);
+    return;
+  }
+  classes2.forEach((item) => {
+    curClass = curClass.replace(` ${item} `, " ");
+  });
+  const className = trimArr$1(curClass).join(" ");
+  el.setAttribute("class", className);
+}
+function addClass$1(el, cls) {
+  if (!el)
+    return;
+  let className = el.getAttribute("class") || "";
+  const curClass = trimArr$1(className);
+  const classes2 = (cls || "").split(" ").filter((item) => !curClass.includes(item) && !!item.trim());
+  if (el.classList) {
+    el.classList.add(...classes2);
+  } else {
+    className += ` ${classes2.join(" ")}`;
+    el.setAttribute("class", className);
+  }
+}
+const collapseMotion$1 = (emit) => ({
+  css: true,
+  onBeforeEnter: (el) => {
+    addClass$1(el, "collapse-transition");
+    if (!el.dataset)
+      el.dataset = {};
+    el.style.height = "0px";
+  },
+  onEnter: (el) => {
+    el.dataset.oldOverflow = el.style.overflow;
+    if (el.scrollHeight !== 0) {
+      el.style.height = `${el.scrollHeight}px`;
+      el.style.maxHeight = `${el.scrollHeight}px`;
+    } else {
+      el.style.height = "0px";
+    }
+    el.style.overflow = "hidden";
+  },
+  onAfterEnter: (el) => {
+    el.style.height = "";
+    el.style.maxHeight = "";
+    el.style.overflow = el.dataset.oldOverflow;
+    removeClass$1(el, "collapse-transition");
+    emit("before-enter");
+  },
+  onBeforeLeave: (el) => {
+    if (!el.dataset)
+      el.dataset = {};
+    el.dataset.oldOverflow = el.style.overflow;
+    el.style.height = `${el.scrollHeight}px`;
+    el.style.maxHeight = `${el.scrollHeight}px`;
+    el.style.overflow = "hidden";
+  },
+  onLeave: (el) => {
+    if (el.scrollHeight !== 0) {
+      addClass$1(el, "collapse-transition");
+      el.style.transitionProperty = "height";
+      el.style.height = "0px";
+    }
+  },
+  onAfterLeave: (el) => {
+    removeClass$1(el, "collapse-transition");
+    el.style.height = "";
+    el.style.maxHeight = "";
+    el.style.overflow = el.dataset.oldOverflow;
+    emit("after-leave");
+  }
+});
 var Component$p = defineComponent({
   name: "Collapse",
   props: {
@@ -9414,16 +9493,27 @@ var Component$p = defineComponent({
     idFiled: PropTypes.string.def("$index"),
     titleField: PropTypes.string.def("name"),
     contentField: PropTypes.string.def("content"),
-    activeIndex: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number).def([]), PropTypes.number.def(-1)]),
-    activeName: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string).def([]), PropTypes.string.def("")]),
-    accordion: PropTypes.bool.def(true)
+    modelValue: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number).def([]), PropTypes.arrayOf(PropTypes.string).def([]), PropTypes.number.def(-1)]),
+    accordion: PropTypes.bool.def(false)
   },
+  emits: ["item-click", "update:modelValue", "after-leave", "before-enter"],
   setup(props, {
+    emit,
     slots
   }) {
-    const localActiveItems = ref(null);
-    watch(() => [props.activeName, props.activeIndex], () => {
-      localActiveItems.value = null;
+    const localActiveItems = ref([]);
+    const transition = ref(collapseMotion$1(emit));
+    watch(() => [props.modelValue], () => {
+      const value = props.modelValue;
+      if (Array.isArray(value)) {
+        localActiveItems.value = [...value];
+      } else if (typeof value !== "undefined") {
+        localActiveItems.value = [value];
+      } else {
+        localActiveItems.value = [];
+      }
+    }, {
+      immediate: true
     });
     const collapseData = computed(() => (props.list || []).map((item, index) => {
       if (typeof item === "string" || typeof item === "number" || typeof item === "boolean") {
@@ -9436,59 +9526,47 @@ var Component$p = defineComponent({
         $index: index
       }, item);
     }));
-    const activeItemIndexList = computed(() => {
-      var _a;
-      if (localActiveItems.value !== null) {
-        return localActiveItems.value.map((item) => item.$index);
-      }
-      if (props.activeName !== null && props.activeName !== void 0 && props.activeName !== "") {
-        const activeNames = resolvePropsActiveValue(props.activeName);
-        return activeNames.map((name2) => collapseData.value.findIndex((item) => item[props.idFiled] === name2));
-      }
-      return resolvePropsActiveValue((_a = props.activeIndex) != null ? _a : 0);
-    });
-    const resolvePropsActiveValue = (prop) => {
-      if (Array.isArray(prop)) {
-        return props.accordion ? resolvePropsActiveValue(prop[0]) : prop;
-      }
-      if (typeof prop === "string" || typeof prop === "number") {
-        return [prop];
-      }
-      return [];
-    };
     const handleItemClick = (item) => {
-      if (localActiveItems.value === null) {
-        localActiveItems.value = [item];
+      if (item.disabled)
+        return;
+      if (props.accordion) {
+        const activeItemIndex = localActiveItems.value.findIndex((local) => local === item[props.idFiled]);
+        if (activeItemIndex >= 0) {
+          localActiveItems.value.splice(activeItemIndex, 1);
+        } else {
+          localActiveItems.value = [item[props.idFiled]];
+        }
       } else {
-        if (props.accordion) {
-          localActiveItems.value = [item];
+        const activeItemIndex = localActiveItems.value.findIndex((local) => local === item[props.idFiled]);
+        if (activeItemIndex >= 0) {
+          localActiveItems.value.splice(activeItemIndex, 1);
         } else {
-          const activeItemIndex = localActiveItems.value.findIndex((local) => local.$index === item.$index);
-          if (activeItemIndex >= 0) {
-            localActiveItems.value.splice(activeItemIndex, 1);
-          } else {
-            localActiveItems.value.push(item);
-          }
+          localActiveItems.value.push(item[props.idFiled]);
         }
       }
+      emit("item-click", item);
+      emit("update:modelValue", localActiveItems.value);
     };
-    const isItemActive = (item) => activeItemIndexList.value.some((activeIndex) => activeIndex === item.$index);
+    const isItemActive = (item) => localActiveItems.value.includes(item[props.idFiled]);
     const renderItems = () => collapseData.value.map((item) => {
-      var _a, _b, _c, _d;
+      var _a, _b;
       return createVNode("div", {
-        "class": "bk-collapse-item"
+        "class": `bk-collapse-item ${item.disabled ? "is-disabled" : ""} ${isItemActive(item) ? "bk-collapse-item-active" : ""}`
       }, [createVNode("div", {
         "class": "bk-collapse-header",
         "onClick": () => handleItemClick(item)
       }, [createVNode("span", {
         "class": "bk-collapse-title"
-      }, [(_b = (_a = slots.default) == null ? void 0 : _a.call(slots, item)) != null ? _b : item[props.titleField]]), isItemActive(item) ? createVNode(angleDown, {
-        "class": "bk-collapse-icon"
-      }, null) : createVNode(angleRight, {
-        "class": "bk-collapse-icon"
-      }, null)]), createVNode("div", {
-        "class": `bk-collapse-content ${isItemActive(item) && "active" || ""}`
-      }, [(_d = (_c = slots.content) == null ? void 0 : _c.call(slots, item)) != null ? _d : item[props.contentField]])]);
+      }, [(_b = (_a = slots.default) == null ? void 0 : _a.call(slots, item)) != null ? _b : item[props.titleField]]), createVNode(angleRight, {
+        "class": `bk-collapse-icon ${isItemActive(item) && "rotate-icon" || ""}`
+      }, null)]), createVNode(Transition, transition.value, {
+        default: () => {
+          var _a2, _b2;
+          return [withDirectives(createVNode("div", {
+            "class": `bk-collapse-content ${isItemActive(item) && "active" || ""}`
+          }, [(_b2 = (_a2 = slots.content) == null ? void 0 : _a2.call(slots, item)) != null ? _b2 : item[props.contentField]]), [[vShow, isItemActive(item)]])];
+        }
+      })]);
     });
     const className = "bk-collapse-wrapper";
     return () => createVNode("div", {
@@ -9496,7 +9574,7 @@ var Component$p = defineComponent({
     }, [renderItems()]);
   }
 });
-const BkCollaspe = withInstall(Component$p);
+const BkCollapse = withInstall(Component$p);
 const propsMixin$1 = {
   isShow: PropTypes.bool.def(false),
   width: PropTypes.string.def("50%") || PropTypes.number,
@@ -13893,12 +13971,12 @@ var Settings = defineComponent({
     });
   }
 });
-let EVENTS;
+let EVENTS$1;
 (function(EVENTS2) {
   EVENTS2["ON_SORT_BY_CLICK"] = "onSortByClick";
   EVENTS2["ON_FILTER_CLICK"] = "onFilterClick";
   EVENTS2["ON_SETTING_CHANGE"] = "onSettingChange";
-})(EVENTS || (EVENTS = {}));
+})(EVENTS$1 || (EVENTS$1 = {}));
 class TableRender {
   constructor(props, ctx, reactiveProp, colgroups) {
     __publicField(this, "getRowHeight", (row, rowIndex) => {
@@ -13951,7 +14029,7 @@ class TableRender {
           col.isHidden = !(checked != null ? checked : []).includes(resolvePropVal(col, "field", [col]));
         });
       }
-      this.emitEvent(EVENTS.ON_SETTING_CHANGE, [arg]);
+      this.emitEvent(EVENTS$1.ON_SETTING_CHANGE, [arg]);
     };
     return [this.props.settings ? createVNode(Settings, {
       "class": "table-head-settings",
@@ -14031,7 +14109,7 @@ class TableRender {
   }
   getSortCell(column, index) {
     const hanldeSortClick = (sortFn, type) => {
-      this.emitEvent(EVENTS.ON_SORT_BY_CLICK, [{
+      this.emitEvent(EVENTS$1.ON_SORT_BY_CLICK, [{
         sortFn,
         column,
         index,
@@ -14046,7 +14124,7 @@ class TableRender {
   getFilterCell(column, index) {
     const handleFilterChange = (checked, filterFn) => {
       const filterFn0 = (row, index2) => filterFn(checked, row, index2);
-      this.emitEvent(EVENTS.ON_FILTER_CLICK, [{
+      this.emitEvent(EVENTS$1.ON_FILTER_CLICK, [{
         filterFn: filterFn0,
         checked,
         column,
@@ -14298,19 +14376,19 @@ var Component$7 = defineComponent({
     watchEffect(() => {
       watchEffectFn(columnFilterFn, columnSortFn);
     });
-    tableRender.on(EVENTS.ON_SORT_BY_CLICK, (args) => {
+    tableRender.on(EVENTS$1.ON_SORT_BY_CLICK, (args) => {
       const {
         sortFn
       } = args;
       columnSortFn = sortFn;
       pageData.sort(columnSortFn);
-    }).on(EVENTS.ON_FILTER_CLICK, (args) => {
+    }).on(EVENTS$1.ON_FILTER_CLICK, (args) => {
       const {
         filterFn
       } = args;
       columnFilterFn = filterFn;
       resolvePageData(columnFilterFn, columnSortFn);
-    }).on(EVENTS.ON_SETTING_CHANGE, (args) => {
+    }).on(EVENTS$1.ON_SETTING_CHANGE, (args) => {
       var _a, _b;
       const {
         checked = []
@@ -19932,6 +20010,10 @@ const datePickerProps = {
     type: Number,
     default: -1
   },
+  headerSlotCls: {
+    type: String,
+    default: ""
+  },
   footerSlotCls: {
     type: String,
     default: ""
@@ -20034,6 +20116,8 @@ var Component$3 = defineComponent({
       return visualValue.value;
     });
     const isConfirm = computed(() => !!slots.trigger || props.type === "datetime" || props.type === "datetimerange" || props.multiple);
+    const hasHeader = computed(() => !!slots.header);
+    const hasFooter = computed(() => !!slots.footer);
     const fontSizeCls = computed(() => {
       let cls = "";
       if (props.fontSize === "medium") {
@@ -20059,7 +20143,6 @@ var Component$3 = defineComponent({
       }
       return !props.editable || props.readonly;
     });
-    const hasFooter = computed(() => !!slots.footer);
     const allowCrossDayProp = computed(() => panel.value === "RangeTimePickerPanel" ? props.allowCrossDay : false);
     const inputRef = ref(null);
     const inputFocus = () => {
@@ -20315,10 +20398,11 @@ var Component$3 = defineComponent({
       visualValue,
       displayValue,
       isConfirm,
+      hasHeader,
+      hasFooter,
       fontSizeCls,
       longWidthCls,
       localReadonly,
-      hasFooter,
       allowCrossDayProp,
       pickerDropdownRef,
       inputRef,
@@ -20430,35 +20514,42 @@ var Component$3 = defineComponent({
           "appendToBody": this.appendToBody,
           "onClick": this.handleTransferClick
         }, {
-          default: () => [this.panel === "DateRangePanel" ? createVNode(DateRangePanel, {
-            "ref": "pickerPanelRef",
-            "type": this.type,
-            "confirm": this.isConfirm,
-            "shortcuts": this.shortcuts,
-            "modelValue": this.internalValue,
-            "selectionMode": this.selectionMode,
-            "startDate": this.startDate,
-            "disableDate": this.disableDate,
-            "focusedDate": this.focusedDate,
-            "onPick": this.onPick,
-            "onPick-success": this.onPickSuccess
-          }, null) : createVNode(DatePanel, {
-            "ref": "pickerPanelRef",
-            "clearable": this.clearable,
-            "showTime": this.type === "datetime" || this.type === "datetimerange",
-            "confirm": this.isConfirm,
-            "shortcuts": this.shortcuts,
-            "multiple": this.multiple,
-            "shortcutClose": this.shortcutClose,
-            "selectionMode": this.selectionMode,
-            "modelValue": this.internalValue,
-            "startDate": this.startDate,
-            "disableDate": this.disableDate,
-            "focusedDate": this.focusedDate,
-            "onPick": this.onPick,
-            "onPick-clear": this.handleClear,
-            "onPick-success": this.onPickSuccess
-          }, null)]
+          default: () => {
+            var _a2, _b2, _c2, _d, _e, _f;
+            return [this.hasHeader ? createVNode("div", {
+              "class": ["bk-date-picker-top-wrapper", this.headerSlotCls]
+            }, [(_c2 = (_b2 = (_a2 = this.$slots).header) == null ? void 0 : _b2.call(_a2)) != null ? _c2 : null]) : null, this.panel === "DateRangePanel" ? createVNode(DateRangePanel, {
+              "ref": "pickerPanelRef",
+              "type": this.type,
+              "confirm": this.isConfirm,
+              "shortcuts": this.shortcuts,
+              "modelValue": this.internalValue,
+              "selectionMode": this.selectionMode,
+              "startDate": this.startDate,
+              "disableDate": this.disableDate,
+              "focusedDate": this.focusedDate,
+              "onPick": this.onPick,
+              "onPick-success": this.onPickSuccess
+            }, null) : createVNode(DatePanel, {
+              "ref": "pickerPanelRef",
+              "clearable": this.clearable,
+              "showTime": this.type === "datetime" || this.type === "datetimerange",
+              "confirm": this.isConfirm,
+              "shortcuts": this.shortcuts,
+              "multiple": this.multiple,
+              "shortcutClose": this.shortcutClose,
+              "selectionMode": this.selectionMode,
+              "modelValue": this.internalValue,
+              "startDate": this.startDate,
+              "disableDate": this.disableDate,
+              "focusedDate": this.focusedDate,
+              "onPick": this.onPick,
+              "onPick-clear": this.handleClear,
+              "onPick-success": this.onPickSuccess
+            }, null), this.hasFooter ? createVNode("div", {
+              "class": ["bk-date-picker-footer-wrapper", this.footerSlotCls]
+            }, [(_f = (_e = (_d = this.$slots).footer) == null ? void 0 : _e.call(_d)) != null ? _f : null]) : null];
+          }
         }), [[vShow, this.opened]])]
       })]
     })]), [[resolveDirective("clickoutside"), this.handleClose]]);
@@ -20888,6 +20979,27 @@ var Component$2 = defineComponent({
   }
 });
 const Transfer = withInstall(Component$2);
+var EVENTS = /* @__PURE__ */ ((EVENTS2) => {
+  EVENTS2["NODE_CLICK"] = "node-click";
+  EVENTS2["NODE_COLLAPSE"] = "node-collapse";
+  EVENTS2["NODE_EXPAND"] = "node-expand";
+  return EVENTS2;
+})(EVENTS || {});
+var NODE_ATTRIBUTES = /* @__PURE__ */ ((NODE_ATTRIBUTES2) => {
+  NODE_ATTRIBUTES2["DEPTH"] = "__depth";
+  NODE_ATTRIBUTES2["INDEX"] = "__index";
+  NODE_ATTRIBUTES2["UUID"] = "__uuid";
+  NODE_ATTRIBUTES2["PARENT_ID"] = "__parentId";
+  NODE_ATTRIBUTES2["HAS_CHILD"] = "__hasChild";
+  NODE_ATTRIBUTES2["PATH"] = "__path";
+  NODE_ATTRIBUTES2["IS_ROOT"] = "__isRoot";
+  NODE_ATTRIBUTES2["ORDER"] = "__order";
+  NODE_ATTRIBUTES2["IS_OPEN"] = "__isOpen";
+  NODE_ATTRIBUTES2["CHECKED"] = "__checked";
+  NODE_ATTRIBUTES2["IS_ASYNC_INIT"] = "__isAsyncInit";
+  NODE_ATTRIBUTES2["IS_MATCH"] = "__isMatch";
+  return NODE_ATTRIBUTES2;
+})(NODE_ATTRIBUTES || {});
 const treeProps = {
   data: PropTypes.arrayOf(PropTypes.any).def([]),
   label: PropTypes.oneOfType([PropTypes.func.def(void 0), PropTypes.string.def("label")]),
@@ -20945,6 +21057,48 @@ var useEmpty = (props, {
     }
   })
 });
+var useNodeAttribute = (flatData) => {
+  const schemaValues = computed(() => Array.from(flatData.schema.values()));
+  const getSchemaVal2 = (key) => flatData.schema.get(key);
+  const getNodeAttr2 = (node, attr) => {
+    var _a;
+    return (_a = getSchemaVal2(node[NODE_ATTRIBUTES.UUID])) == null ? void 0 : _a[attr];
+  };
+  const setNodeAttr = (node, attr, val) => flatData.schema.set(node[NODE_ATTRIBUTES.UUID], __spreadProps(__spreadValues({}, getSchemaVal2(node[NODE_ATTRIBUTES.UUID])), {
+    [attr]: val
+  }));
+  const getNodePath = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.PATH);
+  const isRootNode = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.IS_ROOT);
+  const isNodeOpened = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.IS_OPEN);
+  const hasChildNode = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.HAS_CHILD);
+  const isNodeMatched = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.IS_MATCH);
+  const isNodeChecked = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.CHECKED);
+  const isItemOpen = (item) => {
+    var _a;
+    if (typeof item === "object") {
+      return isNodeOpened(item);
+    }
+    if (typeof item === "string") {
+      return (_a = getSchemaVal2(item)) == null ? void 0 : _a[NODE_ATTRIBUTES.IS_OPEN];
+    }
+    return false;
+  };
+  const checkNodeIsOpen = (node) => isRootNode(node) || isItemOpen(node) || isItemOpen(getNodeAttr2(node, NODE_ATTRIBUTES.PARENT_ID));
+  return {
+    schemaValues,
+    getSchemaVal: getSchemaVal2,
+    getNodeAttr: getNodeAttr2,
+    setNodeAttr,
+    getNodePath,
+    isRootNode,
+    isNodeOpened,
+    hasChildNode,
+    isItemOpen,
+    isNodeChecked,
+    isNodeMatched,
+    checkNodeIsOpen
+  };
+};
 var rngBrowser = { exports: {} };
 var getRandomValues = typeof crypto != "undefined" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto != "undefined" && typeof window.msCrypto.getRandomValues == "function" && msCrypto.getRandomValues.bind(msCrypto);
 if (getRandomValues) {
@@ -21084,21 +21238,6 @@ uuid.v1 = v1;
 uuid.v4 = v4;
 var uuid_1 = uuid;
 const DEFAULT_LEVLE_LINE = "1px dashed #c3cdd7";
-var NODE_ATTRIBUTES = /* @__PURE__ */ ((NODE_ATTRIBUTES2) => {
-  NODE_ATTRIBUTES2["DEPTH"] = "__depth";
-  NODE_ATTRIBUTES2["INDEX"] = "__index";
-  NODE_ATTRIBUTES2["UUID"] = "__uuid";
-  NODE_ATTRIBUTES2["PARENT_ID"] = "__parentId";
-  NODE_ATTRIBUTES2["HAS_CHILD"] = "__hasChild";
-  NODE_ATTRIBUTES2["PATH"] = "__path";
-  NODE_ATTRIBUTES2["IS_ROOT"] = "__isRoot";
-  NODE_ATTRIBUTES2["ORDER"] = "__order";
-  NODE_ATTRIBUTES2["IS_OPEN"] = "__isOpen";
-  NODE_ATTRIBUTES2["CHECKED"] = "__checked";
-  NODE_ATTRIBUTES2["IS_ASYNC_INIT"] = "__isAsyncInit";
-  NODE_ATTRIBUTES2["IS_MATCH"] = "__isMatch";
-  return NODE_ATTRIBUTES2;
-})(NODE_ATTRIBUTES || {});
 const getFlatdata = (props, treeData = void 0, cachedSchema = []) => {
   const { data: data2, children } = props;
   const outputData = [];
@@ -21109,10 +21248,10 @@ const getFlatdata = (props, treeData = void 0, cachedSchema = []) => {
     if (typeof props.nodeKey === "string") {
       uid = item[props.nodeKey];
     }
-    return uid || item["__uuid"] || uuid_1.v4();
+    return uid || item[NODE_ATTRIBUTES.UUID] || uuid_1.v4();
   }
   function getCachedTreeNodeAttr(uuid2, node, attr, cachedAttr, defaultValue = void 0) {
-    const cached = (cachedSchema || []).find((item) => item["__uuid"] === uuid2);
+    const cached = (cachedSchema || []).find((item) => item[NODE_ATTRIBUTES.UUID] === uuid2);
     let result = void 0;
     if (cached) {
       result = cached[cachedAttr];
@@ -21125,13 +21264,13 @@ const getFlatdata = (props, treeData = void 0, cachedSchema = []) => {
     return result;
   }
   function isCachedTreeNodeOpened(uuid2, node) {
-    return getCachedTreeNodeAttr(uuid2, node, "isOpen", "__isOpen", false);
+    return getCachedTreeNodeAttr(uuid2, node, "isOpen", NODE_ATTRIBUTES.IS_OPEN, false);
   }
   function isCachedTreeNodeChecked(uuid2, node) {
-    return getCachedTreeNodeAttr(uuid2, node, "checked", "__checked", false);
+    return getCachedTreeNodeAttr(uuid2, node, "checked", NODE_ATTRIBUTES.CHECKED, false);
   }
   function isCachedTreeNodeMatch(uuid2, node) {
-    return getCachedTreeNodeAttr(uuid2, node, "isMatch", "__isMatch", true);
+    return getCachedTreeNodeAttr(uuid2, node, "isMatch", NODE_ATTRIBUTES.IS_MATCH, true);
   }
   function flatten(array, depth = 0, parent = null, path = null) {
     const arrLength = array.length;
@@ -21145,20 +21284,20 @@ const getFlatdata = (props, treeData = void 0, cachedSchema = []) => {
           const currentPath = path !== null ? `${path}-${i}` : `${i}`;
           const hasChildren = !!(item[children] || []).length;
           const attrs = {
-            ["__depth"]: depth,
-            ["__index"]: i,
-            ["__uuid"]: uuid2,
-            ["__parentId"]: parent,
-            ["__hasChild"]: hasChildren,
-            ["__path"]: currentPath,
-            ["__isRoot"]: parent === null,
-            ["__order"]: order2,
-            ["__isMatch"]: isCachedTreeNodeMatch(uuid2, item),
-            ["__isOpen"]: isCachedTreeNodeOpened(uuid2, item),
-            ["__checked"]: isCachedTreeNodeChecked(uuid2, item),
+            [NODE_ATTRIBUTES.DEPTH]: depth,
+            [NODE_ATTRIBUTES.INDEX]: i,
+            [NODE_ATTRIBUTES.UUID]: uuid2,
+            [NODE_ATTRIBUTES.PARENT_ID]: parent,
+            [NODE_ATTRIBUTES.HAS_CHILD]: hasChildren,
+            [NODE_ATTRIBUTES.PATH]: currentPath,
+            [NODE_ATTRIBUTES.IS_ROOT]: parent === null,
+            [NODE_ATTRIBUTES.ORDER]: order2,
+            [NODE_ATTRIBUTES.IS_MATCH]: isCachedTreeNodeMatch(uuid2, item),
+            [NODE_ATTRIBUTES.IS_OPEN]: isCachedTreeNodeOpened(uuid2, item),
+            [NODE_ATTRIBUTES.CHECKED]: isCachedTreeNodeChecked(uuid2, item),
             [children]: null
           };
-          Object.assign(item, { ["__uuid"]: uuid2 });
+          Object.assign(item, { [NODE_ATTRIBUTES.UUID]: uuid2 });
           schema.set(uuid2, attrs);
           order2 += 1;
           outputData.push(__spreadProps(__spreadValues({}, item), {
@@ -21219,7 +21358,7 @@ const getTreeStyle = (item, props) => {
 };
 const getNodeItemStyle = (item, props, flatData = {}) => {
   const { schema } = flatData;
-  const depth = getNodeAttr(schema, item["__uuid"], "__depth");
+  const depth = getNodeAttr(schema, item[NODE_ATTRIBUTES.UUID], NODE_ATTRIBUTES.DEPTH);
   return __spreadValues({
     "--depth": depth
   }, typeof props.levelLine === "function" ? {
@@ -21229,7 +21368,7 @@ const getNodeItemStyle = (item, props, flatData = {}) => {
   } : {});
 };
 const getNodeItemClass = (item, schema, props) => {
-  const { __isRoot, __isOpen } = getSchemaVal(schema, item["__uuid"]) || {};
+  const { __isRoot, __isOpen } = getSchemaVal(schema, item[NODE_ATTRIBUTES.UUID]) || {};
   return {
     "is-root": __isRoot,
     "bk-tree-node": true,
@@ -21239,7 +21378,7 @@ const getNodeItemClass = (item, schema, props) => {
   };
 };
 const getNodeRowClass = (item, schema) => {
-  const { __checked } = getSchemaVal(schema, item["__uuid"]) || {};
+  const { __checked } = getSchemaVal(schema, item[NODE_ATTRIBUTES.UUID]) || {};
   return {
     "is-checked": __checked,
     [resolveClassName("node-row")]: true
@@ -21256,46 +21395,6 @@ const assignTreeNode = (path, treeData, childKey, assignVal) => {
   }, treeData);
   Object.assign(targetNode, assignVal || {});
 };
-var useNodeAttribute = (flatData) => {
-  const schemaValues = computed(() => Array.from(flatData.schema.values()));
-  const getSchemaVal2 = (key) => flatData.schema.get(key);
-  const getNodeAttr2 = (node, attr) => {
-    var _a;
-    return (_a = getSchemaVal2(node[NODE_ATTRIBUTES.UUID])) == null ? void 0 : _a[attr];
-  };
-  const setNodeAttr = (node, attr, val) => flatData.schema.set(node[NODE_ATTRIBUTES.UUID], __spreadProps(__spreadValues({}, getSchemaVal2(node[NODE_ATTRIBUTES.UUID])), {
-    [attr]: val
-  }));
-  const getNodePath = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.PATH);
-  const isRootNode = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.IS_ROOT);
-  const isNodeOpened = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.IS_OPEN);
-  const hasChildNode = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.HAS_CHILD);
-  const isChecked = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.CHECKED);
-  const isItemOpen = (item) => {
-    var _a;
-    if (typeof item === "object") {
-      return isNodeOpened(item);
-    }
-    if (typeof item === "string") {
-      return (_a = getSchemaVal2(item)) == null ? void 0 : _a[NODE_ATTRIBUTES.IS_OPEN];
-    }
-    return false;
-  };
-  const checkNodeIsOpen = (node) => isRootNode(node) || isItemOpen(node) || isItemOpen(getNodeAttr2(node, NODE_ATTRIBUTES.PARENT_ID));
-  return {
-    schemaValues,
-    getSchemaVal: getSchemaVal2,
-    getNodeAttr: getNodeAttr2,
-    setNodeAttr,
-    getNodePath,
-    isRootNode,
-    isNodeOpened,
-    hasChildNode,
-    isItemOpen,
-    isChecked,
-    checkNodeIsOpen
-  };
-};
 var useAsync = (props, flatData) => {
   const {
     setNodeAttr,
@@ -21360,6 +21459,8 @@ var useNodeAction = (props, ctx, flatData, renderData) => {
     hasChildNode,
     isItemOpen,
     isNodeOpened,
+    isNodeChecked,
+    isNodeMatched,
     schemaValues
   } = useNodeAttribute(flatData);
   const {
@@ -21393,9 +21494,12 @@ var useNodeAction = (props, ctx, flatData, renderData) => {
     return null;
   };
   const getActionIcon = (item) => {
+    if (ctx.slots.nodeAction) {
+      return ctx.slots.nodeAction(resolveScopedSlotParam(item));
+    }
     let prefixFnVal = null;
     if (typeof props.prefixIcon === "function") {
-      prefixFnVal = props.prefixIcon(isRootNode(item), hasChildNode(item) || item.async, isItemOpen(item), "action", item);
+      prefixFnVal = props.prefixIcon(resolveScopedSlotParam(item), "node_action");
       if (prefixFnVal !== "default") {
         return renderPrefixVal(prefixFnVal);
       }
@@ -21408,9 +21512,12 @@ var useNodeAction = (props, ctx, flatData, renderData) => {
     return null;
   };
   const getNodePrefixIcon = (item) => {
+    if (ctx.slots.nodeType) {
+      return ctx.slots.nodeType(resolveScopedSlotParam(item));
+    }
     let prefixFnVal = null;
     if (typeof props.prefixIcon === "function") {
-      prefixFnVal = props.prefixIcon(isRootNode(item), hasChildNode(item) || item.async, isItemOpen(item), "node_type", item);
+      prefixFnVal = props.prefixIcon(resolveScopedSlotParam(item), "node_type");
       if (prefixFnVal !== "default") {
         return renderPrefixVal(prefixFnVal);
       }
@@ -21422,28 +21529,33 @@ var useNodeAction = (props, ctx, flatData, renderData) => {
     }
     return null;
   };
-  const getLoadingIcon = (item) => item.loading ? createVNode(spinner, null, null) : "";
-  const setNodeOpened = (item, isOpen = null) => {
+  const getLoadingIcon = (item) => {
+    var _a, _b, _c;
+    return ((_c = (_b = (_a = ctx.slots).nodeLoading) == null ? void 0 : _b.call(_a, resolveScopedSlotParam(item))) != null ? _c : item.loading) ? createVNode(spinner, null, null) : "";
+  };
+  const setNodeOpened = (item, isOpen = null, e = null, fireEmit = true) => {
     const newVal = isOpen === null ? !isItemOpen(item) : !!isOpen;
     setNodeAttr(item, NODE_ATTRIBUTES.IS_OPEN, newVal);
+    if (fireEmit) {
+      const emitEvent = isItemOpen(item) ? EVENTS.NODE_EXPAND : EVENTS.NODE_COLLAPSE;
+      ctx.emit(emitEvent, resolveScopedSlotParam(item), getSchemaVal2(item[NODE_ATTRIBUTES.UUID]), e);
+    }
     if (newVal) {
       return;
     }
     renderData.value.filter((node) => String.prototype.startsWith.call(getNodePath(node), getNodePath(item))).forEach((filterNode) => setNodeAttr(filterNode, NODE_ATTRIBUTES.IS_OPEN, newVal));
   };
-  const hanldeTreeNodeClick = (item) => {
+  const hanldeTreeNodeClick = (item, e) => {
     asyncNodeClick(item);
-    if (hasChildNode(item)) {
-      setNodeOpened(item);
-    }
+    setNodeOpened(item, null, e);
   };
   const handleNodeActionClick = (e, node) => {
     e.stopImmediatePropagation();
     e.stopPropagation();
     e.preventDefault();
-    hanldeTreeNodeClick(node);
+    hanldeTreeNodeClick(node, e);
   };
-  const handleNodeContentClick = (item) => {
+  const handleNodeContentClick = (item, e) => {
     if (!checkedNodes.includes(item[NODE_ATTRIBUTES.UUID])) {
       checkedNodes.forEach((__uuid) => setNodeAttr({
         __uuid
@@ -21452,10 +21564,10 @@ var useNodeAction = (props, ctx, flatData, renderData) => {
       setNodeAttr(item, NODE_ATTRIBUTES.CHECKED, true);
       checkedNodes.push(item[NODE_ATTRIBUTES.UUID]);
       if (!isNodeOpened(item)) {
-        hanldeTreeNodeClick(item);
+        hanldeTreeNodeClick(item, e);
       }
-      ctx.emit("check", item, getSchemaVal2(item[NODE_ATTRIBUTES.UUID]));
     }
+    ctx.emit(EVENTS.NODE_CLICK, resolveScopedSlotParam(item), getSchemaVal2(item[NODE_ATTRIBUTES.UUID]), e);
   };
   const filterNextNode = (depth, node) => {
     if (isRootNode(node)) {
@@ -21486,6 +21598,13 @@ var useNodeAction = (props, ctx, flatData, renderData) => {
       "style": getNodeLineStyle(maxDeep - index)
     }, null));
   };
+  const resolveScopedSlotParam = (item) => __spreadProps(__spreadValues({}, item), {
+    hasChildNode: hasChildNode(item),
+    isMatched: isNodeMatched(item),
+    isChecked: isNodeChecked(item),
+    isOpened: isNodeOpened(item),
+    isRoot: isRootNode(item)
+  });
   const renderTreeNode = (item) => {
     var _a, _b, _c, _d, _e;
     return createVNode("div", {
@@ -21493,7 +21612,7 @@ var useNodeAction = (props, ctx, flatData, renderData) => {
     }, [createVNode("div", {
       "class": getNodeItemClass(item, flatData.schema, props),
       "style": getNodeItemStyle(item, props, flatData),
-      "onClick": () => handleNodeContentClick(item)
+      "onClick": (e) => handleNodeContentClick(item, e)
     }, [createVNode("span", {
       "class": resolveClassName("node-action"),
       "onClick": (e) => handleNodeActionClick(e, item)
@@ -21501,7 +21620,7 @@ var useNodeAction = (props, ctx, flatData, renderData) => {
       "class": resolveClassName("node-content")
     }, [[getNodePrefixIcon(item), getLoadingIcon(item)], createVNode("span", {
       "class": resolveClassName("node-text")
-    }, [(_e = (_b = (_a = ctx.slots).node) == null ? void 0 : _b.call(_a, item)) != null ? _e : [getLabel(item, props), (_d = (_c = ctx.slots).nodeAppend) == null ? void 0 : _d.call(_c, item)]])]), getVirtualLines(item)])]);
+    }, [(_c = (_b = (_a = ctx.slots).node) == null ? void 0 : _b.call(_a, resolveScopedSlotParam(item))) != null ? _c : [getLabel(item, props)]]), (_e = (_d = ctx.slots).nodeAppend) == null ? void 0 : _e.call(_d, resolveScopedSlotParam(item))]), getVirtualLines(item)])]);
   };
   return {
     renderTreeNode,
@@ -21555,7 +21674,7 @@ var useSearch = (props) => {
 var Component$1 = defineComponent({
   name: "Tree",
   props: treeProps,
-  emits: ["check"],
+  emits: [EVENTS.NODE_CLICK, EVENTS.NODE_COLLAPSE, EVENTS.NODE_EXPAND],
   setup(props, ctx) {
     var _a;
     const formatData = getFlatdata(props);
@@ -21571,7 +21690,10 @@ var Component$1 = defineComponent({
       getNodeAttr: getNodeAttr2,
       getNodePath,
       isRootNode,
-      isChecked
+      isNodeOpened,
+      isNodeChecked,
+      isNodeMatched,
+      hasChildNode
     } = useNodeAttribute(flatData);
     const {
       searchFn,
@@ -21649,7 +21771,7 @@ var Component$1 = defineComponent({
             setOpen(parentId, true, true);
           }
         } else {
-          setNodeOpened(resolvedItem, false);
+          setNodeOpened(resolvedItem, false, null, false);
         }
       } else {
         setNodeAction(resolvedItem, NODE_ATTRIBUTES.IS_OPEN, isOpen);
@@ -21658,19 +21780,25 @@ var Component$1 = defineComponent({
     const setChecked = (item, checked = true) => {
       setNodeAction(resolveNodeItem(item), NODE_ATTRIBUTES.CHECKED, checked);
     };
-    const select2 = (item, fireOther = true) => {
+    const setSelect = (item, fireOther = true) => {
       var _a2;
       if (fireOther) {
-        setChecked((_a2 = schemaValues.value.filter((item2) => isChecked(item2))) != null ? _a2 : [], false);
+        setChecked((_a2 = schemaValues.value.filter((item2) => isNodeChecked(item2))) != null ? _a2 : [], false);
       }
       setChecked(item, true);
     };
     ctx.expose({
       hanldeTreeNodeClick,
+      isNodeChecked,
+      isRootNode,
+      isNodeOpened,
+      isNodeMatched,
+      hasChildNode,
       setOpen,
       setChecked,
       setNodeAction,
-      select: select2
+      setNodeOpened,
+      setSelect
     });
     const root = ref();
     const {
@@ -22706,7 +22834,7 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   Button: BkButton,
   Card: BkCard,
   Checkbox: BkCheckbox,
-  Collapse: BkCollaspe,
+  Collapse: BkCollapse,
   Dialog: BkDialog,
   Exception: BkException,
   FixedNavbar: BkFixedNavbar,
@@ -22759,4 +22887,4 @@ var preset = {
   install: createInstall(),
   version: "0.0.1"
 };
-export { BkAffix as Affix, BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkBreadcrumb as Breadcrumb, BkButton as Button, BkCard as Card, BkCascader as Cascader, BkCheckbox as Checkbox, BkCollaspe as Collapse, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, BkPopover as Popover, BkProgress as Progress, BkRadio as Radio, BkRate as Rate, BkSelect as Select, BkSideslider as Sideslider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, BkTable as Table, BkTag as Tag, TagInput, Transfer, BkTree as Tree, BkVirtualRender as VirtualRender, tooltips as bkTooltips, ClickOutside as clickoutside, BkContainer as containerProps, preset as default, mousewheel };
+export { BkAffix as Affix, BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkBreadcrumb as Breadcrumb, BkButton as Button, BkCard as Card, BkCascader as Cascader, BkCheckbox as Checkbox, BkCollapse as Collapse, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, BkPopover as Popover, BkProgress as Progress, BkRadio as Radio, BkRate as Rate, BkSelect as Select, BkSideslider as Sideslider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, BkTable as Table, BkTag as Tag, TagInput, Transfer, BkTree as Tree, BkVirtualRender as VirtualRender, tooltips as bkTooltips, ClickOutside as clickoutside, BkContainer as containerProps, preset as default, mousewheel };