bkui-vue 0.0.1-beta.355 → 0.0.1-beta.357

package/dist/index.esm.js

@@ -20528,7 +20528,25 @@ var bkDivider = defineComponent({
   }
 });
 const BkDivider = withInstall(bkDivider);
+var TabTypeEnum = /* @__PURE__ */ ((TabTypeEnum2) => {
+  TabTypeEnum2["CARD"] = "card";
+  TabTypeEnum2["BORDER_CARD"] = "border-card";
+  TabTypeEnum2["UNBORDER_CARD"] = "unborder-card";
+  TabTypeEnum2["CARD_TAB"] = "card-tab";
+  return TabTypeEnum2;
+})(TabTypeEnum || {});
+var PositionEnum = /* @__PURE__ */ ((PositionEnum2) => {
+  PositionEnum2["LEFT"] = "left";
+  PositionEnum2["RIGHT"] = "right";
+  PositionEnum2["TOP"] = "top";
+  return PositionEnum2;
+})(PositionEnum || {});
 const tabPositionType = j("position", {}).def("top");
+var SortTypeEnum = /* @__PURE__ */ ((SortTypeEnum2) => {
+  SortTypeEnum2["REPLACE"] = "replace";
+  SortTypeEnum2["INSERT"] = "insert";
+  return SortTypeEnum2;
+})(SortTypeEnum || {});
 const sortTypeUnion = j("sortType", {}).def("replace");
 const tabNavEventProps = {
   tabAdd: {
@@ -20771,6 +20789,7 @@ var TabNav = defineComponent({
         list.push(createVNode("div", {
           "onClick": this.handleTabAdd
         }, [createVNode(plus, {
+          "style": "display:flex;",
           "width": 26,
           "height": 26
         }, null)]));
@@ -20882,7 +20901,7 @@ var Tab = defineComponent({
       },
       tabSort(dragTabIndex, dropTabIndex, sortType) {
         const list = panels.value;
-        if (sortType === "insert") {
+        if (sortType === SortTypeEnum.INSERT) {
           if (dragTabIndex < dropTabIndex) {
             list.splice(dropTabIndex + 1, 0, panels[dragTabIndex]);
             list.splice(dragTabIndex, 1);
@@ -20914,10 +20933,16 @@ var Tab = defineComponent({
   render() {
     var _a, _b;
     const getTabBoxClass = () => {
-      if (this.tabPosition === "top") {
-        return `bk-tab bk-tab--${this.tabPosition} bk-tab--${this.type} ${this.extCls}`;
+      const arr = [resolveClassName("tab"), this.extCls];
+      if (this.tabPosition === PositionEnum.TOP) {
+        arr.push(resolveClassName(`tab--${this.tabPosition}`), resolveClassName(`tab--${this.type}`));
+      } else {
+        arr.push(resolveClassName(`tab--${this.tabPosition}`));
+        if (this.type === TabTypeEnum.CARD_TAB) {
+          arr.push(resolveClassName("tab--vertical-tab"));
+        }
       }
-      return `bk-tab bk-tab--${this.tabPosition}  ${this.extCls}`;
+      return arr;
     };
     const getTabHeader = () => {
       const {
@@ -21253,7 +21278,7 @@ var NotifyThemeEnum;
 const notifyProps = {
   id: PropTypes.string.def(""),
   title: PropTypes.string.def(""),
-  message: PropTypes.string.def(""),
+  message: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).def(""),
   theme: j("notifyTheme", {}).def(NotifyThemeEnum.PRIMARY),
   position: PropTypes.position().def("top-right"),
   delay: PropTypes.number.def(5e3),
@@ -21280,6 +21305,12 @@ var NotifyConstructor = defineComponent({
       zIndex
     }));
     const classNames = computed(() => ["bk-notify", `bk-notify-${props2.theme}`, horizontalClass.value]);
+    const renderMessage = computed(() => {
+      if (typeof props2.message === "function") {
+        return props2.message();
+      }
+      return props2.message;
+    });
     const visible = ref(false);
     let timer = null;
     const startTimer = () => {
@@ -21306,6 +21337,7 @@ var NotifyConstructor = defineComponent({
       classNames,
       styles,
       visible,
+      renderMessage,
       handleClose
     };
   },
@@ -21333,7 +21365,7 @@ var NotifyConstructor = defineComponent({
         "class": "bk-notify-content-header"
       }, [this.title]) : "", createVNode("div", {
         "class": "bk-notify-content-text"
-      }, [this.message])]), this.dismissable && createVNode(error, {
+      }, [this.renderMessage])]), this.dismissable && createVNode(error, {
         "class": "bk-notify-icon bk-notify-close",
         "onClick": this.handleClose
       }, null)]), [[vShow, this.visible]])]
@@ -21969,6 +22001,12 @@ var PickerDropdown = defineComponent({
     onBeforeUnmount(() => {
       destoryDropdown();
     });
+    const forceUpdate = () => {
+      var _a;
+      if (popoverInstance) {
+        (_a = popoverInstance == null ? void 0 : popoverInstance.forceUpdate) == null ? void 0 : _a.call(popoverInstance);
+      }
+    };
     const destoryDropdown = () => {
       if (popoverInstance && Object.keys(popoverInstance).length !== 0) {
         const instance = popoverInstance;
@@ -22019,6 +22057,7 @@ var PickerDropdown = defineComponent({
     });
     return __spreadProps(__spreadValues({}, toRefs(state)), {
       refContentRef,
+      forceUpdate,
       updateDropdown,
       destoryDropdown
     });
@@ -26817,15 +26856,17 @@ var TimePicker = defineComponent({
     const {
       proxy
     } = getCurrentInstance();
+    const pickerDropdownRef = ref(null);
     watch(() => state.visible, (visible) => {
+      var _a, _b;
       if (visible) {
+        (_b = (_a = pickerDropdownRef.value) == null ? void 0 : _a.forceUpdate) == null ? void 0 : _b.call(_a);
         nextTick(() => {
-          var _a, _b;
-          (_b = (_a = proxy.pickerPanelRef) == null ? void 0 : _a.timeSpinnerRef) == null ? void 0 : _b.updateScroll();
+          var _a2, _b2;
+          (_b2 = (_a2 = proxy.pickerPanelRef) == null ? void 0 : _a2.timeSpinnerRef) == null ? void 0 : _b2.updateScroll();
         });
       }
     });
-    const pickerDropdownRef = ref(null);
     watch(() => props2.modelValue, (modelValue) => {
       var _a;
       state.internalValue = parseDate(modelValue, props2.type, props2.multiple, props2.format);