y-design-ssr 1.1.7 → 1.1.9

package/libs/dialog/index.d.ts

@@ -68,6 +68,10 @@ declare const Dialog: import("../utils/withInstall").WithInstall<import("vue").D
         type: StringConstructor;
         default: string;
     };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "update:modelValue" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
@@ -137,8 +141,13 @@ declare const Dialog: import("../utils/withInstall").WithInstall<import("vue").D
         type: StringConstructor;
         default: string;
     };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>>, {
     title: string;
+    duration: number;
     modelValue: boolean;
     message: string;
     teleport: string;

package/libs/dialog/index.mjs

@@ -1,11 +1,11 @@
-import { ref as D, reactive as P, defineComponent as x, onMounted as se, onUnmounted as de, watch as ee, createVNode as r, Transition as O, withDirectives as N, vShow as R, computed as j, Teleport as fe, Fragment as te, createApp as T, h as ne, mergeProps as me, resolveDirective as H, isVNode as pe } from "vue";
-const le = (e) => (t) => Object.prototype.toString.call(t) === `[object ${e}]`, ge = le("Function"), ye = le("Promise"), A = (e, t) => t ? typeof t == "string" ? ` ${e}--${t}` : Array.isArray(t) ? t.reduce((o, a) => o + A(e, a), "") : Object.keys(t).reduce(
+import { ref as D, reactive as P, defineComponent as x, onMounted as de, onUnmounted as fe, watch as ee, createVNode as r, Transition as O, withDirectives as N, vShow as R, computed as j, Teleport as me, Fragment as te, createApp as T, h as ne, mergeProps as pe, resolveDirective as H, isVNode as ge } from "vue";
+const le = (e) => (t) => Object.prototype.toString.call(t) === `[object ${e}]`, ye = le("Function"), be = le("Promise"), A = (e, t) => t ? typeof t == "string" ? ` ${e}--${t}` : Array.isArray(t) ? t.reduce((o, a) => o + A(e, a), "") : Object.keys(t).reduce(
   (o, a) => o + (t[a] ? A(e, a) : ""),
   ""
-) : "", be = (e) => (t, o) => {
-  let a = t, u = o;
-  return a && typeof a != "string" && (u = a, a = ""), a = a ? `${e}__${a}` : e, `${a}${A(a, u)}`;
-}, Se = () => (e, t) => t ? `${A(`y-${e}`, t)}` : `y-${e}`, ve = {
+) : "", Se = (e) => (t, o) => {
+  let a = t, c = o;
+  return a && typeof a != "string" && (c = a, a = ""), a = a ? `${e}__${a}` : e, `${a}${A(a, c)}`;
+}, ve = () => (e, t) => t ? `${A(`y-${e}`, t)}` : `y-${e}`, ke = {
   "pull-refresh": {
     pulling: "下拉刷新...",
     loosing: "释放刷新...",
@@ -19,12 +19,12 @@ const le = (e) => (t) => Object.prototype.toString.call(t) === `[object ${e}]`,
 };
 D("zh-CN");
 P({
-  "zh-CN": ve
+  "zh-CN": ke
 });
 const w = (e) => {
   const t = `y-${e}`;
-  return [t, be(t), Se()];
-}, y = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, ke = (e) => {
+  return [t, Se(t), ve()];
+}, y = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, $e = (e) => {
   switch (e) {
     case "top":
       return "column-reverse";
@@ -37,7 +37,7 @@ const w = (e) => {
     default:
       return "column";
   }
-}, [$e, Ce, he] = w("mask"), xe = {
+}, [Ce, he, xe] = w("mask"), we = {
   // 控制显示
   modelValue: {
     type: Boolean,
@@ -74,63 +74,63 @@ const w = (e) => {
   }
 }, S = P([]);
 let J = 0;
-const we = /* @__PURE__ */ x({
-  name: $e,
-  props: xe,
+const Be = /* @__PURE__ */ x({
+  name: Ce,
+  props: we,
   emits: ["update:modelValue"],
   setup(e, {
     slots: t
   }) {
     const o = D("");
-    se(() => {
+    de(() => {
       o.value = `mask${J}`, J += 1, a(e.modelValue, !0);
-    }), de(() => {
-      const l = S.findIndex((c) => c._id === o.value);
+    }), fe(() => {
+      const l = S.findIndex((u) => u._id === o.value);
       l >= 0 && S.splice(l, 1);
     }), ee(() => e.modelValue, (l) => {
       a(l);
     });
-    const a = (l, c) => {
+    const a = (l, u) => {
       l ? (S.unshift({
         _id: o.value,
         _state: l
-      }), S.length > 1 && (S[1]._state = !1)) : c || (S.splice(0, 1), S.length > 0 && (S[0]._state = !0));
-    }, u = () => {
+      }), S.length > 1 && (S[1]._state = !1)) : u || (S.splice(0, 1), S.length > 0 && (S[0]._state = !0));
+    }, c = () => {
       let l = !1;
-      for (let c = 0; c < S.length; c++)
-        S[c]._id === o.value && (l = S[c]._state);
+      for (let u = 0; u < S.length; u++)
+        S[u]._id === o.value && (l = S[u]._state);
       return {
         _state: l
       };
     }, d = (l) => {
       const {
-        lockScroll: c
+        lockScroll: u
       } = e;
-      c && (l.preventDefault(), l.stopPropagation());
+      u && (l.preventDefault(), l.stopPropagation());
     };
     return () => {
       const {
         customClass: l,
-        duration: c,
+        duration: u,
         zIndex: p,
         customStyle: g,
         onAfterLeave: m
       } = e, {
         _state: i
-      } = u();
+      } = c();
       return r(O, {
-        name: he("animation", "fade"),
+        name: xe("animation", "fade"),
         onAfterLeave: m
       }, {
         default: () => {
           var n;
           return [N(r("div", {
             style: {
-              animationDuration: `${c}ms`,
+              animationDuration: `${u}ms`,
               zIndex: p,
               ...g
             },
-            class: [Ce(), l],
+            class: [he(), l],
             onTouchmove: d
           }, [(n = t.default) == null ? void 0 : n.call(t)]), [[R, i]])];
         }
@@ -145,7 +145,7 @@ function B(e) {
     a && o.component(a, e);
   }, t;
 }
-const K = B(we), [Be, Q, X] = w("popup"), _e = {
+const K = B(Be), [_e, Q, X] = w("popup"), Ne = {
   // 控制显示
   modelValue: {
     type: Boolean,
@@ -208,9 +208,9 @@ const K = B(we), [Be, Q, X] = w("popup"), _e = {
     type: Number,
     default: 100
   }
-}, Ne = /* @__PURE__ */ x({
-  name: Be,
-  props: _e,
+}, Ve = /* @__PURE__ */ x({
+  name: _e,
+  props: Ne,
   emits: ["clickMask", "update:modelValue"],
   setup(e, {
     slots: t,
@@ -219,11 +219,11 @@ const K = B(we), [Be, Q, X] = w("popup"), _e = {
     const a = j(() => {
       const {
         position: l,
-        borderRadius: c,
+        borderRadius: u,
         customStyle: p,
         duration: g,
         zIndex: m
-      } = e, i = y(c);
+      } = e, i = y(u);
       let n = "0";
       switch (l) {
         case "top":
@@ -247,18 +247,18 @@ const K = B(we), [Be, Q, X] = w("popup"), _e = {
         ...p,
         zIndex: m + 1
       };
-    }), u = (l) => {
+    }), c = (l) => {
       o("clickMask", l), e.isCloseOnClickMask && (d.value = !1);
     }, d = j({
       get: () => e.modelValue,
       set: (l) => o("update:modelValue", l)
     });
-    return ee(() => d.value, (l, c) => {
-      l !== c && (l && e.lockScroll ? document.body.style.overflow = "hidden" : document.body.style.overflow = "");
+    return ee(() => d.value, (l, u) => {
+      l !== u && (l && e.lockScroll ? document.body.style.overflow = "hidden" : document.body.style.overflow = "");
     }), () => {
       const {
         teleport: l,
-        position: c,
+        position: u,
         customClass: p,
         duration: g,
         onAfterLeave: m,
@@ -267,7 +267,7 @@ const K = B(we), [Be, Q, X] = w("popup"), _e = {
         maskCustomClass: f,
         maskCustomStyle: b
       } = e;
-      return l ? r(fe, {
+      return l ? r(me, {
         to: l
       }, {
         default: () => [r(K, {
@@ -275,20 +275,20 @@ const K = B(we), [Be, Q, X] = w("popup"), _e = {
           "onUpdate:modelValue": (s) => d.value = s,
           duration: g,
           lockScroll: i,
-          onClick: u,
+          onClick: c,
           onAfterLeave: m,
           zIndex: n,
           customClass: f,
           customStyle: b
         }, null), r(O, {
-          name: X("animation", `slide-${c}`)
+          name: X("animation", `slide-${u}`)
         }, {
           default: () => {
             var s;
             return [N(r("div", {
               style: a.value,
               class: [Q("content", {
-                [c]: c
+                [u]: u
               }), p]
             }, [((s = t.default) == null ? void 0 : s.call(t)) || null]), [[R, d.value]])];
           }
@@ -298,20 +298,20 @@ const K = B(we), [Be, Q, X] = w("popup"), _e = {
         "onUpdate:modelValue": (s) => d.value = s,
         duration: g,
         lockScroll: i,
-        onClick: u,
+        onClick: c,
         onAfterLeave: m,
         zIndex: n,
         customClass: f,
         customStyle: b
       }, null), r(O, {
-        name: X("animation", `slide-${c}`)
+        name: X("animation", `slide-${u}`)
       }, {
         default: () => {
           var s;
           return [N(r("div", {
             style: a.value,
             class: [Q("content", {
-              [c]: c
+              [u]: u
             }), p]
           }, [((s = t.default) == null ? void 0 : s.call(t)) || null]), [[R, d.value]])];
         }
@@ -319,8 +319,8 @@ const K = B(we), [Be, Q, X] = w("popup"), _e = {
     };
   }
 });
-const Ve = B(Ne), [Ie, z] = w("icon"), ze = (e) => new RegExp(/\.(https|png|jpg|gif|jpeg|webp|apng)$/).test(e.toLowerCase()), Ae = /* @__PURE__ */ x({
-  name: Ie,
+const Ie = B(Ve), [ze, z] = w("icon"), Ae = (e) => new RegExp(/\.(https|png|jpg|gif|jpeg|webp|apng)$/).test(e.toLowerCase()), Le = /* @__PURE__ */ x({
+  name: ze,
   props: {
     dot: {
       type: Boolean,
@@ -371,7 +371,7 @@ const Ve = B(Ne), [Ie, z] = w("icon"), ze = (e) => new RegExp(/\.(https|png|jpg|
     slots: t,
     emit: o
   }) {
-    const a = ze(e.name), u = () => ({
+    const a = Ae(e.name), c = () => ({
       fontSize: y(e.size),
       color: e.color
     }), d = (l) => {
@@ -380,7 +380,7 @@ const Ve = B(Ne), [Ie, z] = w("icon"), ze = (e) => new RegExp(/\.(https|png|jpg|
     return () => {
       const {
         name: l,
-        classPrefix: c,
+        classPrefix: u,
         badge: p,
         dot: g,
         subColor: m,
@@ -388,8 +388,8 @@ const Ve = B(Ne), [Ie, z] = w("icon"), ze = (e) => new RegExp(/\.(https|png|jpg|
         tag: n
       } = e;
       return r(n, {
-        class: `${c}${a ? "" : ` y-icon--${l}`}`,
-        style: u(),
+        class: `${u}${a ? "" : ` y-icon--${l}`}`,
+        style: c(),
         onClick: d
       }, {
         default: () => {
@@ -417,8 +417,8 @@ const Ve = B(Ne), [Ie, z] = w("icon"), ze = (e) => new RegExp(/\.(https|png|jpg|
     };
   }
 });
-const Le = B(Ae), [Me, _, Oe] = w("button"), Re = /* @__PURE__ */ x({
-  name: Me,
+const Me = B(Le), [Oe, _, Re] = w("button"), je = /* @__PURE__ */ x({
+  name: Oe,
   props: {
     // 标签
     tag: {
@@ -486,17 +486,17 @@ const Le = B(Ae), [Me, _, Oe] = w("button"), Re = /* @__PURE__ */ x({
     slots: t,
     emit: o
   }) {
-    const a = (u) => {
-      o("click", u);
+    const a = (c) => {
+      o("click", c);
     };
     return () => {
       let {
-        tag: u
+        tag: c
       } = e;
       const {
         radius: d,
         type: l,
-        size: c,
+        size: u,
         disabled: p,
         shadow: g,
         block: m,
@@ -506,13 +506,13 @@ const Le = B(Ae), [Me, _, Oe] = w("button"), Re = /* @__PURE__ */ x({
         text: b,
         supplementText: s
       } = e, k = t.default ? t.default() : b;
-      return u = l === "link" ? "a" : u, r(u, {
-        class: [_([l, c, {
+      return c = l === "link" ? "a" : c, r(c, {
+        class: [_([l, u, {
           block: m,
           square: i,
           semicircle: n,
-          disabled: p && u === "a"
-        }, (l === "primary" || l === "secondary") && g ? `shadow_${g}` : "", f ? `${l}_danger` : "", p ? `${l}_disabled` : ""]), Oe("el", "clickable")],
+          disabled: p && c === "a"
+        }, (l === "primary" || l === "secondary") && g ? `shadow_${g}` : "", f ? `${l}_danger` : "", p ? `${l}_disabled` : ""]), Re("el", "clickable")],
         style: {
           borderRadius: y(d)
         },
@@ -535,7 +535,7 @@ const Le = B(Ae), [Me, _, Oe] = w("button"), Re = /* @__PURE__ */ x({
     };
   }
 });
-const Y = B(Re), [je, h] = w("loading"), De = {
+const Y = B(je), [De, h] = w("loading"), Pe = {
   // Loading icon 的颜色
   color: {
     type: String,
@@ -595,8 +595,8 @@ const Y = B(Re), [je, h] = w("loading"), De = {
     default: "relative"
   }
 }, ae = /* @__PURE__ */ x({
-  name: je,
-  props: De,
+  name: De,
+  props: Pe,
   setup(e, {
     slots: t
   }) {
@@ -605,10 +605,10 @@ const Y = B(Re), [je, h] = w("loading"), De = {
       const {
         position: o,
         textLocation: a,
-        bgColor: u,
+        bgColor: c,
         bgBorderRadius: d,
         size: l,
-        padding: c,
+        padding: u,
         color: p,
         thick: g,
         direction: m,
@@ -625,10 +625,10 @@ const Y = B(Re), [je, h] = w("loading"), De = {
           [o]: o !== "relative"
         }),
         style: {
-          flexDirection: ke(a),
-          backgroundColor: u,
+          flexDirection: $e(a),
+          backgroundColor: c,
           borderRadius: y(d),
-          padding: y(c)
+          padding: y(u)
         }
       }, [r("span", {
         class: h("icon-wrapper"),
@@ -662,17 +662,17 @@ const Y = B(Re), [je, h] = w("loading"), De = {
       }, [b])])]);
     };
   }
-}), Pe = (e, t) => {
+}), Te = (e, t) => {
   const a = T({
     render: () => ne(ae, { ...e }, { ...t })
-  }), u = document.createElement("div");
-  return a.mount(u);
+  }), c = document.createElement("div");
+  return a.mount(c);
 }, Z = (e, t) => {
   t.value ? (e.classList.add("y-loading__wrap"), e.appendChild(e.instance.$el)) : (e.classList.remove("y-loading__wrap"), e.removeChild(e.instance.$el));
-}, Te = {
+}, Fe = {
   getSSRProps: (e) => ({ ...e }),
   mounted: (e, t) => {
-    e.instance = Pe({ ...e.customProps }, { ...e.customSlots }), t.value && Z(e, t);
+    e.instance = Te({ ...e.customProps }, { ...e.customSlots }), t.value && Z(e, t);
   },
   updated: (e, t) => {
     t.oldValue !== t.value && Z(e, t);
@@ -682,10 +682,10 @@ const Y = B(Re), [je, h] = w("loading"), De = {
   }
 };
 B(ae);
-function Fe(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !pe(e);
+function Ue(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ge(e);
 }
-const [Ue, v] = w("dialog"), Ee = {
+const [Ee, v] = w("dialog"), qe = {
   // 控制显示
   modelValue: {
     type: Boolean,
@@ -755,13 +755,18 @@ const [Ue, v] = w("dialog"), Ee = {
   teleport: {
     type: String,
     default: "body"
+  },
+  // 动画时长
+  duration: {
+    type: Number,
+    default: 300
   }
 }, oe = /* @__PURE__ */ x({
-  name: Ue,
+  name: Ee,
   directives: {
-    loading: Te
+    loading: Fe
   },
-  props: Ee,
+  props: qe,
   emits: ["update:modelValue", "cancel", "confirm"],
   setup(e, {
     emit: t,
@@ -770,14 +775,14 @@ const [Ue, v] = w("dialog"), Ee = {
     const a = P({
       cancel: !1,
       confirm: !1
-    }), u = (n) => {
+    }), c = (n) => {
       i.value = n;
     }, d = (n) => {
       var f;
-      u(!1), (f = e.callback) == null || f.call(e, n);
+      c(!1), (f = e.callback) == null || f.call(e, n);
     }, l = (n) => {
       t("cancel", n, p("cancel"));
-    }, c = (n) => {
+    }, u = (n) => {
       t("confirm", n, p("confirm"));
     }, p = (n) => {
       const {
@@ -785,10 +790,10 @@ const [Ue, v] = w("dialog"), Ee = {
         beforeClose: b
       } = e;
       if (f)
-        if (ge(b)) {
+        if (ye(b)) {
           a[n] = !0;
           const s = b(n);
-          ye(s) ? s.then(($) => {
+          be(s) ? s.then(($) => {
             g($, n);
           }).catch(($) => {
             throw new Error($);
@@ -816,12 +821,13 @@ const [Ue, v] = w("dialog"), Ee = {
         showCancelBtn: F,
         cancelButtonText: L,
         showConfirmBtn: U,
-        confirmButtonText: ce,
+        confirmButtonText: ue,
         imgSrc: E,
         circleImg: C,
-        teleport: ue
+        teleport: ce,
+        duration: ie
       } = e;
-      return r(Ve, me({
+      return r(Ie, pe({
         modelValue: i.value,
         "onUpdate:modelValue": (I) => i.value = I,
         customClass: v(),
@@ -829,10 +835,11 @@ const [Ue, v] = w("dialog"), Ee = {
           width: y(n)
         }
       }, {
-        "onUpdate:modelValue": u
+        "onUpdate:modelValue": c
       }, {
         isCloseOnClickMask: $,
-        teleport: ue
+        teleport: ce,
+        duration: ie
       }), {
         default: () => {
           var I, q, W, G;
@@ -855,7 +862,7 @@ const [Ue, v] = w("dialog"), Ee = {
             class: v("container")
           }, [r("div", {
             style: {
-              height: C ? m(y(n), 4, (ie) => ie + 20) : "24px"
+              height: C ? m(y(n), 4, (se) => se + 20) : "24px"
             }
           }, null), ((q = o.title) == null ? void 0 : q.call(o)) || r("div", {
             class: v("title"),
@@ -878,18 +885,18 @@ const [Ue, v] = w("dialog"), Ee = {
             type: "secondary",
             class: v("footer-btn"),
             onClick: l
-          }, Fe(L) ? L : {
+          }, Ue(L) ? L : {
             default: () => [L]
           }), [[H("loading"), a.cancel]]), U && N(r(Y, {
             type: "primary",
             class: v("footer-btn"),
-            onClick: c
+            onClick: u
           }, {
-            default: () => [a.confirm ? "" : ce]
+            default: () => [a.confirm ? "" : ue]
           }), [[H("loading"), a.confirm]])])]), V && r("div", {
             class: v("close"),
             onClick: () => d("close")
-          }, [r(Le, {
+          }, [r(Me, {
             name: "cross"
           }, null)])])];
         }
@@ -897,13 +904,13 @@ const [Ue, v] = w("dialog"), Ee = {
     };
   }
 });
-let M = T({}), qe = 0;
-const re = [], He = (e, t) => {
-  const o = `dialog${qe += 1}`;
+let M = T({}), We = 0;
+const re = [], Je = (e, t) => {
+  const o = `dialog${We += 1}`;
   M = T({
     setup() {
-      const d = D(!0), l = (c) => {
-        d.value = c;
+      const d = D(!0), l = (u) => {
+        d.value = u;
       };
       return () => ne(
         oe,
@@ -912,22 +919,22 @@ const re = [], He = (e, t) => {
           "onUpdate:modelValue": l,
           ...e,
           onAfterLeave: () => {
-            We(o);
+            Ge(o);
           }
         },
         { ...t }
       );
     }
   });
-  const u = document.createElement("div");
-  re.push({ id: o, app: M, el: u }), M.mount(u);
-}, We = (e) => {
+  const c = document.createElement("div");
+  re.push({ id: o, app: M, el: c }), M.mount(c);
+}, Ge = (e) => {
   re.forEach((t) => {
     e === t.id && t.app.unmount();
   });
 };
-const Je = B(oe);
+const Ke = B(oe);
 export {
-  He as createDialog,
-  Je as default
+  Je as createDialog,
+  Ke as default
 };