uniapp-dyckui 4.1.5 → 4.1.7

package/dist/index.cjs

@@ -86,14 +86,34 @@ const _export_sfc = (sfc, props) => {
 const Button = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-02c23a30"]]);
 const _hoisted_1$9 = { class: "dialog-content" };
 const _hoisted_2$8 = { class: "dialog-icon" };
-const _hoisted_3$8 = ["src"];
+const _hoisted_3$8 = {
+  key: 0,
+  class: "iconfont dialog-icon-custom"
+};
 const _hoisted_4$5 = {
   key: 1,
+  class: "iconfont dialog-button-primary icon-shouji"
+};
+const _hoisted_5$4 = {
+  key: 2,
+  class: "iconfont dialog-button-primary icon-xianshiqi"
+};
+const _hoisted_6$4 = {
+  key: 3,
+  class: "iconfont dialog-button-primary icon-xianshiqi1"
+};
+const _hoisted_7$2 = {
+  key: 4,
+  class: "iconfont dialog-button-primary icon-lianjiewangzhi"
+};
+const _hoisted_8$2 = ["src"];
+const _hoisted_9$1 = {
+  key: 6,
   class: "default-icon"
 };
-const _hoisted_5$4 = { class: "dialog-title" };
-const _hoisted_6$4 = { class: "dialog-description" };
-const _hoisted_7$2 = { class: "dialog-buttons" };
+const _hoisted_10$1 = { class: "dialog-title" };
+const _hoisted_11$1 = { class: "dialog-description" };
+const _hoisted_12$1 = { class: "dialog-buttons" };
 const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
@@ -102,6 +122,8 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     title: { default: "" },
     description: { default: "" },
     icon: { default: "" },
+    iconType: { default: void 0 },
+    customIcon: { default: "" },
     mask: { type: Boolean, default: true },
     maskOpacity: { default: 0.5 },
     closeOnMaskClick: { type: Boolean, default: true }
@@ -109,7 +131,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   emits: ["update:modelValue", "confirm", "cancel"],
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "v1f434a4e": _ctx.maskOpacity
+      "ec110036": _ctx.maskOpacity
     }));
     const props = __props;
     const emit = __emit;
@@ -146,17 +168,19 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
         }, [
           vue.createElementVNode("view", _hoisted_1$9, [
             vue.createElementVNode("view", _hoisted_2$8, [
-              __props.icon ? (vue.openBlock(), vue.createElementBlock("image", {
-                key: 0,
-                src: __props.icon,
-                alt: "dialog-icon"
-              }, null, 8, _hoisted_3$8)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$5))
+              vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                __props.customIcon ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_3$8, vue.toDisplayString(__props.customIcon), 1)) : __props.iconType === "phone" ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_4$5)) : __props.iconType === "screen" ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_5$4)) : __props.iconType === "links" ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_6$4)) : __props.iconType === "links2" ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_7$2)) : __props.icon ? (vue.openBlock(), vue.createElementBlock("image", {
+                  key: 5,
+                  src: __props.icon,
+                  alt: "dialog-icon"
+                }, null, 8, _hoisted_8$2)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_9$1))
+              ], true)
             ]),
-            vue.createElementVNode("text", _hoisted_5$4, vue.toDisplayString(__props.title), 1),
-            vue.createElementVNode("text", _hoisted_6$4, vue.toDisplayString(__props.description), 1)
+            vue.createElementVNode("view", _hoisted_10$1, vue.toDisplayString(__props.title), 1),
+            vue.createElementVNode("text", _hoisted_11$1, vue.toDisplayString(__props.description), 1)
           ]),
           _cache[1] || (_cache[1] = vue.createElementVNode("view", { class: "dialog-divider" }, null, -1)),
-          vue.createElementVNode("view", _hoisted_7$2, [
+          vue.createElementVNode("view", _hoisted_12$1, [
             __props.type === "open-app" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
               vue.createElementVNode("view", {
                 class: "dialog-button dialog-button-cancel",
@@ -186,7 +210,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-a2785685"]]);
+const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-1151ef29"]]);
 const _hoisted_1$8 = {
   key: 0,
   class: "sw-divider__text"
@@ -795,7 +819,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Popup = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-a8084c82"]]);
+const Popup = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-5d3c3e08"]]);
 const _hoisted_1$2 = {
   key: 0,
   class: "refresh-content"
@@ -878,7 +902,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
         const now = Date.now();
         if (now - lastScrollTime >= delay) {
           lastScrollTime = now;
-          fn.apply(null, args);
+          fn(...args);
         }
       };
     }
@@ -1074,7 +1098,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const PullRefresh = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-b591b189"]]);
+const PullRefresh = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-b679bd64"]]);
 const _hoisted_1$1 = { class: "sw-swiper" };
 const _hoisted_2$1 = {
   key: 0,
@@ -1199,7 +1223,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Swiper = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-4f860ae8"]]);
+const Swiper = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-48e33fb8"]]);
 const _hoisted_1 = {
   key: 0,
   class: "sw-toast__loading"
@@ -1218,19 +1242,19 @@ const _hoisted_4 = {
 };
 const _hoisted_5 = {
   key: 0,
-  class: "sw-toast__icon--success"
+  class: "sw-toast__icon--success iconfont icon-zhengqueshixin"
 };
 const _hoisted_6 = {
   key: 1,
-  class: "sw-toast__icon--fail"
+  class: "sw-toast__icon--fail iconfont icon-shanchu"
 };
 const _hoisted_7 = {
   key: 2,
-  class: "sw-toast__custom-icon"
+  class: "sw-toast__icon--warning iconfont icon-jurassic_warn"
 };
 const _hoisted_8 = {
-  key: 2,
-  class: "sw-toast__text"
+  key: 3,
+  class: "sw-toast__custom-icon"
 };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
@@ -1244,7 +1268,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     icon: { type: Boolean, default: true },
     customIcon: { default: "" },
     large: { type: Boolean, default: false },
-    customStyle: { default: () => ({}) }
+    customStyle: { default: () => ({}) },
+    countdown: { type: Boolean, default: false },
+    countdownSeconds: { default: 5 },
+    countdownParentheses: { type: Boolean, default: false },
+    countdownSuffix: { default: "" },
+    longText: { type: Boolean, default: false }
   },
   emits: ["update:modelValue", "close", "click"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -1252,8 +1281,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const emit = __emit;
     const toastRef = vue.ref(null);
     let timer = null;
+    let countdownTimer = null;
     const showToast = vue.ref(props.modelValue);
     const isClosing = vue.ref(false);
+    const currentCountdown = vue.ref(props.countdownSeconds);
+    const originalMessage = vue.ref(props.message);
     const showIcon = vue.computed(() => {
       if (props.loading)
         return true;
@@ -1261,21 +1293,35 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return props.icon;
       return true;
     });
+    const displayMessage = vue.computed(() => {
+      if (props.countdown && showToast.value) {
+        let countdownPart = "";
+        if (props.countdownParentheses) {
+          countdownPart = `(${currentCountdown.value}秒${props.countdownSuffix})`;
+        } else {
+          countdownPart = `${currentCountdown.value}秒${props.countdownSuffix}`;
+        }
+        return `${originalMessage.value || ""} ${countdownPart}`;
+      }
+      return props.message;
+    });
     function onClick() {
       emit("click");
     }
     function close() {
       if (!showToast.value)
         return;
+      clearCountdownTimer();
       isClosing.value = true;
       emit("close");
     }
     function startTimer() {
       clearTimer();
-      if (props.duration > 0 && !props.loading) {
+      const actualDuration = props.countdown && props.countdownSeconds > 0 ? props.countdownSeconds * 1e3 : props.duration;
+      if (actualDuration > 0 && !props.loading) {
         timer = setTimeout(() => {
           close();
-        }, props.duration);
+        }, actualDuration);
       }
     }
     function clearTimer() {
@@ -1284,6 +1330,29 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         timer = null;
       }
     }
+    function startCountdown() {
+      clearCountdownTimer();
+      if (props.countdown && props.countdownSeconds > 0) {
+        currentCountdown.value = props.countdownSeconds;
+        originalMessage.value = props.message;
+        countdownTimer = setInterval(() => {
+          currentCountdown.value--;
+          if (currentCountdown.value <= 0) {
+            clearCountdownTimer();
+            if (props.duration > 0) {
+              close();
+            }
+          }
+        }, 1e3);
+      }
+    }
+    function clearCountdownTimer() {
+      if (countdownTimer) {
+        clearInterval(countdownTimer);
+        countdownTimer = null;
+      }
+      currentCountdown.value = props.countdownSeconds;
+    }
     function handleTransitionEnd() {
       if (isClosing.value) {
         showToast.value = false;
@@ -1296,6 +1365,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         showToast.value = true;
         isClosing.value = false;
         startTimer();
+        if (props.countdown) {
+          startCountdown();
+        }
       } else {
         close();
       }
@@ -1303,15 +1375,29 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.watch(() => props.message, () => {
       if (showToast.value && !props.loading) {
         startTimer();
+        if (props.countdown) {
+          originalMessage.value = props.message;
+        }
+      }
+    });
+    vue.watch([() => props.countdown, () => props.countdownSeconds], () => {
+      if (showToast.value && props.countdown) {
+        startCountdown();
+      } else {
+        clearCountdownTimer();
       }
     });
     vue.onMounted(() => {
       if (props.modelValue) {
         startTimer();
+        if (props.countdown) {
+          startCountdown();
+        }
       }
     });
     vue.onUnmounted(() => {
       clearTimer();
+      clearCountdownTimer();
     });
     __expose({
       /**
@@ -1338,16 +1424,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         __props.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1, [
           !__props.customIcon ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_2)) : (vue.openBlock(), vue.createElementBlock("text", _hoisted_3, vue.toDisplayString(__props.customIcon), 1))
         ])) : showIcon.value ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4, [
-          __props.type === "success" ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_5, "✓")) : __props.type === "fail" ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_6, "✗")) : __props.customIcon ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_7, vue.toDisplayString(__props.customIcon), 1)) : vue.createCommentVNode("", true)
+          __props.type === "success" ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_5)) : __props.type === "fail" ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_6)) : __props.type === "warning" ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_7)) : __props.customIcon ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_8, vue.toDisplayString(__props.customIcon), 1)) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
-        __props.message ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_8, vue.toDisplayString(__props.message), 1)) : vue.createCommentVNode("", true)
+        displayMessage.value ? (vue.openBlock(), vue.createElementBlock("text", {
+          key: 2,
+          class: vue.normalizeClass(["sw-toast__text", { "sw-toast__text--long": __props.longText }])
+        }, vue.toDisplayString(displayMessage.value), 3)) : vue.createCommentVNode("", true)
       ], 38)), [
         [vue.vShow, showToast.value]
       ]);
     };
   }
 });
-const Toast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-482db7a0"]]);
+const Toast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78362f19"]]);
 const index = {
   Button,
   Dialog,