y-design-ssr 1.1.10 → 1.1.12

package/libs/dialog/index.d.ts

@@ -72,6 +72,10 @@ declare const Dialog: import("../utils/withInstall").WithInstall<import("vue").D
         type: NumberConstructor;
         default: number;
     };
+    onClickMask: {
+        type: import("vue").PropType<(event: import("vue").Events) => void>;
+        default: null;
+    };
 }, () => 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;
@@ -145,11 +149,16 @@ declare const Dialog: import("../utils/withInstall").WithInstall<import("vue").D
         type: NumberConstructor;
         default: number;
     };
+    onClickMask: {
+        type: import("vue").PropType<(event: import("vue").Events) => void>;
+        default: null;
+    };
 }>>, {
     title: string;
     duration: number;
     modelValue: boolean;
     message: string;
+    onClickMask: (event: import("vue").Events) => void;
     teleport: string;
     isCloseOnClickMask: boolean;
     width: string | number;

package/libs/dialog/index.mjs

@@ -1,11 +1,11 @@
-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(
+import { ref as D, reactive as P, defineComponent as x, onMounted as fe, onUnmounted as pe, 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 ge, resolveDirective as H, isVNode as ye } from "vue";
+const le = (e) => (t) => Object.prototype.toString.call(t) === `[object ${e}]`, be = le("Function"), Se = 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) : ""),
   ""
-) : "", Se = (e) => (t, o) => {
+) : "", ke = (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 = {
+}, ve = () => (e, t) => t ? `${A(`y-${e}`, t)}` : `y-${e}`, $e = {
   "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": ke
+  "zh-CN": $e
 });
 const w = (e) => {
   const t = `y-${e}`;
-  return [t, Se(t), ve()];
-}, y = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, $e = (e) => {
+  return [t, ke(t), ve()];
+}, y = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, Ce = (e) => {
   switch (e) {
     case "top":
       return "column-reverse";
@@ -37,7 +37,7 @@ const w = (e) => {
     default:
       return "column";
   }
-}, [Ce, he, xe] = w("mask"), we = {
+}, [he, xe, we] = w("mask"), Be = {
   // 控制显示
   modelValue: {
     type: Boolean,
@@ -74,17 +74,17 @@ const w = (e) => {
   }
 }, S = P([]);
 let J = 0;
-const Be = /* @__PURE__ */ x({
-  name: Ce,
-  props: we,
+const _e = /* @__PURE__ */ x({
+  name: he,
+  props: Be,
   emits: ["update:modelValue"],
   setup(e, {
     slots: t
   }) {
     const o = D("");
-    de(() => {
+    fe(() => {
       o.value = `mask${J}`, J += 1, a(e.modelValue, !0);
-    }), fe(() => {
+    }), pe(() => {
       const l = S.findIndex((u) => u._id === o.value);
       l >= 0 && S.splice(l, 1);
     }), ee(() => e.modelValue, (l) => {
@@ -112,25 +112,25 @@ const Be = /* @__PURE__ */ x({
       const {
         customClass: l,
         duration: u,
-        zIndex: p,
+        zIndex: m,
         customStyle: g,
-        onAfterLeave: m
+        onAfterLeave: p
       } = e, {
         _state: i
       } = c();
       return r(O, {
-        name: xe("animation", "fade"),
-        onAfterLeave: m
+        name: we("animation", "fade"),
+        onAfterLeave: p
       }, {
         default: () => {
           var n;
           return [N(r("div", {
             style: {
               animationDuration: `${u}ms`,
-              zIndex: p,
+              zIndex: m,
               ...g
             },
-            class: [he(), l],
+            class: [xe(), 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(Be), [_e, Q, X] = w("popup"), Ne = {
+const K = B(_e), [Ne, Q, X] = w("popup"), Ve = {
   // 控制显示
   modelValue: {
     type: Boolean,
@@ -208,9 +208,9 @@ const K = B(Be), [_e, Q, X] = w("popup"), Ne = {
     type: Number,
     default: 100
   }
-}, Ve = /* @__PURE__ */ x({
-  name: _e,
-  props: Ne,
+}, Ie = /* @__PURE__ */ x({
+  name: Ne,
+  props: Ve,
   emits: ["clickMask", "update:modelValue"],
   setup(e, {
     slots: t,
@@ -220,9 +220,9 @@ const K = B(Be), [_e, Q, X] = w("popup"), Ne = {
       const {
         position: l,
         borderRadius: u,
-        customStyle: p,
+        customStyle: m,
         duration: g,
-        zIndex: m
+        zIndex: p
       } = e, i = y(u);
       let n = "0";
       switch (l) {
@@ -244,8 +244,8 @@ const K = B(Be), [_e, Q, X] = w("popup"), Ne = {
       return {
         borderRadius: n,
         animationDuration: `${g}ms`,
-        ...p,
-        zIndex: m + 1
+        ...m,
+        zIndex: p + 1
       };
     }), c = (l) => {
       o("clickMask", l), e.isCloseOnClickMask && (d.value = !1);
@@ -259,9 +259,9 @@ const K = B(Be), [_e, Q, X] = w("popup"), Ne = {
       const {
         teleport: l,
         position: u,
-        customClass: p,
+        customClass: m,
         duration: g,
-        onAfterLeave: m,
+        onAfterLeave: p,
         lockScroll: i,
         zIndex: n,
         maskCustomClass: f,
@@ -276,7 +276,7 @@ const K = B(Be), [_e, Q, X] = w("popup"), Ne = {
           duration: g,
           lockScroll: i,
           onClick: c,
-          onAfterLeave: m,
+          onAfterLeave: p,
           zIndex: n,
           customClass: f,
           customStyle: b
@@ -289,7 +289,7 @@ const K = B(Be), [_e, Q, X] = w("popup"), Ne = {
               style: a.value,
               class: [Q("content", {
                 [u]: u
-              }), p]
+              }), m]
             }, [((s = t.default) == null ? void 0 : s.call(t)) || null]), [[R, d.value]])];
           }
         })]
@@ -299,7 +299,7 @@ const K = B(Be), [_e, Q, X] = w("popup"), Ne = {
         duration: g,
         lockScroll: i,
         onClick: c,
-        onAfterLeave: m,
+        onAfterLeave: p,
         zIndex: n,
         customClass: f,
         customStyle: b
@@ -312,15 +312,15 @@ const K = B(Be), [_e, Q, X] = w("popup"), Ne = {
             style: a.value,
             class: [Q("content", {
               [u]: u
-            }), p]
+            }), m]
           }, [((s = t.default) == null ? void 0 : s.call(t)) || null]), [[R, d.value]])];
         }
       })]);
     };
   }
 });
-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,
+const ze = B(Ie), [Ae, z] = w("icon"), Me = (e) => new RegExp(/\.(https|png|jpg|gif|jpeg|webp|apng)$/).test(e.toLowerCase()), Le = /* @__PURE__ */ x({
+  name: Ae,
   props: {
     dot: {
       type: Boolean,
@@ -371,7 +371,7 @@ const Ie = B(Ve), [ze, z] = w("icon"), Ae = (e) => new RegExp(/\.(https|png|jpg|
     slots: t,
     emit: o
   }) {
-    const a = Ae(e.name), c = () => ({
+    const a = Me(e.name), c = () => ({
       fontSize: y(e.size),
       color: e.color
     }), d = (l) => {
@@ -381,9 +381,9 @@ const Ie = B(Ve), [ze, z] = w("icon"), Ae = (e) => new RegExp(/\.(https|png|jpg|
       const {
         name: l,
         classPrefix: u,
-        badge: p,
+        badge: m,
         dot: g,
-        subColor: m,
+        subColor: p,
         subBg: i,
         tag: n
       } = e;
@@ -405,20 +405,20 @@ const Ie = B(Ve), [ze, z] = w("icon"), Ae = (e) => new RegExp(/\.(https|png|jpg|
             style: {
               backgroundColor: i
             }
-          }, null) : null, p ? r("em", {
+          }, null) : null, m ? r("em", {
             class: z("badge"),
             style: {
-              color: m,
+              color: p,
               backgroundColor: i
             }
-          }, [p]) : null, ((f = t.default) == null ? void 0 : f.call(t)) || null];
+          }, [m]) : null, ((f = t.default) == null ? void 0 : f.call(t)) || null];
         }
       });
     };
   }
 });
-const Me = B(Le), [Oe, _, Re] = w("button"), je = /* @__PURE__ */ x({
-  name: Oe,
+const Oe = B(Le), [Re, _, je] = w("button"), De = /* @__PURE__ */ x({
+  name: Re,
   props: {
     // 标签
     tag: {
@@ -497,45 +497,45 @@ const Me = B(Le), [Oe, _, Re] = w("button"), je = /* @__PURE__ */ x({
         radius: d,
         type: l,
         size: u,
-        disabled: p,
+        disabled: m,
         shadow: g,
-        block: m,
+        block: p,
         square: i,
         semicircle: n,
         danger: f,
         text: b,
         supplementText: s
-      } = e, k = t.default ? t.default() : b;
+      } = e, v = t.default ? t.default() : b;
       return c = l === "link" ? "a" : c, r(c, {
         class: [_([l, u, {
-          block: m,
+          block: p,
           square: i,
           semicircle: n,
-          disabled: p && c === "a"
-        }, (l === "primary" || l === "secondary") && g ? `shadow_${g}` : "", f ? `${l}_danger` : "", p ? `${l}_disabled` : ""]), Re("el", "clickable")],
+          disabled: m && c === "a"
+        }, (l === "primary" || l === "secondary") && g ? `shadow_${g}` : "", f ? `${l}_danger` : "", m ? `${l}_disabled` : ""]), je("el", "clickable")],
         style: {
           borderRadius: y(d)
         },
-        disabled: p,
+        disabled: m,
         onClick: a
       }, {
         default: () => {
           var $, V;
           return [r("div", {
             class: _("content")
-          }, [(($ = t.leftIcon) == null ? void 0 : $.call(t)) || null, k && r(te, null, [s ? r("div", {
+          }, [(($ = t.leftIcon) == null ? void 0 : $.call(t)) || null, v && r(te, null, [s ? r("div", {
             class: _("text")
-          }, [r("p", null, [k]), r("p", {
+          }, [r("p", null, [v]), r("p", {
             class: _("subtext")
           }, [s])]) : r("span", {
             class: _("text")
-          }, [k])]), ((V = t.rightIcon) == null ? void 0 : V.call(t)) || null])];
+          }, [v])]), ((V = t.rightIcon) == null ? void 0 : V.call(t)) || null])];
         }
       });
     };
   }
 });
-const Y = B(je), [De, h] = w("loading"), Pe = {
+const Y = B(De), [Pe, h] = w("loading"), Te = {
   // Loading icon 的颜色
   color: {
     type: String,
@@ -595,13 +595,13 @@ const Y = B(je), [De, h] = w("loading"), Pe = {
     default: "relative"
   }
 }, ae = /* @__PURE__ */ x({
-  name: De,
-  props: Pe,
+  name: Pe,
+  props: Te,
   setup(e, {
     slots: t
   }) {
     return () => {
-      var s, k;
+      var s, v;
       const {
         position: o,
         textLocation: a,
@@ -609,9 +609,9 @@ const Y = B(je), [De, h] = w("loading"), Pe = {
         bgBorderRadius: d,
         size: l,
         padding: u,
-        color: p,
+        color: m,
         thick: g,
-        direction: m,
+        direction: p,
         text: i,
         textColor: n,
         textSize: f
@@ -625,7 +625,7 @@ const Y = B(je), [De, h] = w("loading"), Pe = {
           [o]: o !== "relative"
         }),
         style: {
-          flexDirection: $e(a),
+          flexDirection: Ce(a),
           backgroundColor: c,
           borderRadius: y(d),
           padding: y(u)
@@ -636,15 +636,15 @@ const Y = B(je), [De, h] = w("loading"), Pe = {
           width: y(l),
           height: y(l)
         }
-      }, [((k = t.icon) == null ? void 0 : k.call(t)) || r("svg", {
+      }, [((v = t.icon) == null ? void 0 : v.call(t)) || r("svg", {
         class: h("icon", {
-          [m]: m
+          [p]: p
         }),
         viewBox: "25 25 50 50"
       }, [r("circle", {
         class: h("icon-circle"),
         style: {
-          stroke: p,
+          stroke: m,
           strokeWidth: y(g)
         },
         cx: "50",
@@ -662,17 +662,17 @@ const Y = B(je), [De, h] = w("loading"), Pe = {
       }, [b])])]);
     };
   }
-}), Te = (e, t) => {
+}), Fe = (e, t) => {
   const a = T({
     render: () => ne(ae, { ...e }, { ...t })
   }), 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));
-}, Fe = {
+}, Ue = {
   getSSRProps: (e) => ({ ...e }),
   mounted: (e, t) => {
-    e.instance = Te({ ...e.customProps }, { ...e.customSlots }), t.value && Z(e, t);
+    e.instance = Fe({ ...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(je), [De, h] = w("loading"), Pe = {
   }
 };
 B(ae);
-function Ue(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ge(e);
+function Ee(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ye(e);
 }
-const [Ee, v] = w("dialog"), qe = {
+const [qe, k] = w("dialog"), We = {
   // 控制显示
   modelValue: {
     type: Boolean,
@@ -760,13 +760,17 @@ const [Ee, v] = w("dialog"), qe = {
   duration: {
     type: Number,
     default: 300
+  },
+  onClickMask: {
+    type: Function,
+    default: null
   }
 }, oe = /* @__PURE__ */ x({
-  name: Ee,
+  name: qe,
   directives: {
-    loading: Fe
+    loading: Ue
   },
-  props: qe,
+  props: We,
   emits: ["update:modelValue", "cancel", "confirm"],
   setup(e, {
     emit: t,
@@ -781,19 +785,19 @@ const [Ee, v] = w("dialog"), qe = {
       var f;
       c(!1), (f = e.callback) == null || f.call(e, n);
     }, l = (n) => {
-      t("cancel", n, p("cancel"));
+      t("cancel", n, m("cancel"));
     }, u = (n) => {
-      t("confirm", n, p("confirm"));
-    }, p = (n) => {
+      t("confirm", n, m("confirm"));
+    }, m = (n) => {
       const {
         modelValue: f,
         beforeClose: b
       } = e;
       if (f)
-        if (ye(b)) {
+        if (be(b)) {
           a[n] = !0;
           const s = b(n);
-          be(s) ? s.then(($) => {
+          Se(s) ? s.then(($) => {
             g($, n);
           }).catch(($) => {
             throw new Error($);
@@ -802,7 +806,7 @@ const [Ee, v] = w("dialog"), qe = {
           d(n);
     }, g = (n, f) => {
       n && d(f), a[f] = !1;
-    }, m = (n, f, b) => {
+    }, p = (n, f, b) => {
       let s = Number(n.substring(0, n.length - 2));
       return s /= f || 2, b ? `${b(s)}px` : `${s}px`;
     }, i = j({
@@ -815,26 +819,28 @@ const [Ee, v] = w("dialog"), qe = {
         title: f,
         titleAlign: b,
         message: s,
-        messageAlign: k,
+        messageAlign: v,
         isCloseOnClickMask: $,
         showCloseIcon: V,
         showCancelBtn: F,
-        cancelButtonText: L,
+        cancelButtonText: M,
         showConfirmBtn: U,
         confirmButtonText: ue,
         imgSrc: E,
         circleImg: C,
         teleport: ce,
-        duration: ie
+        duration: ie,
+        onClickMask: se
       } = e;
-      return r(Ie, pe({
+      return r(ze, ge({
         modelValue: i.value,
         "onUpdate:modelValue": (I) => i.value = I,
-        customClass: v(),
+        customClass: k(),
         customStyle: {
           width: y(n)
         }
       }, {
+        onClickMask: se,
         "onUpdate:modelValue": c
       }, {
         isCloseOnClickMask: $,
@@ -844,59 +850,59 @@ const [Ee, v] = w("dialog"), qe = {
         default: () => {
           var I, q, W, G;
           return [((I = o.img) == null ? void 0 : I.call(o)) || E && r("div", {
-            class: v("img", {
+            class: k("img", {
               circle: C
             }),
             style: {
-              top: C ? `-${m(y(n), 4)}` : "auto",
-              left: C ? `calc(50% - ${m(y(n), 4)})` : "auto"
+              top: C ? `-${p(y(n), 4)}` : "auto",
+              left: C ? `calc(50% - ${p(y(n), 4)})` : "auto"
             }
           }, [r("div", {
             style: {
-              width: C ? m(y(n)) : y(n),
-              height: m(y(n)),
+              width: C ? p(y(n)) : y(n),
+              height: p(y(n)),
               background: `url(${E}) center`,
               borderRadius: C ? "50%" : "20px 20px 0 0"
             }
           }, null)]), r("div", {
-            class: v("container")
+            class: k("container")
           }, [r("div", {
             style: {
-              height: C ? m(y(n), 4, (se) => se + 20) : "24px"
+              height: C ? p(y(n), 4, (de) => de + 20) : "24px"
             }
           }, null), ((q = o.title) == null ? void 0 : q.call(o)) || r("div", {
-            class: v("title"),
+            class: k("title"),
             style: {
               textAlign: b
             }
           }, [f]), r("div", {
-            class: v("content")
+            class: k("content")
           }, [r("div", {
-            class: v("message"),
+            class: k("message"),
             style: {
-              textAlign: k
+              textAlign: v
             }
           }, [((W = o.default) == null ? void 0 : W.call(o)) || s]), ((G = o.footer) == null ? void 0 : G.call(o)) || r("div", {
-            class: v("footer"),
+            class: k("footer"),
             style: {
               paddingTop: F || U ? "20px" : "0px"
             }
           }, [F && N(r(Y, {
             type: "secondary",
-            class: v("footer-btn"),
+            class: k("footer-btn"),
             onClick: l
-          }, Ue(L) ? L : {
-            default: () => [L]
+          }, Ee(M) ? M : {
+            default: () => [M]
           }), [[H("loading"), a.cancel]]), U && N(r(Y, {
             type: "primary",
-            class: v("footer-btn"),
+            class: k("footer-btn"),
             onClick: u
           }, {
             default: () => [a.confirm ? "" : ue]
           }), [[H("loading"), a.confirm]])])]), V && r("div", {
-            class: v("close"),
+            class: k("close"),
             onClick: () => d("close")
-          }, [r(Me, {
+          }, [r(Oe, {
             name: "cross"
           }, null)])])];
         }
@@ -904,10 +910,10 @@ const [Ee, v] = w("dialog"), qe = {
     };
   }
 });
-let M = T({}), We = 0;
-const re = [], Je = (e, t) => {
-  const o = `dialog${We += 1}`;
-  M = T({
+let L = T({}), Ge = 0;
+const re = [], Ke = (e, t) => {
+  const o = `dialog${Ge += 1}`;
+  L = T({
     setup() {
       const d = D(!0), l = (u) => {
         d.value = u;
@@ -919,7 +925,7 @@ const re = [], Je = (e, t) => {
           "onUpdate:modelValue": l,
           ...e,
           onAfterLeave: () => {
-            Ge(o);
+            He(o);
           }
         },
         { ...t }
@@ -927,14 +933,14 @@ const re = [], Je = (e, t) => {
     }
   });
   const c = document.createElement("div");
-  re.push({ id: o, app: M, el: c }), M.mount(c);
-}, Ge = (e) => {
+  re.push({ id: o, app: L, el: c }), L.mount(c);
+}, He = (e) => {
   re.forEach((t) => {
     e === t.id && t.app.unmount();
   });
 };
-const Ke = B(oe);
+const Qe = B(oe);
 export {
-  Je as createDialog,
-  Ke as default
+  Ke as createDialog,
+  Qe as default
 };