bkui-vue 0.0.1-beta.146 → 0.0.1-beta.149

package/dist/index.esm.js

@@ -9776,7 +9776,7 @@ const propsCollapse = {
 const CollapsePanelEventProps = {
   itemClick: {
     type: Function,
-    default: () => ({})
+    default: null
   }
 };
 const propsCollapsePanel = __spreadValues({
@@ -9902,13 +9902,16 @@ var CollapsePanel = defineComponent({
       const data2 = {
         name
       };
-      itemClick(data2);
       isActive.value = !isActive.value;
       emit("change", data2);
       emit("update:modelValue", isActive.value);
-      handleItemClick({
-        name
-      });
+      if (typeof itemClick === "function") {
+        itemClick(data2);
+      } else if (typeof handleItemClick === "function") {
+        handleItemClick({
+          name
+        });
+      }
     }
     const transition = ref(collapseMotion$1(emit));
     function getContent() {
@@ -10032,15 +10035,19 @@ var Collapse = defineComponent({
       }, item);
     }));
     const renderItems = () => collapseData.value.map((item, index) => {
+      var _a, _b, _c;
       const name = item[props2.idFiled] || index;
       let title = item[props2.titleField];
       if (slots.title) {
         if (typeof slots.title === "function") {
-          title = slots.title(item);
+          title = slots.title(item, index);
         } else {
           title = slots.title;
         }
       }
+      if (slots.default) {
+        title = (_a = slots.default) == null ? void 0 : _a.call(slots, item, index);
+      }
       return createVNode(CollapsePanel, {
         "key": index,
         "item-click": handleItemClick,
@@ -10048,7 +10055,7 @@ var Collapse = defineComponent({
         "name": name,
         "isFormList": true,
         "title": title,
-        "content": item[props2.contentField]
+        "content": (_c = (_b = slots.content) == null ? void 0 : _b.call(slots, item, index)) != null ? _c : item[props2.contentField]
       }, null);
     });
     return () => createVNode("div", {
@@ -10165,7 +10172,7 @@ var Component$t = defineComponent({
       "name": this.animateType
     }, {
       default: () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
         return [this.isShow ? createVNode("div", {
           "class": bodyClass
         }, [createVNode("div", {
@@ -10175,7 +10182,9 @@ var Component$t = defineComponent({
           "style": [this.dialogType === "show" ? "padding-bottom: 20px" : "", __spreadValues({}, maxHeight)]
         }, [(_f = (_e = (_d = this.$slots).default) == null ? void 0 : _e.call(_d)) != null ? _f : ""]), this.dialogType === "show" ? "" : createVNode("div", {
           "class": "bk-modal-footer"
-        }, [(_i = (_h = (_g = this.$slots).footer) == null ? void 0 : _h.call(_g)) != null ? _i : ""])]) : ""];
+        }, [(_i = (_h = (_g = this.$slots).footer) == null ? void 0 : _h.call(_g)) != null ? _i : ""]), createVNode("div", {
+          "class": ["bk-modal-close", this.closeIcon ? "" : "close-icon"]
+        }, [(_l = (_k = (_j = this.$slots).close) == null ? void 0 : _k.call(_j)) != null ? _l : ""])]) : ""];
       }
     })]);
   }
@@ -10341,10 +10350,7 @@ var Dialog = defineComponent({
         }, [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]), createVNode("span", {
-          "class": ["bk-dialog-close", this.closeIcon ? "" : "close-icon"],
-          "onClick": this.handleClose
-        }, [createTextVNode("+")])])];
+        }, [(_f = (_e = (_d = this.$slots).header) == null ? void 0 : _e.call(_d)) != null ? _f : this.title])])];
       },
       default: () => {
         var _a, _b, _c;
@@ -10396,7 +10402,11 @@ var Dialog = defineComponent({
         }, {
           default: () => [this.confirmText]
         })]) : ""]);
-      }
+      },
+      close: () => createVNode("span", {
+        "class": "bk-dialog-close",
+        "onClick": this.handleClose
+      }, [createTextVNode("+")])
     };
     const className = `bk-dialog-wrapper ${this.scrollable ? "scroll-able" : ""} ${this.multiInstance ? "multi-instance" : ""}`;
     return createVNode(BkModal, mergeProps(this.$props, {
@@ -11228,7 +11238,7 @@ const PopoverProps = __spreadValues({
   arrow: PropTypes.bool.def(true),
   padding: PropTypes.number.def(5),
   offset: PropTypes.number.def(6),
-  boundary: PropTypes.string.def(void 0),
+  boundary: PropTypes.oneOfType([PropTypes.string.def("parent"), PropTypes.instanceOf(HTMLElement)]),
   zIndex: PropTypes.number.def(void 0),
   disableTeleport: PropTypes.bool.def(false),
   autoPlacement: PropTypes.bool.def(false),
@@ -12700,7 +12710,7 @@ var useFloating = (props2, ctx, refReference, refContent, refArrow, refRoot) =>
     });
   };
   const showPopover = () => {
-    localIsShow.value = true;
+    !props2.disabled && (localIsShow.value = true);
   };
   let popShowTimerId = void 0;
   let isMouseenter = false;
@@ -15182,7 +15192,7 @@ var useTagRender = (props2, ctx) => {
   };
   return {
     rendAsTag: () => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
       return h$1(renderAs, {
         class: props2.className
       }, [(_c = (_b = (_a = ctx.slots).beforeContent) == null ? void 0 : _b.call(_a)) != null ? _c : "", withDirectives(h$1(contentAs, {
@@ -15190,7 +15200,7 @@ var useTagRender = (props2, ctx) => {
         style: props2.contentStyle
       }, [(_f = (_e = (_d = ctx.slots).default) == null ? void 0 : _e.call(_d, {
         data: props2.list
-      })) != null ? _f : ""]), [[vVirtualRender, dirModifier]]), (_i = (_h = (_g = ctx.slots).afterContent) == null ? void 0 : _h.call(_g)) != null ? _i : ""]);
+      })) != null ? _f : ""]), [[vVirtualRender, dirModifier]]), (_i = (_h = (_g = ctx.slots).afterContent) == null ? void 0 : _h.call(_g)) != null ? _i : "", (_l = (_k = (_j = ctx.slots).afterSection) == null ? void 0 : _k.call(_j)) != null ? _l : ""]);
     }
   };
 };
@@ -15408,7 +15418,7 @@ var Component$e = defineComponent({
       reset: reset2
     });
     return () => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
       return h$1(renderAs || "div", {
         ref: refRoot,
         class: wrapperClass.value,
@@ -15421,7 +15431,7 @@ var Component$e = defineComponent({
       })) != null ? _f : ""]), [[vVirtualRender, dirModifier]]), (_i = (_h = (_g = ctx.slots).afterContent) == null ? void 0 : _h.call(_g)) != null ? _i : "", h$1("div", {
         class: [resolveClassName("virtual-section")],
         style: innerStyle.value
-      })]);
+      }), (_l = (_k = (_j = ctx.slots).afterSection) == null ? void 0 : _k.call(_j)) != null ? _l : ""]);
     };
   }
 });
@@ -17353,7 +17363,7 @@ const useClass = (props2, root, reactiveProp, pageData) => {
     if (/^\d+\.?\d*px$/ig.test(strHeight)) {
       return Number(strHeight.replace("px", ""));
     }
-    if (/^\d+\.?\d*%$/ig.test(strHeight)) {
+    if (/^\d+\.?\d*%$/ig.test(strHeight) && typeof defaultValue === "number") {
       const percent = Number(strHeight.replace("%", ""));
       return defaultValue * percent / 100;
     }
@@ -17369,10 +17379,13 @@ const useClass = (props2, root, reactiveProp, pageData) => {
     const contentHeight = resolveHeight - resolveHeadHeight - resolveFooterHeight;
     const height = props2.height !== "auto" ? `${contentHeight}px` : false;
     const minHeight = resolveMinHeight - resolveHeadHeight - resolveFooterHeight;
+    const resolveMaxHeight = resolvePropHeight(props2.maxHeight, void 0);
+    const maxHeight = typeof resolveMaxHeight === "number" ? `${resolveMaxHeight - resolveHeadHeight - resolveFooterHeight}px` : false;
     Object.assign(contentStyle, {
       display: (pageData == null ? void 0 : pageData.length) ? "block" : false,
       "min-height": `${minHeight}px`,
-      height
+      height,
+      maxHeight
     });
   };
   onMounted(() => {
@@ -17684,6 +17697,10 @@ var Component$c = defineComponent({
       "scroll-loading": true,
       _bottom: true
     };
+    const fixedBottomBorder = {
+      [resolveClassName("fixed-bottom-border")]: true,
+      "_is-empty": !props2.data.length
+    };
     const {
       renderScrollLoading
     } = useScrollLoading(props2, ctx);
@@ -17713,7 +17730,10 @@ var Component$c = defineComponent({
         "scrollEvent": true,
         "enabled": props2.virtualEnabled
       }), {
-        default: (scope) => tableRender.renderTableBodySchema(scope.data || props2.data)
+        default: (scope) => tableRender.renderTableBodySchema(scope.data || props2.data),
+        afterSection: () => createVNode("div", {
+          "class": fixedBottomBorder
+        }, null)
       }),
       createVNode("div", {
         "class": fixedWrapperClass
@@ -25941,86 +25961,70 @@ var Row = defineComponent({
   }
 });
 const BkContainer = withInstallProps(Container, { Row, Col });
+const PLACEMENT_OPTIONS = ["auto", "auto-start", "auto-end", "top", "right", "bottom", "left", "top-start", "top-end", "bottom-start", "bottom-end", "right-start", "right-end", "left-start", "left-end"];
+const TRIGGER_OPTIONS = ["hover", "click", "manual"];
 var Dropdown = defineComponent({
   name: "Dropdown",
   props: {
     isShow: PropTypes.bool.def(false),
-    placement: PropTypes.commonType(["auto", "auto-start", "auto-end", "top", "right", "bottom", "left", "top-start", "top-end", "bottom-start", "bottom-end", "right-start", "right-end", "left-start", "left-end"], "placement").def("bottom"),
-    trigger: PropTypes.commonType(["hover", "click", "manual"], "trigger").def("hover"),
+    placement: PropTypes.commonType(PLACEMENT_OPTIONS, "placement").def("bottom"),
+    trigger: PropTypes.commonType(TRIGGER_OPTIONS, "trigger").def("hover"),
     disabled: PropTypes.bool.def(false),
+    popoverOptions: PropTypes.object.def({}),
     extCls: PropTypes.string
   },
   emits: ["showChange", "show", "hide"],
-  setup(props2, {
+  setup(_props, {
     emit
   }) {
-    let popoverInstance = /* @__PURE__ */ Object.create(null);
-    const reference2 = ref(null);
-    const refContent = ref(null);
-    onMounted(() => {
-      registerDropdown();
-    });
-    onBeforeUnmount(() => {
-      destoryDropdown();
-    });
-    watch(() => props2.isShow, (val) => {
-      nextTick(() => {
-        if (props2.trigger === "manual" && popoverInstance && !props2.disabled) {
-          val ? popoverInstance.show() : popoverInstance.hide();
-        }
-      });
-    });
-    watch(() => props2.disabled, (val) => handleUpdateDisabled(val));
+    const handleShowChagne = (val) => {
+      emit("showChange", val);
+    };
     const afterShow = () => {
       emit("show");
+      handleShowChagne(true);
     };
     const afterHidden = () => {
       emit("hide");
-    };
-    const registerDropdown = () => {
-      if (props2.disabled)
-        return;
-      popoverInstance = new BKPopover(reference2.value, refContent.value, {
-        placement: props2.placement,
-        trigger: props2.trigger,
-        afterShow,
-        afterHidden
-      });
-      props2.trigger === "manual" && props2.isShow && popoverInstance.show();
-    };
-    const destoryDropdown = () => {
-      if (popoverInstance) {
-        const instance = popoverInstance;
-        instance.isShow && instance.hide();
-        instance.destroy();
-        popoverInstance = null;
-        props2.trigger === "manual" && emit("showChange", false);
-      }
-    };
-    const handleUpdateDisabled = (val) => {
-      const instance = popoverInstance;
-      props2.trigger === "manual" && !val && emit("showChange", false);
-      instance.updateDisabled(val);
+      handleShowChagne(false);
     };
     return {
-      reference: reference2,
-      refContent
+      afterShow,
+      afterHidden
     };
   },
   render() {
-    var _a, _b, _c, _d;
     const wrapperClasses = classes({
       "bk-dropdown": true
     }, this.$props.extCls);
+    const basePopoverOptions = {
+      theme: "light bk-dropdown-popover",
+      trigger: this.trigger,
+      arrow: false,
+      placement: this.placement,
+      isShow: this.isShow,
+      disabled: this.disabled
+    };
+    const popoverOptions = lodash.exports.merge(basePopoverOptions, this.popoverOptions);
     return createVNode("div", {
       "class": wrapperClasses
-    }, [createVNode("div", {
-      "ref": "reference",
-      "class": "bk-dropdown-reference"
-    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), createVNode("div", {
-      "ref": "refContent",
-      "class": "bk-dropdown-content"
-    }, [(_d = (_c = this.$slots).content) == null ? void 0 : _d.call(_c)])]);
+    }, [createVNode(BkPopover2, mergeProps(popoverOptions, {
+      "onAfterShow": this.afterShow,
+      "onAfterHidden": this.afterHidden
+    }), {
+      default: () => {
+        var _a, _b;
+        return createVNode("div", {
+          "class": "bk-dropdown-reference"
+        }, [createTextVNode(" "), (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a), createTextVNode(" ")]);
+      },
+      content: () => {
+        var _a, _b;
+        return createVNode("div", {
+          "class": "bk-dropdown-content"
+        }, [createTextVNode(" "), (_b = (_a = this.$slots).content) == null ? void 0 : _b.call(_a), createTextVNode(" ")]);
+      }
+    })]);
   }
 });
 var DropdownItem = defineComponent({
@@ -26257,8 +26261,8 @@ class Store {
   constructor(props2) {
     const { list } = props2;
     this.data = list;
-    this.nodes = this.data.map((node) => new Node$1(node, this.config));
     this.config = props2;
+    this.nodes = this.data.map((node) => new Node$1(node, this.config));
   }
   getNodes() {
     return this.nodes;