y-design-ssr 0.2.10 → 0.2.12

package/libs/dialog/index.mjs

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