y-design-ssr 1.0.0 → 1.1.1

package/libs/dialog/index.mjs

@@ -1,11 +1,11 @@
-import { ref as R, reactive as D, defineComponent as x, onMounted as re, onUnmounted as ce, watch as ie, createVNode as r, Transition as Q, withDirectives as I, vShow as X, computed as O, Teleport as ue, Fragment as se, createApp as P, h as Y, mergeProps as de, resolveDirective as W, isVNode as fe } from "vue";
-const Z = (e) => (t) => Object.prototype.toString.call(t) === `[object ${e}]`, pe = Z("Function"), me = Z("Promise"), z = (e, t) => t ? typeof t == "string" ? ` ${e}--${t}` : Array.isArray(t) ? t.reduce((l, a) => l + z(e, a), "") : Object.keys(t).reduce(
-  (l, a) => l + (t[a] ? z(e, a) : ""),
+import { ref as D, reactive as P, defineComponent as x, onMounted as ie, onUnmounted as se, watch as de, createVNode as r, Transition as O, withDirectives as N, vShow as R, computed as j, Teleport as fe, Fragment as ee, createApp as T, h as te, mergeProps as pe, resolveDirective as H, isVNode as me } from "vue";
+const ne = (e) => (t) => Object.prototype.toString.call(t) === `[object ${e}]`, ge = ne("Function"), ye = ne("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) : ""),
   ""
-) : "", ge = (e) => (t, l) => {
-  let a = t, u = l;
-  return a && typeof a != "string" && (u = a, a = ""), a = a ? `${e}__${a}` : e, `${a}${z(a, u)}`;
-}, ye = () => (e, t) => t ? `${z(`y-${e}`, t)}` : `y-${e}`, be = {
+) : "", 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 = {
   "pull-refresh": {
     pulling: "下拉刷新...",
     loosing: "释放刷新...",
@@ -17,14 +17,14 @@ const Z = (e) => (t) => Object.prototype.toString.call(t) === `[object ${e}]`, p
     validateMessage: "请输入正确内容"
   }
 };
-R("zh-CN");
-D({
-  "zh-CN": be
+D("zh-CN");
+P({
+  "zh-CN": ve
 });
 const w = (e) => {
   const t = `y-${e}`;
-  return [t, ge(t), ye()];
-}, m = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, Se = (e) => {
+  return [t, be(t), Se()];
+}, y = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, ke = (e) => {
   switch (e) {
     case "top":
       return "column-reverse";
@@ -37,7 +37,7 @@ const w = (e) => {
     default:
       return "column";
   }
-}, [$e, ve, he] = w("mask"), ke = {
+}, [$e, Ce, he] = w("mask"), xe = {
   // 控制显示
   modelValue: {
     type: Boolean,
@@ -72,67 +72,67 @@ const w = (e) => {
     type: Function,
     default: null
   }
-}, S = D([]);
-let G = 0;
-const Ce = /* @__PURE__ */ x({
+}, S = P([]);
+let J = 0;
+const we = /* @__PURE__ */ x({
   name: $e,
-  props: ke,
+  props: xe,
   emits: ["update:modelValue"],
   setup(e, {
     slots: t
   }) {
-    const l = R("");
-    re(() => {
-      l.value = `mask${G}`, G += 1, a(e.modelValue, !0);
-    }), ce(() => {
-      const n = S.findIndex((c) => c._id === l.value);
-      n >= 0 && S.splice(n, 1);
-    }), ie(() => e.modelValue, (n) => {
-      a(n);
+    const o = D("");
+    ie(() => {
+      o.value = `mask${J}`, J += 1, a(e.modelValue, !0);
+    }), se(() => {
+      const l = S.findIndex((c) => c._id === o.value);
+      l >= 0 && S.splice(l, 1);
+    }), de(() => e.modelValue, (l) => {
+      a(l);
     });
-    const a = (n, c) => {
-      n ? (S.unshift({
-        _id: l.value,
-        _state: n
+    const a = (l, c) => {
+      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 = () => {
-      let n = !1;
+      let l = !1;
       for (let c = 0; c < S.length; c++)
-        S[c]._id === l.value && (n = S[c]._state);
+        S[c]._id === o.value && (l = S[c]._state);
       return {
-        _state: n
+        _state: l
       };
-    }, f = (n) => {
+    }, d = (l) => {
       const {
         lockScroll: c
       } = e;
-      c && (n.preventDefault(), n.stopPropagation());
+      c && (l.preventDefault(), l.stopPropagation());
     };
     return () => {
       const {
-        customClass: n,
+        customClass: l,
         duration: c,
-        zIndex: p,
+        zIndex: m,
         customStyle: g,
-        onAfterLeave: i
+        onAfterLeave: p
       } = e, {
-        _state: d
+        _state: i
       } = u();
-      return r(Q, {
+      return r(O, {
         name: he("animation", "fade"),
-        onAfterLeave: i
+        onAfterLeave: p
       }, {
         default: () => {
-          var o;
-          return [I(r("div", {
+          var n;
+          return [N(r("div", {
             style: {
               animationDuration: `${c}ms`,
-              zIndex: p,
+              zIndex: m,
               ...g
             },
-            class: [ve(), n],
-            onTouchmove: f
-          }, [(o = t.default) == null ? void 0 : o.call(t)]), [[X, d]])];
+            class: [Ce(), l],
+            onTouchmove: d
+          }, [(n = t.default) == null ? void 0 : n.call(t)]), [[R, i]])];
         }
       });
     };
@@ -140,12 +140,12 @@ const Ce = /* @__PURE__ */ x({
 });
 function B(e) {
   const t = e;
-  return t.install = (l) => {
+  return t.install = (o) => {
     const { name: a } = e;
-    a && l.component(a, e);
+    a && o.component(a, e);
   }, t;
 }
-const xe = B(Ce), [we, H, Be] = w("popup"), _e = {
+const K = B(we), [Be, Q, X] = w("popup"), _e = {
   // 控制显示
   modelValue: {
     type: Boolean,
@@ -171,6 +171,16 @@ const xe = B(Ce), [we, H, Be] = w("popup"), _e = {
     type: Object,
     default: () => ({})
   },
+  // 自定义类名
+  maskCustomClass: {
+    type: String,
+    default: ""
+  },
+  // 自定义属性
+  maskCustomStyle: {
+    type: Object,
+    default: () => ({})
+  },
   // 插入对象
   teleport: {
     type: String,
@@ -196,95 +206,119 @@ const xe = B(Ce), [we, H, Be] = w("popup"), _e = {
   },
   zIndex: {
     type: Number,
-    default: 101
+    default: 100
   }
 }, Ne = /* @__PURE__ */ x({
-  name: we,
+  name: Be,
   props: _e,
   emits: ["clickMask", "update:modelValue"],
   setup(e, {
     slots: t,
-    emit: l
+    emit: o
   }) {
-    const a = O(() => {
+    const a = j(() => {
       const {
-        position: n,
+        position: l,
         borderRadius: c,
-        customStyle: p,
-        duration: g
-      } = e, i = m(c);
-      let d = "0";
-      switch (n) {
+        customStyle: m,
+        duration: g,
+        zIndex: p
+      } = e, i = y(c);
+      let n = "0";
+      switch (l) {
         case "top":
-          d = ` 0 0 ${i} ${i}`;
+          n = ` 0 0 ${i} ${i}`;
           break;
         case "bottom":
-          d = `${i} ${i} 0 0`;
+          n = `${i} ${i} 0 0`;
           break;
         case "left":
-          d = `0 ${i} ${i} 0`;
+          n = `0 ${i} ${i} 0`;
           break;
         case "right":
-          d = `${i} 0 0 ${i}`;
+          n = `${i} 0 0 ${i}`;
           break;
         default:
-          d = `${i}`;
+          n = `${i}`;
       }
       return {
-        borderRadius: d,
+        borderRadius: n,
         animationDuration: `${g}ms`,
-        ...p
+        ...m,
+        zIndex: p + 1
       };
-    }), u = (n) => {
-      l("clickMask", n), e.isCloseOnClickMask && (f.value = !1);
-    }, f = O({
+    }), u = (l) => {
+      o("clickMask", l), e.isCloseOnClickMask && (d.value = !1);
+    }, d = j({
       get: () => e.modelValue,
-      set: (n) => l("update:modelValue", n)
+      set: (l) => o("update:modelValue", l)
     });
     return () => {
       const {
-        teleport: n,
+        teleport: l,
         position: c,
-        customClass: p,
+        customClass: m,
         duration: g,
-        onAfterLeave: i,
-        lockScroll: d,
-        zIndex: o
+        onAfterLeave: p,
+        lockScroll: i,
+        zIndex: n,
+        maskCustomClass: f,
+        maskCustomStyle: b
       } = e;
-      return r(ue, {
-        to: n
+      return l ? r(fe, {
+        to: l
       }, {
-        default: () => [r("div", {
-          class: H(),
-          style: {
-            zIndex: o
-          }
-        }, [r(xe, {
-          modelValue: f.value,
-          "onUpdate:modelValue": (s) => f.value = s,
+        default: () => [r(K, {
+          modelValue: d.value,
+          "onUpdate:modelValue": (s) => d.value = s,
           duration: g,
-          lockScroll: d,
+          lockScroll: i,
           onClick: u,
-          onAfterLeave: i
-        }, null), r(Q, {
-          name: Be("animation", `slide-${c}`)
+          onAfterLeave: p,
+          zIndex: n,
+          customClass: f,
+          customStyle: b
+        }, null), r(O, {
+          name: X("animation", `slide-${c}`)
         }, {
           default: () => {
             var s;
-            return [I(r("div", {
+            return [N(r("div", {
               style: a.value,
-              class: [H("content", {
+              class: [Q("content", {
                 [c]: c
-              }), p]
-            }, [((s = t.default) == null ? void 0 : s.call(t)) || null]), [[X, f.value]])];
+              }), m]
+            }, [((s = t.default) == null ? void 0 : s.call(t)) || null]), [[R, d.value]])];
           }
-        })])]
-      });
+        })]
+      }) : r(ee, null, [r(K, {
+        modelValue: d.value,
+        "onUpdate:modelValue": (s) => d.value = s,
+        duration: g,
+        lockScroll: i,
+        onClick: u,
+        onAfterLeave: p,
+        zIndex: n,
+        customClass: f,
+        customStyle: b
+      }, null), r(O, {
+        name: X("animation", `slide-${c}`)
+      }, {
+        default: () => {
+          var s;
+          return [N(r("div", {
+            style: a.value,
+            class: [Q("content", {
+              [c]: c
+            }), m]
+          }, [((s = t.default) == null ? void 0 : s.call(t)) || null]), [[R, d.value]])];
+        }
+      })]);
     };
   }
 });
-const Ve = B(Ne), [Ae, A] = w("icon"), Ie = (e) => new RegExp(/\.(https|png|jpg|gif|jpeg|webp|apng)$/).test(e.toLowerCase()), ze = /* @__PURE__ */ x({
-  name: Ae,
+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,
   props: {
     dot: {
       type: Boolean,
@@ -333,55 +367,55 @@ const Ve = B(Ne), [Ae, A] = w("icon"), Ie = (e) => new RegExp(/\.(https|png|jpg|
   emits: ["click"],
   setup(e, {
     slots: t,
-    emit: l
+    emit: o
   }) {
-    const a = Ie(e.name), u = () => ({
-      fontSize: m(e.size),
+    const a = ze(e.name), u = () => ({
+      fontSize: y(e.size),
       color: e.color
-    }), f = (n) => {
-      l("click", n);
+    }), d = (l) => {
+      o("click", l);
     };
     return () => {
       const {
-        name: n,
+        name: l,
         classPrefix: c,
-        badge: p,
+        badge: m,
         dot: g,
-        subColor: i,
-        subBg: d,
-        tag: o
+        subColor: p,
+        subBg: i,
+        tag: n
       } = e;
-      return r(o, {
-        class: `${c}${a ? "" : ` y-icon--${n}`}`,
+      return r(n, {
+        class: `${c}${a ? "" : ` y-icon--${l}`}`,
         style: u(),
-        onClick: f
+        onClick: d
       }, {
         default: () => {
-          var s;
+          var f;
           return [a ? r("em", {
-            class: A("node")
+            class: z("node")
           }, [r("img", {
-            class: A("image"),
-            src: n,
+            class: z("image"),
+            src: l,
             alt: "icon"
           }, null)]) : null, g ? r("em", {
-            class: A("dot"),
+            class: z("dot"),
             style: {
-              backgroundColor: d
+              backgroundColor: i
             }
-          }, null) : null, p ? r("em", {
-            class: A("badge"),
+          }, null) : null, m ? r("em", {
+            class: z("badge"),
             style: {
-              color: i,
-              backgroundColor: d
+              color: p,
+              backgroundColor: i
             }
-          }, [p]) : null, ((s = t.default) == null ? void 0 : s.call(t)) || null];
+          }, [m]) : null, ((f = t.default) == null ? void 0 : f.call(t)) || null];
         }
       });
     };
   }
 });
-const Le = B(ze), [Me, _, Oe] = w("button"), Re = /* @__PURE__ */ x({
+const Le = B(Ae), [Me, _, Oe] = w("button"), Re = /* @__PURE__ */ x({
   name: Me,
   props: {
     // 标签
@@ -448,58 +482,58 @@ const Le = B(ze), [Me, _, Oe] = w("button"), Re = /* @__PURE__ */ x({
   emits: ["click"],
   setup(e, {
     slots: t,
-    emit: l
+    emit: o
   }) {
     const a = (u) => {
-      l("click", u);
+      o("click", u);
     };
     return () => {
       let {
         tag: u
       } = e;
       const {
-        radius: f,
-        type: n,
+        radius: d,
+        type: l,
         size: c,
-        disabled: p,
+        disabled: m,
         shadow: g,
-        block: i,
-        square: d,
-        semicircle: o,
-        danger: s,
+        block: p,
+        square: i,
+        semicircle: n,
+        danger: f,
         text: b,
-        supplementText: y
-      } = e, v = t.default ? t.default() : b;
-      return u = n === "link" ? "a" : u, r(u, {
-        class: [_([n, c, {
-          block: i,
-          square: d,
-          semicircle: o,
-          disabled: p && u === "a"
-        }, (n === "primary" || n === "secondary") && g ? `shadow_${g}` : "", s ? `${n}_danger` : "", p ? `${n}_disabled` : ""]), Oe("el", "clickable")],
+        supplementText: s
+      } = e, k = t.default ? t.default() : b;
+      return u = l === "link" ? "a" : u, r(u, {
+        class: [_([l, c, {
+          block: p,
+          square: i,
+          semicircle: n,
+          disabled: m && u === "a"
+        }, (l === "primary" || l === "secondary") && g ? `shadow_${g}` : "", f ? `${l}_danger` : "", m ? `${l}_disabled` : ""]), Oe("el", "clickable")],
         style: {
-          borderRadius: m(f)
+          borderRadius: y(d)
         },
-        disabled: p,
+        disabled: m,
         onClick: a
       }, {
         default: () => {
-          var h, N;
+          var $, V;
           return [r("div", {
             class: _("content")
-          }, [((h = t.leftIcon) == null ? void 0 : h.call(t)) || null, v && r(se, null, [y ? r("div", {
+          }, [(($ = t.leftIcon) == null ? void 0 : $.call(t)) || null, k && r(ee, null, [s ? r("div", {
             class: _("text")
-          }, [r("p", null, [v]), r("p", {
+          }, [r("p", null, [k]), r("p", {
             class: _("subtext")
-          }, [y])]) : r("span", {
+          }, [s])]) : r("span", {
             class: _("text")
-          }, [v])]), ((N = t.rightIcon) == null ? void 0 : N.call(t)) || null])];
+          }, [k])]), ((V = t.rightIcon) == null ? void 0 : V.call(t)) || null])];
         }
       });
     };
   }
 });
-const J = B(Re), [De, C] = w("loading"), Pe = {
+const Y = B(Re), [je, h] = w("loading"), De = {
   // Loading icon 的颜色
   color: {
     type: String,
@@ -558,98 +592,98 @@ const J = B(Re), [De, C] = w("loading"), Pe = {
     type: String,
     default: "relative"
   }
-}, ee = /* @__PURE__ */ x({
-  name: De,
-  props: Pe,
+}, le = /* @__PURE__ */ x({
+  name: je,
+  props: De,
   setup(e, {
     slots: t
   }) {
     return () => {
-      var y, v;
+      var s, k;
       const {
-        position: l,
+        position: o,
         textLocation: a,
         bgColor: u,
-        bgBorderRadius: f,
-        size: n,
+        bgBorderRadius: d,
+        size: l,
         padding: c,
-        color: p,
+        color: m,
         thick: g,
-        direction: i,
-        text: d,
-        textColor: o,
-        textSize: s
-      } = e, b = ((y = t.default) == null ? void 0 : y.call(t)) || d;
+        direction: p,
+        text: i,
+        textColor: n,
+        textSize: f
+      } = e, b = ((s = t.default) == null ? void 0 : s.call(t)) || i;
       return r("div", {
-        class: C({
-          [l]: l !== "relative"
+        class: h({
+          [o]: o !== "relative"
         })
       }, [r("div", {
-        class: C("bg", {
-          [l]: l !== "relative"
+        class: h("bg", {
+          [o]: o !== "relative"
         }),
         style: {
-          flexDirection: Se(a),
+          flexDirection: ke(a),
           backgroundColor: u,
-          borderRadius: m(f),
-          padding: m(c)
+          borderRadius: y(d),
+          padding: y(c)
         }
       }, [r("span", {
-        class: C("icon-wrapper"),
+        class: h("icon-wrapper"),
         style: {
-          width: m(n),
-          height: m(n)
+          width: y(l),
+          height: y(l)
         }
-      }, [((v = t.icon) == null ? void 0 : v.call(t)) || r("svg", {
-        class: C("icon", {
-          [i]: i
+      }, [((k = t.icon) == null ? void 0 : k.call(t)) || r("svg", {
+        class: h("icon", {
+          [p]: p
         }),
         viewBox: "25 25 50 50"
       }, [r("circle", {
-        class: C("icon-circle"),
+        class: h("icon-circle"),
         style: {
-          stroke: p,
-          strokeWidth: m(g)
+          stroke: m,
+          strokeWidth: y(g)
         },
         cx: "50",
         cy: "50",
         r: "20",
         fill: "none"
       }, null)])]), b && r("span", {
-        class: C("text", {
+        class: h("text", {
           [a]: a
         }),
         style: {
-          color: o,
-          fontSize: m(s)
+          color: n,
+          fontSize: y(f)
         }
       }, [b])])]);
     };
   }
-}), Te = (e, t) => {
-  const a = P({
-    render: () => Y(ee, { ...e }, { ...t })
+}), Pe = (e, t) => {
+  const a = T({
+    render: () => te(le, { ...e }, { ...t })
   }), u = document.createElement("div");
   return a.mount(u);
-}, K = (e, t) => {
+}, 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));
-}, je = {
+}, Te = {
   getSSRProps: (e) => ({ ...e }),
   mounted: (e, t) => {
-    e.instance = Te({ ...e.customProps }, { ...e.customSlots }), t.value && K(e, t);
+    e.instance = Pe({ ...e.customProps }, { ...e.customSlots }), t.value && Z(e, t);
   },
   updated: (e, t) => {
-    t.oldValue !== t.value && K(e, t);
+    t.oldValue !== t.value && Z(e, t);
   },
   unmounted: (e) => {
     e.instance && e.instance.$el.remove();
   }
 };
-B(ee);
+B(le);
 function Fe(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !fe(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !me(e);
 }
-const [Ee, $] = w("dialog"), Ue = {
+const [Ue, v] = w("dialog"), Ee = {
   // 控制显示
   modelValue: {
     type: Boolean,
@@ -720,139 +754,139 @@ const [Ee, $] = w("dialog"), Ue = {
     type: String,
     default: "body"
   }
-}, te = /* @__PURE__ */ x({
-  name: Ee,
+}, ae = /* @__PURE__ */ x({
+  name: Ue,
   directives: {
-    loading: je
+    loading: Te
   },
-  props: Ue,
+  props: Ee,
   emits: ["update:modelValue", "cancel", "confirm"],
   setup(e, {
     emit: t,
-    slots: l
+    slots: o
   }) {
-    const a = D({
+    const a = P({
       cancel: !1,
       confirm: !1
-    }), u = (o) => {
-      d.value = o;
-    }, f = (o) => {
-      var s;
-      u(!1), (s = e.callback) == null || s.call(e, o);
-    }, n = (o) => {
-      t("cancel", o, p("cancel"));
-    }, c = (o) => {
-      t("confirm", o, p("confirm"));
-    }, p = (o) => {
+    }), u = (n) => {
+      i.value = n;
+    }, d = (n) => {
+      var f;
+      u(!1), (f = e.callback) == null || f.call(e, n);
+    }, l = (n) => {
+      t("cancel", n, m("cancel"));
+    }, c = (n) => {
+      t("confirm", n, m("confirm"));
+    }, m = (n) => {
       const {
-        modelValue: s,
+        modelValue: f,
         beforeClose: b
       } = e;
-      if (s)
-        if (pe(b)) {
-          a[o] = !0;
-          const y = b(o);
-          me(y) ? y.then((h) => {
-            g(h, o);
-          }).catch((h) => {
-            throw new Error(h);
-          }) : g(y, o);
+      if (f)
+        if (ge(b)) {
+          a[n] = !0;
+          const s = b(n);
+          ye(s) ? s.then(($) => {
+            g($, n);
+          }).catch(($) => {
+            throw new Error($);
+          }) : g(s, n);
         } else
-          f(o);
-    }, g = (o, s) => {
-      o && f(s), a[s] = !1;
-    }, i = (o, s, b) => {
-      let y = Number(o.substring(0, o.length - 2));
-      return y /= s || 2, b ? `${b(y)}px` : `${y}px`;
-    }, d = O({
+          d(n);
+    }, g = (n, f) => {
+      n && d(f), a[f] = !1;
+    }, 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({
       get: () => e.modelValue,
-      set: (o) => t("update:modelValue", o)
+      set: (n) => t("update:modelValue", n)
     });
     return () => {
       const {
-        width: o,
-        title: s,
+        width: n,
+        title: f,
         titleAlign: b,
-        message: y,
-        messageAlign: v,
-        isCloseOnClickMask: h,
-        showCloseIcon: N,
-        showCancelBtn: T,
+        message: s,
+        messageAlign: k,
+        isCloseOnClickMask: $,
+        showCloseIcon: V,
+        showCancelBtn: F,
         cancelButtonText: L,
-        showConfirmBtn: j,
-        confirmButtonText: le,
-        imgSrc: F,
-        circleImg: k,
-        teleport: ae
+        showConfirmBtn: U,
+        confirmButtonText: re,
+        imgSrc: E,
+        circleImg: C,
+        teleport: ce
       } = e;
-      return r(Ve, de({
-        modelValue: d.value,
-        "onUpdate:modelValue": (V) => d.value = V,
-        customClass: $(),
+      return r(Ve, pe({
+        modelValue: i.value,
+        "onUpdate:modelValue": (I) => i.value = I,
+        customClass: v(),
         customStyle: {
-          width: m(o)
+          width: y(n)
         }
       }, {
         "onUpdate:modelValue": u
       }, {
-        isCloseOnClickMask: h,
-        teleport: ae
+        isCloseOnClickMask: $,
+        teleport: ce
       }), {
         default: () => {
-          var V, E, U, q;
-          return [((V = l.img) == null ? void 0 : V.call(l)) || F && r("div", {
-            class: $("img", {
-              circle: k
+          var I, q, W, G;
+          return [((I = o.img) == null ? void 0 : I.call(o)) || E && r("div", {
+            class: v("img", {
+              circle: C
             }),
             style: {
-              top: k ? `-${i(m(o), 4)}` : "auto",
-              left: k ? `calc(50% - ${i(m(o), 4)})` : "auto"
+              top: C ? `-${p(y(n), 4)}` : "auto",
+              left: C ? `calc(50% - ${p(y(n), 4)})` : "auto"
             }
           }, [r("div", {
             style: {
-              width: k ? i(m(o)) : m(o),
-              height: i(m(o)),
-              background: `url(${F}) center`,
-              borderRadius: k ? "50%" : "20px 20px 0 0"
+              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: $("container")
+            class: v("container")
           }, [r("div", {
             style: {
-              height: k ? i(m(o), 4, (oe) => oe + 20) : "24px"
+              height: C ? p(y(n), 4, (ue) => ue + 20) : "24px"
             }
-          }, null), ((E = l.title) == null ? void 0 : E.call(l)) || r("div", {
-            class: $("title"),
+          }, null), ((q = o.title) == null ? void 0 : q.call(o)) || r("div", {
+            class: v("title"),
             style: {
               textAlign: b
             }
-          }, [s]), r("div", {
-            class: $("content")
+          }, [f]), r("div", {
+            class: v("content")
           }, [r("div", {
-            class: $("message"),
+            class: v("message"),
             style: {
-              textAlign: v
+              textAlign: k
             }
-          }, [((U = l.default) == null ? void 0 : U.call(l)) || y]), ((q = l.footer) == null ? void 0 : q.call(l)) || r("div", {
-            class: $("footer"),
+          }, [((W = o.default) == null ? void 0 : W.call(o)) || s]), ((G = o.footer) == null ? void 0 : G.call(o)) || r("div", {
+            class: v("footer"),
             style: {
-              paddingTop: T || j ? "20px" : "0px"
+              paddingTop: F || U ? "20px" : "0px"
             }
-          }, [T && I(r(J, {
+          }, [F && N(r(Y, {
             type: "secondary",
-            class: $("footer-btn"),
-            onClick: n
+            class: v("footer-btn"),
+            onClick: l
           }, Fe(L) ? L : {
             default: () => [L]
-          }), [[W("loading"), a.cancel]]), j && I(r(J, {
+          }), [[H("loading"), a.cancel]]), U && N(r(Y, {
             type: "primary",
-            class: $("footer-btn"),
+            class: v("footer-btn"),
             onClick: c
           }, {
-            default: () => [a.confirm ? "" : le]
-          }), [[W("loading"), a.confirm]])])]), N && r("div", {
-            class: $("close"),
-            onClick: () => f("close")
+            default: () => [a.confirm ? "" : re]
+          }), [[H("loading"), a.confirm]])])]), V && r("div", {
+            class: v("close"),
+            onClick: () => d("close")
           }, [r(Le, {
             name: "cross"
           }, null)])])];
@@ -861,22 +895,22 @@ const [Ee, $] = w("dialog"), Ue = {
     };
   }
 });
-let M = P({}), qe = 0;
-const ne = [], He = (e, t) => {
-  const l = `dialog${qe += 1}`;
-  M = P({
+let M = T({}), qe = 0;
+const oe = [], He = (e, t) => {
+  const o = `dialog${qe += 1}`;
+  M = T({
     setup() {
-      const f = R(!0), n = (c) => {
-        f.value = c;
+      const d = D(!0), l = (c) => {
+        d.value = c;
       };
-      return () => Y(
-        te,
+      return () => te(
+        ae,
         {
-          modelValue: f.value,
-          "onUpdate:modelValue": n,
+          modelValue: d.value,
+          "onUpdate:modelValue": l,
           ...e,
           onAfterLeave: () => {
-            We(l);
+            We(o);
           }
         },
         { ...t }
@@ -884,13 +918,13 @@ const ne = [], He = (e, t) => {
     }
   });
   const u = document.createElement("div");
-  ne.push({ id: l, app: M, el: u }), M.mount(u);
+  oe.push({ id: o, app: M, el: u }), M.mount(u);
 }, We = (e) => {
-  ne.forEach((t) => {
+  oe.forEach((t) => {
     e === t.id && t.app.unmount();
   });
 };
-const Je = B(te);
+const Je = B(ae);
 export {
   He as createDialog,
   Je as default