@deot/vc 1.0.5 → 1.0.6

package/dist/index.iife.js

@@ -7484,6 +7484,7 @@ var Vc = (function (exports, vue) {
       type: Boolean,
       default: true
     },
+    // 单位ms
     duration: {
       type: Number,
       default: 3e3
@@ -7510,23 +7511,28 @@ var Vc = (function (exports, vue) {
       emit,
       expose
     }) {
-      const isVisible = vue.ref(false);
+      const isActive = vue.ref(false);
+      const currentContent = vue.ref();
+      const setContent = (v) => {
+        currentContent.value = v;
+      };
       const handleRemove = () => {
         emit("close");
         emit("portal-fulfilled");
       };
       const handleClose = () => {
         if (props2.maskClosable) {
-          isVisible.value = false;
+          isActive.value = false;
         }
       };
+      vue.watch(() => props2.content, setContent, {
+        immediate: true
+      });
       let timer;
       vue.onMounted(() => {
-        isVisible.value = true;
+        isActive.value = true;
         if (props2.duration !== 0) {
-          timer = setTimeout(() => {
-            isVisible.value = false;
-          }, props2.duration - 300);
+          timer = setTimeout(() => isActive.value = false, props2.duration);
         }
       });
       vue.onUnmounted(() => {
@@ -7556,12 +7562,12 @@ var Vc = (function (exports, vue) {
             "class": "vcm-toast__wrapper"
           }, [props2.mode === "loading" && vue.createVNode(MSpin, {
             "class": "vcm-toast__loading"
-          }, null), typeof props2.content === "string" ? vue.createVNode("div", {
+          }, null), typeof currentContent.value === "string" ? vue.createVNode("div", {
             "class": "vcm-toast__content",
-            "innerHTML": props2.content
-          }, null) : typeof props2.content === "function" ? vue.createVNode(MCustomer, {
-            "render": props2.content
-          }, null) : null]), [[vue.vShow, isVisible.value]])]
+            "innerHTML": currentContent.value
+          }, null) : typeof currentContent.value === "function" ? vue.createVNode(MCustomer, {
+            "render": currentContent.value
+          }, null) : null]), [[vue.vShow, isActive.value]])]
         })]);
       };
     }
@@ -9425,6 +9431,7 @@ var Vc = (function (exports, vue) {
       type: Boolean,
       default: true
     },
+    // 单位ms
     duration: {
       type: Number,
       default: 1500
@@ -9456,6 +9463,10 @@ var Vc = (function (exports, vue) {
     }) {
       const instance = vue.getCurrentInstance();
       const isActive = vue.ref(false);
+      const currentContent = vue.ref();
+      const setContent = (v) => {
+        currentContent.value = v;
+      };
       const handleRemove = () => {
         emit("close");
         emit("portal-fulfilled");
@@ -9474,13 +9485,14 @@ var Vc = (function (exports, vue) {
           isActive.value = false;
         }
       };
+      vue.watch(() => props2.content, setContent, {
+        immediate: true
+      });
       let timer;
       vue.onMounted(() => {
         isActive.value = true;
         if (props2.duration !== 0) {
-          timer = setTimeout(() => {
-            isActive.value = false;
-          }, props2.duration * 1e3 - 300);
+          timer = setTimeout(() => isActive.value = false, props2.duration);
         }
       });
       vue.onUnmounted(() => {
@@ -9489,7 +9501,9 @@ var Vc = (function (exports, vue) {
       const exposes = ["destroy", "remove", "close", "hide"].reduce((pre, key) => {
         pre[key] = handleRemove;
         return pre;
-      }, {});
+      }, {
+        setContent
+      });
       expose(exposes);
       return () => {
         return vue.createVNode("div", {
@@ -9516,11 +9530,11 @@ var Vc = (function (exports, vue) {
           }, null) : vue.createVNode(Icon, {
             "type": props2.mode,
             "class": [`is-${props2.mode}`, "vc-message__icon"]
-          }, null), typeof props2.content === "string" ? vue.createVNode("div", {
+          }, null), typeof currentContent.value === "string" ? vue.createVNode("div", {
             "class": "vc-message__content",
-            "innerHTML": props2.content
-          }, null) : typeof props2.content === "function" ? vue.createVNode(Customer, {
-            "render": props2.content
+            "innerHTML": currentContent.value
+          }, null) : typeof currentContent.value === "function" ? vue.createVNode(Customer, {
+            "render": currentContent.value
           }, null) : null, props2.closable && vue.createVNode(Icon, {
             "type": "close",
             "class": "vc-message__close",
@@ -10175,9 +10189,10 @@ var Vc = (function (exports, vue) {
   const props$z = {
     title: [String, Function],
     content: [String, Function],
+    // 单位ms
     duration: {
       type: Number,
-      default: 450
+      default: 4500
     },
     closable: {
       type: Boolean,
@@ -10208,13 +10223,25 @@ var Vc = (function (exports, vue) {
     }) {
       const instance = vue.getCurrentInstance();
       const isActive = vue.ref(false);
+      const currentTitle = vue.ref();
+      const currentContent = vue.ref();
+      const setTitle = (v) => {
+        currentTitle.value = v;
+      };
+      const setContent = (v) => {
+        currentContent.value = v;
+      };
+      vue.watch(() => props2.title, setTitle, {
+        immediate: true
+      });
+      vue.watch(() => props2.content, setContent, {
+        immediate: true
+      });
       let timer;
       vue.onMounted(() => {
         isActive.value = true;
         if (props2.duration !== 0) {
-          timer = setTimeout(() => {
-            isActive.value = false;
-          }, props2.duration * 1e3 - 300);
+          timer = setTimeout(() => isActive.value = false, props2.duration);
         }
       });
       vue.onUnmounted(() => {
@@ -10257,21 +10284,21 @@ var Vc = (function (exports, vue) {
           }, [props2.mode && vue.createVNode(Icon, {
             "type": `o-${props2.mode}`,
             "class": [`is-${props2.mode}`, "vc-notice__icon"]
-          }, null), vue.createVNode("div", null, [props2.title && vue.createVNode("div", {
+          }, null), vue.createVNode("div", null, [currentTitle.value && vue.createVNode("div", {
             "style": [{
-              marginBottom: props2.content ? "8px" : ""
+              marginBottom: currentContent.value ? "8px" : ""
             }],
             "class": "vc-notice__title"
-          }, [typeof props2.title === "string" ? vue.createVNode("div", {
-            "innerHTML": props2.title
-          }, null) : typeof props2.title === "function" ? vue.createVNode(Customer, {
-            "render": props2.title
-          }, null) : null]), props2.content && vue.createVNode("div", {
+          }, [typeof currentTitle.value === "string" ? vue.createVNode("div", {
+            "innerHTML": currentTitle.value
+          }, null) : typeof currentTitle.value === "function" ? vue.createVNode(Customer, {
+            "render": currentTitle.value
+          }, null) : null]), currentContent.value && vue.createVNode("div", {
             "class": "vc-notice__content"
-          }, [typeof props2.content === "string" ? vue.createVNode("div", {
-            "innerHTML": props2.content
-          }, null) : typeof props2.content === "function" ? vue.createVNode(Customer, {
-            "render": props2.content
+          }, [typeof currentContent.value === "string" ? vue.createVNode("div", {
+            "innerHTML": currentContent.value
+          }, null) : typeof currentContent.value === "function" ? vue.createVNode(Customer, {
+            "render": currentContent.value
           }, null) : null])]), props2.closable && vue.createVNode(Icon, {
             "type": "close",
             "style": "font-size: 12px",

package/dist/index.umd.cjs

@@ -7487,6 +7487,7 @@
       type: Boolean,
       default: true
     },
+    // 单位ms
     duration: {
       type: Number,
       default: 3e3
@@ -7513,23 +7514,28 @@
       emit,
       expose
     }) {
-      const isVisible = vue.ref(false);
+      const isActive = vue.ref(false);
+      const currentContent = vue.ref();
+      const setContent = (v) => {
+        currentContent.value = v;
+      };
       const handleRemove = () => {
         emit("close");
         emit("portal-fulfilled");
       };
       const handleClose = () => {
         if (props2.maskClosable) {
-          isVisible.value = false;
+          isActive.value = false;
         }
       };
+      vue.watch(() => props2.content, setContent, {
+        immediate: true
+      });
       let timer;
       vue.onMounted(() => {
-        isVisible.value = true;
+        isActive.value = true;
         if (props2.duration !== 0) {
-          timer = setTimeout(() => {
-            isVisible.value = false;
-          }, props2.duration - 300);
+          timer = setTimeout(() => isActive.value = false, props2.duration);
         }
       });
       vue.onUnmounted(() => {
@@ -7559,12 +7565,12 @@
             "class": "vcm-toast__wrapper"
           }, [props2.mode === "loading" && vue.createVNode(MSpin, {
             "class": "vcm-toast__loading"
-          }, null), typeof props2.content === "string" ? vue.createVNode("div", {
+          }, null), typeof currentContent.value === "string" ? vue.createVNode("div", {
             "class": "vcm-toast__content",
-            "innerHTML": props2.content
-          }, null) : typeof props2.content === "function" ? vue.createVNode(MCustomer, {
-            "render": props2.content
-          }, null) : null]), [[vue.vShow, isVisible.value]])]
+            "innerHTML": currentContent.value
+          }, null) : typeof currentContent.value === "function" ? vue.createVNode(MCustomer, {
+            "render": currentContent.value
+          }, null) : null]), [[vue.vShow, isActive.value]])]
         })]);
       };
     }
@@ -9428,6 +9434,7 @@
       type: Boolean,
       default: true
     },
+    // 单位ms
     duration: {
       type: Number,
       default: 1500
@@ -9459,6 +9466,10 @@
     }) {
       const instance = vue.getCurrentInstance();
       const isActive = vue.ref(false);
+      const currentContent = vue.ref();
+      const setContent = (v) => {
+        currentContent.value = v;
+      };
       const handleRemove = () => {
         emit("close");
         emit("portal-fulfilled");
@@ -9477,13 +9488,14 @@
           isActive.value = false;
         }
       };
+      vue.watch(() => props2.content, setContent, {
+        immediate: true
+      });
       let timer;
       vue.onMounted(() => {
         isActive.value = true;
         if (props2.duration !== 0) {
-          timer = setTimeout(() => {
-            isActive.value = false;
-          }, props2.duration * 1e3 - 300);
+          timer = setTimeout(() => isActive.value = false, props2.duration);
         }
       });
       vue.onUnmounted(() => {
@@ -9492,7 +9504,9 @@
       const exposes = ["destroy", "remove", "close", "hide"].reduce((pre, key) => {
         pre[key] = handleRemove;
         return pre;
-      }, {});
+      }, {
+        setContent
+      });
       expose(exposes);
       return () => {
         return vue.createVNode("div", {
@@ -9519,11 +9533,11 @@
           }, null) : vue.createVNode(Icon, {
             "type": props2.mode,
             "class": [`is-${props2.mode}`, "vc-message__icon"]
-          }, null), typeof props2.content === "string" ? vue.createVNode("div", {
+          }, null), typeof currentContent.value === "string" ? vue.createVNode("div", {
             "class": "vc-message__content",
-            "innerHTML": props2.content
-          }, null) : typeof props2.content === "function" ? vue.createVNode(Customer, {
-            "render": props2.content
+            "innerHTML": currentContent.value
+          }, null) : typeof currentContent.value === "function" ? vue.createVNode(Customer, {
+            "render": currentContent.value
           }, null) : null, props2.closable && vue.createVNode(Icon, {
             "type": "close",
             "class": "vc-message__close",
@@ -10178,9 +10192,10 @@
   const props$z = {
     title: [String, Function],
     content: [String, Function],
+    // 单位ms
     duration: {
       type: Number,
-      default: 450
+      default: 4500
     },
     closable: {
       type: Boolean,
@@ -10211,13 +10226,25 @@
     }) {
       const instance = vue.getCurrentInstance();
       const isActive = vue.ref(false);
+      const currentTitle = vue.ref();
+      const currentContent = vue.ref();
+      const setTitle = (v) => {
+        currentTitle.value = v;
+      };
+      const setContent = (v) => {
+        currentContent.value = v;
+      };
+      vue.watch(() => props2.title, setTitle, {
+        immediate: true
+      });
+      vue.watch(() => props2.content, setContent, {
+        immediate: true
+      });
       let timer;
       vue.onMounted(() => {
         isActive.value = true;
         if (props2.duration !== 0) {
-          timer = setTimeout(() => {
-            isActive.value = false;
-          }, props2.duration * 1e3 - 300);
+          timer = setTimeout(() => isActive.value = false, props2.duration);
         }
       });
       vue.onUnmounted(() => {
@@ -10260,21 +10287,21 @@
           }, [props2.mode && vue.createVNode(Icon, {
             "type": `o-${props2.mode}`,
             "class": [`is-${props2.mode}`, "vc-notice__icon"]
-          }, null), vue.createVNode("div", null, [props2.title && vue.createVNode("div", {
+          }, null), vue.createVNode("div", null, [currentTitle.value && vue.createVNode("div", {
             "style": [{
-              marginBottom: props2.content ? "8px" : ""
+              marginBottom: currentContent.value ? "8px" : ""
             }],
             "class": "vc-notice__title"
-          }, [typeof props2.title === "string" ? vue.createVNode("div", {
-            "innerHTML": props2.title
-          }, null) : typeof props2.title === "function" ? vue.createVNode(Customer, {
-            "render": props2.title
-          }, null) : null]), props2.content && vue.createVNode("div", {
+          }, [typeof currentTitle.value === "string" ? vue.createVNode("div", {
+            "innerHTML": currentTitle.value
+          }, null) : typeof currentTitle.value === "function" ? vue.createVNode(Customer, {
+            "render": currentTitle.value
+          }, null) : null]), currentContent.value && vue.createVNode("div", {
             "class": "vc-notice__content"
-          }, [typeof props2.content === "string" ? vue.createVNode("div", {
-            "innerHTML": props2.content
-          }, null) : typeof props2.content === "function" ? vue.createVNode(Customer, {
-            "render": props2.content
+          }, [typeof currentContent.value === "string" ? vue.createVNode("div", {
+            "innerHTML": currentContent.value
+          }, null) : typeof currentContent.value === "function" ? vue.createVNode(Customer, {
+            "render": currentContent.value
           }, null) : null])]), props2.closable && vue.createVNode(Icon, {
             "type": "close",
             "style": "font-size: 12px",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deot/vc",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,9 +19,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@deot/vc-components": "^1.0.5",
-    "@deot/vc-hooks": "^1.0.5",
-    "@deot/vc-shared": "^1.0.5"
+    "@deot/vc-components": "^1.0.6",
+    "@deot/vc-hooks": "^1.0.6",
+    "@deot/vc-shared": "^1.0.6"
   },
   "peerDependencies": {
     "vue": "*"