bkui-vue 0.0.1-beta.41 → 0.0.1-beta.42

package/dist/index.esm.js

@@ -14294,28 +14294,28 @@ const Message$1 = (constructor, options) => {
     };
   }
   const userOnClose = options.onClose;
-  let verticalOffset = opts.offset || 20;
+  let verticalOffset = opts.offsetY || 30;
+  const { spacing = 10 } = opts;
   instances[position].forEach((vm2) => {
-    verticalOffset += (vm2.el.offsetHeight || 0) + 16;
+    verticalOffset += (vm2.el.offsetHeight || 0) + spacing;
   });
-  verticalOffset += 16;
   seed += 1;
   const id = `message_${seed}`;
   opts = __spreadProps(__spreadValues({}, opts), {
-    offset: verticalOffset,
+    offsetY: verticalOffset,
     id
   });
   const container = document.createElement("div");
   const vm = createVNode(constructor, opts);
   vm.props.onDestory = (id2) => {
-    close(id2, position, userOnClose);
+    close(id2, position, spacing, userOnClose);
     render(null, container);
   };
   render(vm, container);
   instances[position].push(vm);
   document.body.appendChild(container.firstElementChild);
 };
-function close(id, position, userOnClose) {
+function close(id, position, spacing, userOnClose) {
   userOnClose == null ? void 0 : userOnClose();
   const verticalProperty = position.startsWith("top") ? "top" : "bottom";
   let instanceIndex = -1;
@@ -14328,17 +14328,20 @@ function close(id, position, userOnClose) {
   const removeHeight = vm.el.offsetHeight;
   const len = instances[position].length;
   for (let i = instanceIndex; i < len; i++) {
-    const pos = parseInt(instances[position][i].el.style[verticalProperty], 10) - removeHeight - 16;
-    instances[position][i].component.props.offset = pos;
+    const pos = parseInt(instances[position][i].el.style[verticalProperty], 10) - removeHeight - spacing;
+    instances[position][i].component.props.offsetY = pos;
   }
   instances[position].splice(instanceIndex, 1);
 }
 const messageProps = {
   id: PropTypes.string.def(""),
   message: PropTypes.string.def(""),
-  theme: PropTypes.theme(["primary", "warning", "success", "danger"]).def("primary"),
+  theme: PropTypes.theme(["primary", "warning", "success", "error"]).def("primary"),
   delay: PropTypes.number.def(3e3),
-  offset: PropTypes.number.def(0),
+  dismissable: PropTypes.bool.def(true),
+  offsetY: PropTypes.number.def(30),
+  spacing: PropTypes.number.def(10),
+  extCls: PropTypes.string.def(""),
   onClose: PropTypes.func
 };
 var MessageConstructor = defineComponent({
@@ -14348,10 +14351,10 @@ var MessageConstructor = defineComponent({
   setup(props, {
     emit
   }) {
-    const classNames = computed(() => ["bk-message", `bk-message-${props.theme}`]);
+    const classNames = computed(() => ["bk-message", `bk-message-${props.theme}`, `${props.extCls}`]);
     const zIndex = bkZIndexManager.getMessageNextIndex();
     const styles = computed(() => ({
-      top: `${props.offset}px`,
+      top: `${props.offsetY}px`,
       zIndex
     }));
     const visible = ref(false);
@@ -14361,11 +14364,11 @@ var MessageConstructor = defineComponent({
         visible.value = false;
       }, props.delay);
     };
-    const handleClose = () => {
+    const close2 = () => {
       visible.value = false;
     };
     onMounted(() => {
-      startTimer();
+      props.delay && startTimer();
       visible.value = true;
     });
     onUnmounted(() => {
@@ -14380,7 +14383,7 @@ var MessageConstructor = defineComponent({
       classNames,
       styles,
       visible,
-      handleClose
+      close: close2
     };
   },
   render() {
@@ -14389,12 +14392,12 @@ var MessageConstructor = defineComponent({
         primary: createVNode(info, null, null),
         warning: createVNode(warn, null, null),
         success: createVNode(success, null, null),
-        danger: createVNode(close$1, null, null)
+        error: createVNode(close$1, null, null)
       };
       return iconMap[this.theme];
     };
     return createVNode(Transition, {
-      "name": "bk-message-fade"
+      "name": "bk-fade"
     }, {
       default: () => [withDirectives(createVNode("div", {
         "class": this.classNames,
@@ -14403,9 +14406,9 @@ var MessageConstructor = defineComponent({
         "class": "bk-message-content"
       }, [createVNode("div", {
         "class": "bk-message-icon"
-      }, [renderIcon()]), this.message]), createVNode(error, {
+      }, [renderIcon()]), this.message]), this.dismissable && createVNode(error, {
         "class": "bk-message-icon bk-message-close",
-        "onClick": this.handleClose
+        "onClick": this.close
       }, null)]), [[vShow, this.visible]])]
     });
   }
@@ -19895,7 +19898,7 @@ var Form = defineComponent({
 var validator = {
   required: (value) => {
     console.log("required");
-    return value !== "";
+    return value !== "" && value !== void 0 && value !== null;
   },
   min: (value, min2) => {
     console.log("min");