bkui-vue 0.0.1-beta.86 → 0.0.1-beta.89

package/dist/index.esm.js

@@ -208,20 +208,20 @@ function isShadowRoot(node) {
 }
 function applyStyles(_ref) {
   var state = _ref.state;
-  Object.keys(state.elements).forEach(function(name2) {
-    var style = state.styles[name2] || {};
-    var attributes = state.attributes[name2] || {};
-    var element = state.elements[name2];
+  Object.keys(state.elements).forEach(function(name) {
+    var style = state.styles[name] || {};
+    var attributes = state.attributes[name] || {};
+    var element = state.elements[name];
     if (!isHTMLElement(element) || !getNodeName(element)) {
       return;
     }
     Object.assign(element.style, style);
-    Object.keys(attributes).forEach(function(name3) {
-      var value = attributes[name3];
+    Object.keys(attributes).forEach(function(name2) {
+      var value = attributes[name2];
       if (value === false) {
-        element.removeAttribute(name3);
+        element.removeAttribute(name2);
       } else {
-        element.setAttribute(name3, value === true ? "" : value);
+        element.setAttribute(name2, value === true ? "" : value);
       }
     });
   });
@@ -246,10 +246,10 @@ function effect$2(_ref2) {
     Object.assign(state.elements.arrow.style, initialStyles.arrow);
   }
   return function() {
-    Object.keys(state.elements).forEach(function(name2) {
-      var element = state.elements[name2];
-      var attributes = state.attributes[name2] || {};
-      var styleProperties = Object.keys(state.styles.hasOwnProperty(name2) ? state.styles[name2] : initialStyles[name2]);
+    Object.keys(state.elements).forEach(function(name) {
+      var element = state.elements[name];
+      var attributes = state.attributes[name] || {};
+      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]);
       var style = styleProperties.reduce(function(style2, property) {
         style2[property] = "";
         return style2;
@@ -428,7 +428,7 @@ var toPaddingObject = function toPaddingObject2(padding, state) {
 };
 function arrow(_ref) {
   var _state$modifiersData$;
-  var state = _ref.state, name2 = _ref.name, options = _ref.options;
+  var state = _ref.state, name = _ref.name, options = _ref.options;
   var arrowElement = state.elements.arrow;
   var popperOffsets2 = state.modifiersData.popperOffsets;
   var basePlacement = getBasePlacement(state.placement);
@@ -452,7 +452,7 @@ function arrow(_ref) {
   var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;
   var offset2 = within(min2, center, max2);
   var axisProp = axis;
-  state.modifiersData[name2] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset2, _state$modifiersData$.centerOffset = offset2 - center, _state$modifiersData$);
+  state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset2, _state$modifiersData$.centerOffset = offset2 - center, _state$modifiersData$);
 }
 function effect$1(_ref2) {
   var state = _ref2.state, options = _ref2.options;
@@ -908,8 +908,8 @@ function getExpandedFallbackPlacements(placement) {
   return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];
 }
 function flip(_ref) {
-  var state = _ref.state, options = _ref.options, name2 = _ref.name;
-  if (state.modifiersData[name2]._skip) {
+  var state = _ref.state, options = _ref.options, name = _ref.name;
+  if (state.modifiersData[name]._skip) {
     return;
   }
   var _options$mainAxis = options.mainAxis, checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, _options$altAxis = options.altAxis, checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis, specifiedFallbackPlacements = options.fallbackPlacements, padding = options.padding, boundary = options.boundary, rootBoundary = options.rootBoundary, altBoundary = options.altBoundary, _options$flipVariatio = options.flipVariations, flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio, allowedAutoPlacements = options.allowedAutoPlacements;
@@ -989,7 +989,7 @@ function flip(_ref) {
     }
   }
   if (state.placement !== firstFittingPlacement) {
-    state.modifiersData[name2]._skip = true;
+    state.modifiersData[name]._skip = true;
     state.placement = firstFittingPlacement;
     state.reset = true;
   }
@@ -1024,7 +1024,7 @@ function isAnySideFullyClipped(overflow) {
   });
 }
 function hide(_ref) {
-  var state = _ref.state, name2 = _ref.name;
+  var state = _ref.state, name = _ref.name;
   var referenceRect = state.rects.reference;
   var popperRect = state.rects.popper;
   var preventedOffsets = state.modifiersData.preventOverflow;
@@ -1038,7 +1038,7 @@ function hide(_ref) {
   var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);
   var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);
   var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);
-  state.modifiersData[name2] = {
+  state.modifiersData[name] = {
     referenceClippingOffsets,
     popperEscapeOffsets,
     isReferenceHidden,
@@ -1073,7 +1073,7 @@ function distanceAndSkiddingToXY(placement, rects, offset2) {
   };
 }
 function offset(_ref2) {
-  var state = _ref2.state, options = _ref2.options, name2 = _ref2.name;
+  var state = _ref2.state, options = _ref2.options, name = _ref2.name;
   var _options$offset = options.offset, offset2 = _options$offset === void 0 ? [0, 0] : _options$offset;
   var data2 = placements$1.reduce(function(acc, placement) {
     acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset2);
@@ -1084,7 +1084,7 @@ function offset(_ref2) {
     state.modifiersData.popperOffsets.x += x2;
     state.modifiersData.popperOffsets.y += y2;
   }
-  state.modifiersData[name2] = data2;
+  state.modifiersData[name] = data2;
 }
 var offset$1 = {
   name: "offset",
@@ -1094,8 +1094,8 @@ var offset$1 = {
   fn: offset
 };
 function popperOffsets(_ref) {
-  var state = _ref.state, name2 = _ref.name;
-  state.modifiersData[name2] = computeOffsets({
+  var state = _ref.state, name = _ref.name;
+  state.modifiersData[name] = computeOffsets({
     reference: state.rects.reference,
     element: state.rects.popper,
     strategy: "absolute",
@@ -1113,7 +1113,7 @@ function getAltAxis(axis) {
   return axis === "x" ? "y" : "x";
 }
 function preventOverflow(_ref) {
-  var state = _ref.state, options = _ref.options, name2 = _ref.name;
+  var state = _ref.state, options = _ref.options, name = _ref.name;
   var _options$mainAxis = options.mainAxis, checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, _options$altAxis = options.altAxis, checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis, boundary = options.boundary, rootBoundary = options.rootBoundary, altBoundary = options.altBoundary, padding = options.padding, _options$tether = options.tether, tether = _options$tether === void 0 ? true : _options$tether, _options$tetherOffset = options.tetherOffset, tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;
   var overflow = detectOverflow(state, {
     boundary,
@@ -1194,7 +1194,7 @@ function preventOverflow(_ref) {
     popperOffsets2[altAxis] = _preventedOffset;
     data2[altAxis] = _preventedOffset - _offset;
   }
-  state.modifiersData[name2] = data2;
+  state.modifiersData[name] = data2;
 }
 var preventOverflow$1 = {
   name: "preventOverflow",
@@ -1395,12 +1395,12 @@ function popperGenerator(generatorOptions) {
             index = -1;
             continue;
           }
-          var _state$orderedModifie = state.orderedModifiers[index], fn2 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name2 = _state$orderedModifie.name;
+          var _state$orderedModifie = state.orderedModifiers[index], fn2 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name = _state$orderedModifie.name;
           if (typeof fn2 === "function") {
             state = fn2({
               state,
               options: _options,
-              name: name2,
+              name,
               instance
             }) || state;
           }
@@ -1427,11 +1427,11 @@ function popperGenerator(generatorOptions) {
     });
     function runModifierEffects() {
       state.orderedModifiers.forEach(function(_ref3) {
-        var name2 = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect2 = _ref3.effect;
+        var name = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect2 = _ref3.effect;
         if (typeof effect2 === "function") {
           var cleanupFn = effect2({
             state,
-            name: name2,
+            name,
             instance,
             options: options2
           });
@@ -2284,13 +2284,13 @@ class PropTypes extends propTypesNS {
       default: "top"
     });
   }
-  static commonType(types = [], name2 = "commonType") {
-    return j(name2.replace(/^\S/, (s2) => s2.toUpperCase()), {
+  static commonType(types = [], name = "commonType") {
+    return j(name.replace(/^\S/, (s2) => s2.toUpperCase()), {
       type: String,
       validator: (val) => {
         const valid = types.includes(val);
         if (!valid) {
-          console.error(`invalid ${name2}, ${val}, the ${name2} must be one of \u3010${types.join(" | ")}\u3011`);
+          console.error(`invalid ${name}, ${val}, the ${name} must be one of \u3010${types.join(" | ")}\u3011`);
         }
         return valid;
       },
@@ -2405,7 +2405,7 @@ function generate(node, key, rootAttrs) {
 const bkIcon = (props, context) => {
   const _a = __spreadValues(__spreadValues({}, context.attrs), props), {
     data: data2,
-    name: name2,
+    name,
     width,
     height,
     fill
@@ -2417,7 +2417,7 @@ const bkIcon = (props, context) => {
     "fill"
   ]);
   const rootAttrs = `width: ${width}; height: ${height}; fill: ${fill}`;
-  return createVNode("span", restProps, [generate(data2, name2, rootAttrs)]);
+  return createVNode("span", restProps, [generate(data2, name, rootAttrs)]);
 };
 bkIcon.inheritAttrs = false;
 bkIcon.displayName = "bkIcon";
@@ -8741,7 +8741,7 @@ var BreadcrumbItem = defineComponent({
       "bk-breadcrumb-item": true
     }, `${props.extCls || ""}`);
     return () => {
-      var _a;
+      var _a, _b;
       return createVNode("span", {
         "class": classCtx
       }, [createVNode("span", {
@@ -8749,7 +8749,7 @@ var BreadcrumbItem = defineComponent({
         "class": `bk-breadcrumb-item-inner ${to ? "is-link" : ""}`,
         "role": "link",
         "onClick": handleClick
-      }, [(_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)]), (parent == null ? void 0 : parent.separatorClass) ? createVNode("i", {
+      }, [(_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)]), (slots == null ? void 0 : slots.separator) ? (_b = slots == null ? void 0 : slots.separator) == null ? void 0 : _b.call(slots) : (parent == null ? void 0 : parent.separatorClass) ? createVNode("i", {
         "class": `bk-breadcrumb-separator ${parent.separatorClass}`
       }, null) : createVNode("span", {
         "class": "bk-breadcrumb-separator",
@@ -9126,8 +9126,8 @@ var Component$u = defineComponent({
       const newVal = handleNumber(props.step, false);
       ctx.emit(EVENTS$2.UPDATE, newVal);
     }
-    function getCls(name2) {
-      return `${inputClsPrefix.value}--${name2}`;
+    function getCls(name) {
+      return `${inputClsPrefix.value}--${name}`;
     }
     function handleVisibleChange() {
       pwdVisible.value = !pwdVisible.value;
@@ -9827,7 +9827,7 @@ var Component$p = defineComponent({
           };
           data2.positionX = 0;
           data2.positionY = 0;
-        }, 1e3);
+        }, 250);
       }
     });
     const handleClose = () => {
@@ -9912,15 +9912,15 @@ var Component$p = defineComponent({
         return [createVNode("div", {
           "class": ["bk-dialog-tool", this.fullscreen || !this.draggable ? "" : "move", this.draggable ? "content-dragging" : ""],
           "onMousedown": this.moveHandler
-        }, [(_c = (_b = (_a = this.$slots).tools) == null ? void 0 : _b.call(_a)) != null ? _c : "", createVNode("span", {
-          "class": ["bk-dialog-close", this.closeIcon ? "" : "close-icon"],
-          "onClick": this.handleClose
-        }, [createTextVNode("+")])]), createVNode("div", {
+        }, [(_c = (_b = (_a = this.$slots).tools) == null ? void 0 : _b.call(_a)) != null ? _c : ""]), createVNode("div", {
           "class": "bk-dialog-header"
         }, [createVNode("span", {
           "class": "bk-dialog-title",
           "style": `text-align: ${this.headerAlign}`
-        }, [(_f = (_e = (_d = this.$slots).header) == null ? void 0 : _e.call(_d)) != null ? _f : this.title])])];
+        }, [(_f = (_e = (_d = this.$slots).header) == null ? void 0 : _e.call(_d)) != null ? _f : this.title]), createVNode("span", {
+          "class": ["bk-dialog-close", this.closeIcon ? "" : "close-icon"],
+          "onClick": this.handleClose
+        }, [createTextVNode("+")])])];
       },
       default: () => {
         var _a, _b, _c;
@@ -10527,7 +10527,7 @@ const useRadio = () => {
   const formItem = useFormItem();
   const radioGroup = inject(radioGroupKey, EMPTY_OBJ);
   const isGroup = !isEmptyObj(radioGroup);
-  const isChecked = ref(props.checked);
+  const isChecked = ref(false);
   const isDisabled = computed(() => {
     if (isGroup && radioGroup.props.disabled) {
       return true;
@@ -10537,6 +10537,8 @@ const useRadio = () => {
   if (isGroup) {
     watch(() => radioGroup.props.modelValue, (modelValue) => {
       isChecked.value = modelValue === props.label;
+    }, {
+      immediate: true
     });
   } else {
     watch(() => props.modelValue, (modelValue) => {
@@ -10670,7 +10672,6 @@ var RadioButton = defineComponent({
     } = useRadio();
     return {
       isFocused,
-      realName: name,
       isChecked,
       isDisabled,
       setChecked,
@@ -12643,7 +12644,7 @@ var Component$c = defineComponent({
     offText: PropTypes.string.def("OFF"),
     isSquare: PropTypes.bool,
     extCls: PropTypes.string,
-    preCheck: PropTypes.func.def(void 0),
+    beforeChange: PropTypes.func.def(void 0),
     trueValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]).def(true),
     falseValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]).def(false),
     value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]).def(false),
@@ -12669,7 +12670,7 @@ var Component$c = defineComponent({
         "is-checked": isChecked.value,
         "is-unchecked": !isChecked.value,
         "is-loading": isLoading.value,
-        primary: props.theme === "primary"
+        "bk-primary": props.theme === "primary"
       };
       if (props.size && !props.showText) {
         const sizeStr = `bk-switcher-${props.size}`;
@@ -12701,8 +12702,8 @@ var Component$c = defineComponent({
         (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
       };
       let goodJob = true;
-      if (typeof props.preCheck === "function") {
-        goodJob = props.preCheck(lastValue);
+      if (typeof props.beforeChange === "function") {
+        goodJob = props.beforeChange(lastValue);
         if (typeof goodJob.then === "function") {
           isLoading.value = true;
           return goodJob.then(() => {
@@ -13331,11 +13332,11 @@ var useColumnResize = (colgroups, immediate = true) => {
     colgroups.forEach((col) => {
       if (col.resizable !== false) {
         Object.keys(handler).forEach((event) => {
-          const name2 = getEventName(event);
-          if (!col.listeners.has(name2)) {
-            col.listeners.set(name2, []);
+          const name = getEventName(event);
+          if (!col.listeners.has(name)) {
+            col.listeners.set(name, []);
           }
-          col.listeners.get(name2).push(handler[event]);
+          col.listeners.get(name).push(handler[event]);
         });
       }
     });
@@ -13343,9 +13344,9 @@ var useColumnResize = (colgroups, immediate = true) => {
   const resetResizeEvents = () => {
     colgroups.forEach((col) => {
       Object.keys(handler).forEach((event) => {
-        const name2 = getEventName(event);
-        if (col.listeners.has(name2)) {
-          const listeners = col.listeners.get(name2);
+        const name = getEventName(event);
+        if (col.listeners.has(name)) {
+          const listeners = col.listeners.get(name);
           listeners.splice(0, listeners.length);
         }
       });
@@ -13512,6 +13513,47 @@ var userPagination = (props) => {
     watchEffectFn
   };
 };
+var useScrollLoading = (props, ctx) => {
+  const refScrollLoading = toRef(props, "scrollLoading");
+  const getLoadingOption = () => {
+    if (typeof refScrollLoading.value === "boolean") {
+      return {
+        loading: !!refScrollLoading.value,
+        inline: true,
+        title: "",
+        size: BkLoadingSize.Normal,
+        mode: BkLoadingMode.Default,
+        indicator: null
+      };
+    }
+    return refScrollLoading.value;
+  };
+  const isRender = computed(() => refScrollLoading.value !== null && (typeof refScrollLoading.value === "boolean" && refScrollLoading.value || typeof refScrollLoading.value === "object"));
+  const renderScrollLoading = () => {
+    var _a, _b, _c;
+    if (isRender.value) {
+      const {
+        loading: loading2,
+        size,
+        mode,
+        title,
+        inline,
+        indicator
+      } = getLoadingOption();
+      return (_c = (_b = (_a = ctx.slots).fixedBottom) == null ? void 0 : _b.call(_a)) != null ? _c : createVNode(BkLoading, {
+        loading: loading2,
+        size,
+        mode,
+        title,
+        inline,
+        indicator
+      }, null);
+    }
+  };
+  return {
+    renderScrollLoading
+  };
+};
 var SortScope = /* @__PURE__ */ ((SortScope2) => {
   SortScope2["CURRENT"] = "current";
   SortScope2["ALL"] = "all";
@@ -13576,7 +13618,11 @@ const tableProps = {
   rowClass: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]).def({}),
   rowStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]).def({}),
   cellStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]).def({}),
-  cellClass: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]).def({})
+  cellClass: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]).def({}),
+  scrollLoading: PropTypes.oneOfType([
+    PropTypes.object,
+    PropTypes.bool
+  ]).def(void 0)
 };
 function _isSlot$2(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
@@ -14880,7 +14926,7 @@ var Component$9 = defineComponent({
       const {
         bottom: bottom2
       } = pos;
-      if (bottom2 <= 2 && preBottom !== bottom2) {
+      if (bottom2 <= 2 && preBottom > bottom2) {
         debounce(60, () => {
           ctx.emit(EMITEVENTS.SCROLL_BOTTOM, __spreadProps(__spreadValues({}, pos), {
             translateX,
@@ -14903,9 +14949,6 @@ var Component$9 = defineComponent({
       observerIns = null;
       tableRender.destroy();
     });
-    ctx.expose({
-      plugins: tableRender.plugins
-    });
     const tableBodyClass = __spreadProps(__spreadValues({}, contentClass), {
       "__is-empty": !pageData.length
     });
@@ -14918,8 +14961,12 @@ var Component$9 = defineComponent({
       "offset-x": true
     };
     const loadingRowClass = {
-      [resolveClassName("table-loading_bottom")]: true
+      "scroll-loading": true,
+      _bottom: true
     };
+    const {
+      renderScrollLoading
+    } = useScrollLoading(props, ctx);
     return () => createVNode("div", {
       "class": tableClass.value,
       "style": wrapperStyle.value,
@@ -14950,7 +14997,7 @@ var Component$9 = defineComponent({
         "style": dragOffsetXStyle.value
       }, null), createVNode("div", {
         "class": loadingRowClass
-      }, null)]),
+      }, [renderScrollLoading()])]),
       createVNode("div", {
         "class": footerClass.value
       }, [hasFooter.value && tableRender.renderTableFooter(localPagination.value)])
@@ -15924,11 +15971,11 @@ const tabNavEventProps = {
   },
   tabChange: {
     type: Function,
-    default: (name2) => name2
+    default: (name) => name
   },
   tabRemove: {
     type: Function,
-    default: (name2) => name2
+    default: (name) => name
   },
   tabSort: {
     type: Function,
@@ -15997,7 +16044,7 @@ var TabNav = defineComponent({
           return null;
         }
         const {
-          name: name2,
+          name,
           label,
           closable,
           visible,
@@ -16007,7 +16054,7 @@ var TabNav = defineComponent({
         if (!visible) {
           return false;
         }
-        if (props.active === name2) {
+        if (props.active === name) {
           hasFindActive = true;
         }
         const renderLabel = (label2) => {
@@ -16026,7 +16073,7 @@ var TabNav = defineComponent({
           return label2;
         };
         list.push({
-          name: name2,
+          name,
           closable,
           visible,
           disabled,
@@ -16072,8 +16119,8 @@ var TabNav = defineComponent({
         }
         props.tabSort(dragStartIndex.value, index, sortType);
       },
-      handleTabChange(name2) {
-        props.tabChange(name2);
+      handleTabChange(name) {
+        props.tabChange(name);
       },
       handleTabRemove(index, panel) {
         props.tabRemove(index, panel);
@@ -16105,7 +16152,7 @@ var TabNav = defineComponent({
         return null;
       }
       const {
-        name: name2,
+        name,
         disabled,
         tabLabel
       } = item;
@@ -16114,15 +16161,15 @@ var TabNav = defineComponent({
         if (disabled) {
           classNames.push("bk-tab-header--disabled");
         }
-        if (active === name2) {
+        if (active === name) {
           classNames.push("bk-tab-header--active");
         }
         return classNames.join(" ");
       };
       const getValue = (curentValue, parentValue) => curentValue || parentValue;
       return createVNode("div", {
-        "key": name2,
-        "onClick": () => this.handleTabChange(name2),
+        "key": name,
+        "onClick": () => this.handleTabChange(name),
         "draggable": getValue(item.sortable, sortable),
         "onDragstart": (e) => dragstart(index, e),
         "onDragenter": (e) => {
@@ -16259,10 +16306,10 @@ var Tab = defineComponent({
           e
         });
       },
-      tabChange(name2) {
-        emit("change", name2);
-        emit("tab-change", name2);
-        emit("update:active", name2);
+      tabChange(name) {
+        emit("change", name);
+        emit("tab-change", name);
+        emit("update:active", name);
       },
       tabRemove(index, panel) {
         emit("remove", index, panel);
@@ -21409,7 +21456,8 @@ const treeProps = {
   dragSort: PropTypes.bool.def(false),
   selectable: PropTypes.bool.def(true),
   selected: PropTypes.oneOfType([PropTypes.string, null, PropTypes.number, PropTypes.object]).def(null),
-  autoCheckChildren: PropTypes.bool.def(true)
+  autoCheckChildren: PropTypes.bool.def(true),
+  autoOpenParentNode: PropTypes.bool.def(true)
 };
 var useEmpty = (props, {
   slots
@@ -21461,7 +21509,8 @@ var useNodeAttribute = (flatData, props) => {
     }
     return false;
   };
-  const checkNodeIsOpen = (node) => isRootNode(node) || isItemOpen(node) || isItemOpen(getNodeAttr2(node, NODE_ATTRIBUTES.PARENT_ID));
+  const isParentNodeOpened = (node) => isItemOpen(getNodeAttr2(node, NODE_ATTRIBUTES.PARENT_ID));
+  const checkNodeIsOpen = (node) => isRootNode(node) || isParentNodeOpened(node);
   const getSourceNodeByPath = (path) => {
     const paths = path.split("-");
     return paths.reduce((pre, nodeIndex) => {
@@ -21772,15 +21821,14 @@ var useNodeAction = (props, ctx, flatData, renderData, schemaValues, initOption)
   };
   const setNodeOpened = (item, isOpen = null, e = null, fireEmit = true) => {
     const newVal = isOpen === null ? !isItemOpen(item) : !!isOpen;
+    if (!newVal) {
+      renderData.value.filter((node) => String.prototype.startsWith.call(getNodePath(node), getNodePath(item))).forEach((filterNode) => setNodeAttr(filterNode, NODE_ATTRIBUTES.IS_OPEN, newVal));
+    }
     setNodeAttr(item, NODE_ATTRIBUTES.IS_OPEN, newVal);
     if (fireEmit) {
       const emitEvent = isItemOpen(item) ? EVENTS.NODE_EXPAND : EVENTS.NODE_COLLAPSE;
       ctx.emit(emitEvent, [item, 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 setNodeAction = (args, action, value) => {
     if (Array.isArray(args)) {
@@ -22267,7 +22315,8 @@ var useTreeInit = (props) => {
       [NODE_ATTRIBUTES.IS_MATCH]: () => true,
       [NODE_ATTRIBUTES.IS_SELECTED]: (uuid2) => props2.selected === uuid2,
       [NODE_ATTRIBUTES.IS_CACHED]: () => false,
-      [NODE_ATTRIBUTES.IS_ASYNC]: () => null
+      [NODE_ATTRIBUTES.IS_ASYNC]: () => null,
+      [NODE_ATTRIBUTES.IS_LOADING]: () => false
     };
     function getCachedTreeNodeAttr(uuid2, node, cachedAttr, defVal = void 0) {
       let defaultValue = defVal;
@@ -22294,11 +22343,11 @@ var useTreeInit = (props) => {
       }
       return getCachedTreeNodeAttr(uuid2, node, NODE_ATTRIBUTES.IS_SELECTED, props2.selected === uuid2);
     }
-    function isCachedTreeNodeLoading(uuid2, node) {
-      if (Object.prototype.hasOwnProperty.call(node, NODE_ATTRIBUTES.IS_LOADING)) {
-        return node[NODE_ATTRIBUTES.IS_LOADING];
-      }
-      return getCachedTreeNodeAttr(uuid2, node, NODE_ATTRIBUTES.IS_LOADING, false);
+    function isNodeOpend(uuid2, item, parent) {
+      var _a2;
+      const isItemOpened = getCachedTreeNodeAttr(uuid2, item, NODE_ATTRIBUTES.IS_OPEN);
+      const isParentOpened = schema.has(parent) ? (_a2 = schema.get(parent)) == null ? void 0 : _a2[NODE_ATTRIBUTES.IS_OPEN] : true;
+      return isItemOpened && isParentOpened;
     }
     function validateIsOpenLoopFn(target) {
       return !target[NODE_ATTRIBUTES.IS_OPEN];
@@ -22314,6 +22363,12 @@ var useTreeInit = (props) => {
             const uuid2 = `${getUid(item)}`;
             const currentPath = path !== null ? `${path}-${i}` : `${i}`;
             const hasChildren = !!(item[children] || []).length;
+            let isOpened = getCachedTreeNodeAttr(uuid2, item, NODE_ATTRIBUTES.IS_OPEN);
+            if (props2.autoOpenParentNode) {
+              isOpened && loopUpdateNodeAttr(parent, NODE_ATTRIBUTES.IS_OPEN, true, validateIsOpenLoopFn);
+            } else {
+              isOpened = isNodeOpend(uuid2, item, parent);
+            }
             const attrs = {
               [NODE_ATTRIBUTES.DEPTH]: depth,
               [NODE_ATTRIBUTES.INDEX]: i,
@@ -22325,11 +22380,11 @@ var useTreeInit = (props) => {
               [NODE_ATTRIBUTES.ORDER]: order2,
               [NODE_ATTRIBUTES.IS_SELECTED]: isCachedTreeNodeSelected(uuid2, item),
               [NODE_ATTRIBUTES.IS_MATCH]: getCachedTreeNodeAttr(uuid2, item, NODE_ATTRIBUTES.IS_MATCH),
-              [NODE_ATTRIBUTES.IS_OPEN]: getCachedTreeNodeAttr(uuid2, item, NODE_ATTRIBUTES.IS_OPEN),
+              [NODE_ATTRIBUTES.IS_OPEN]: isOpened,
               [NODE_ATTRIBUTES.IS_CHECKED]: getCachedTreeNodeAttr(uuid2, item, NODE_ATTRIBUTES.IS_CHECKED),
               [NODE_ATTRIBUTES.IS_CACHED]: getCachedTreeNodeAttr(uuid2, item, NODE_ATTRIBUTES.IS_CACHED),
               [NODE_ATTRIBUTES.IS_ASYNC]: getCachedTreeNodeAttr(uuid2, item, NODE_ATTRIBUTES.IS_ASYNC),
-              [NODE_ATTRIBUTES.IS_LOADING]: isCachedTreeNodeLoading(uuid2, item),
+              [NODE_ATTRIBUTES.IS_LOADING]: getCachedTreeNodeAttr(uuid2, item, NODE_ATTRIBUTES.IS_LOADING),
               [children]: null
             };
             Object.assign(item, {
@@ -22340,9 +22395,6 @@ var useTreeInit = (props) => {
             outputData.push(__spreadProps(__spreadValues({}, item), {
               [children]: null
             }));
-            if (attrs[NODE_ATTRIBUTES.IS_OPEN]) {
-              loopUpdateNodeAttr(parent, NODE_ATTRIBUTES.IS_OPEN, true, validateIsOpenLoopFn);
-            }
             if (Object.prototype.hasOwnProperty.call(item, children)) {
               flatten(item[children] || [], depth + 1, uuid2, currentPath);
             }
@@ -22898,8 +22950,7 @@ var FormItem = defineComponent({
         rules = props.rules;
       }
       rules = getTriggerRules(trigger, mergeRules(rules, getRulesFromProps(props)));
-      console.log(rules);
-      const value = form2.props.model[props.property];
+      const value = lodash.exports.get(form2.props.model, props.property);
       const doValidate = (() => {
         let stepIndex = -1;
         return () => {