uniapp-dyckui 4.1.6 → 4.1.8

package/dist/index.mjs

@@ -84,14 +84,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__ */ defineComponent({
   __name: "index",
   props: {
@@ -100,6 +120,8 @@ const _sfc_main$9 = /* @__PURE__ */ 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 }
@@ -107,7 +129,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "confirm", "cancel"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v1f434a4e": _ctx.maskOpacity
+      "ec110036": _ctx.maskOpacity
     }));
     const props = __props;
     const emit = __emit;
@@ -144,17 +166,19 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         }, [
           createElementVNode("view", _hoisted_1$9, [
             createElementVNode("view", _hoisted_2$8, [
-              __props.icon ? (openBlock(), createElementBlock("image", {
-                key: 0,
-                src: __props.icon,
-                alt: "dialog-icon"
-              }, null, 8, _hoisted_3$8)) : (openBlock(), createElementBlock("view", _hoisted_4$5))
+              renderSlot(_ctx.$slots, "icon", {}, () => [
+                __props.customIcon ? (openBlock(), createElementBlock("text", _hoisted_3$8, toDisplayString(__props.customIcon), 1)) : __props.iconType === "phone" ? (openBlock(), createElementBlock("text", _hoisted_4$5)) : __props.iconType === "screen" ? (openBlock(), createElementBlock("text", _hoisted_5$4)) : __props.iconType === "links" ? (openBlock(), createElementBlock("text", _hoisted_6$4)) : __props.iconType === "links2" ? (openBlock(), createElementBlock("text", _hoisted_7$2)) : __props.icon ? (openBlock(), createElementBlock("image", {
+                  key: 5,
+                  src: __props.icon,
+                  alt: "dialog-icon"
+                }, null, 8, _hoisted_8$2)) : (openBlock(), createElementBlock("view", _hoisted_9$1))
+              ], true)
             ]),
-            createElementVNode("text", _hoisted_5$4, toDisplayString(__props.title), 1),
-            createElementVNode("text", _hoisted_6$4, toDisplayString(__props.description), 1)
+            createElementVNode("view", _hoisted_10$1, toDisplayString(__props.title), 1),
+            createElementVNode("text", _hoisted_11$1, toDisplayString(__props.description), 1)
           ]),
           _cache[1] || (_cache[1] = createElementVNode("view", { class: "dialog-divider" }, null, -1)),
-          createElementVNode("view", _hoisted_7$2, [
+          createElementVNode("view", _hoisted_12$1, [
             __props.type === "open-app" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               createElementVNode("view", {
                 class: "dialog-button dialog-button-cancel",
@@ -184,7 +208,7 @@ const _sfc_main$9 = /* @__PURE__ */ 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"
@@ -793,7 +817,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Popup = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-687daa34"]]);
+const Popup = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-5d3c3e08"]]);
 const _hoisted_1$2 = {
   key: 0,
   class: "refresh-content"
@@ -1216,19 +1240,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__ */ defineComponent({
   __name: "index",
@@ -1242,7 +1266,12 @@ const _sfc_main = /* @__PURE__ */ 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 }) {
@@ -1250,8 +1279,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const toastRef = ref(null);
     let timer = null;
+    let countdownTimer = null;
     const showToast = ref(props.modelValue);
     const isClosing = ref(false);
+    const currentCountdown = ref(props.countdownSeconds);
+    const originalMessage = ref(props.message);
     const showIcon = computed(() => {
       if (props.loading)
         return true;
@@ -1259,21 +1291,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return props.icon;
       return true;
     });
+    const displayMessage = 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() {
@@ -1282,6 +1328,29 @@ const _sfc_main = /* @__PURE__ */ 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;
@@ -1294,6 +1363,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         showToast.value = true;
         isClosing.value = false;
         startTimer();
+        if (props.countdown) {
+          startCountdown();
+        }
       } else {
         close();
       }
@@ -1301,15 +1373,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(() => props.message, () => {
       if (showToast.value && !props.loading) {
         startTimer();
+        if (props.countdown) {
+          originalMessage.value = props.message;
+        }
+      }
+    });
+    watch([() => props.countdown, () => props.countdownSeconds], () => {
+      if (showToast.value && props.countdown) {
+        startCountdown();
+      } else {
+        clearCountdownTimer();
       }
     });
     onMounted(() => {
       if (props.modelValue) {
         startTimer();
+        if (props.countdown) {
+          startCountdown();
+        }
       }
     });
     onUnmounted(() => {
       clearTimer();
+      clearCountdownTimer();
     });
     __expose({
       /**
@@ -1336,16 +1422,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         __props.loading ? (openBlock(), createElementBlock("view", _hoisted_1, [
           !__props.customIcon ? (openBlock(), createElementBlock("text", _hoisted_2)) : (openBlock(), createElementBlock("text", _hoisted_3, toDisplayString(__props.customIcon), 1))
         ])) : showIcon.value ? (openBlock(), createElementBlock("view", _hoisted_4, [
-          __props.type === "success" ? (openBlock(), createElementBlock("text", _hoisted_5, "✓")) : __props.type === "fail" ? (openBlock(), createElementBlock("text", _hoisted_6, "✗")) : __props.customIcon ? (openBlock(), createElementBlock("text", _hoisted_7, toDisplayString(__props.customIcon), 1)) : createCommentVNode("", true)
+          __props.type === "success" ? (openBlock(), createElementBlock("text", _hoisted_5)) : __props.type === "fail" ? (openBlock(), createElementBlock("text", _hoisted_6)) : __props.type === "warning" ? (openBlock(), createElementBlock("text", _hoisted_7)) : __props.customIcon ? (openBlock(), createElementBlock("text", _hoisted_8, toDisplayString(__props.customIcon), 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
-        __props.message ? (openBlock(), createElementBlock("text", _hoisted_8, toDisplayString(__props.message), 1)) : createCommentVNode("", true)
+        displayMessage.value ? (openBlock(), createElementBlock("text", {
+          key: 2,
+          class: normalizeClass(["sw-toast__text", { "sw-toast__text--long": __props.longText }])
+        }, toDisplayString(displayMessage.value), 3)) : createCommentVNode("", true)
       ], 38)), [
         [vShow, showToast.value]
       ]);
     };
   }
 });
-const Toast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3bcd294c"]]);
+const Toast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78362f19"]]);
 const index = {
   Button,
   Dialog,