bkui-vue 0.0.1-beta.87 → 0.0.1-beta.88

package/dist/index.esm.js

@@ -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",
@@ -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;
@@ -12643,7 +12643,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 +12669,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 +12701,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(() => {
@@ -13512,6 +13512,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 +13617,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 +14925,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 +14948,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 +14960,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 +14996,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)])
@@ -21409,7 +21455,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 +21508,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 +21820,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 +22314,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 +22342,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 +22362,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 +22379,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 +22394,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);
             }