y-design-ssr 0.2.6 → 0.2.7

package/libs/dialog/index.mjs

@@ -1,47 +1,11 @@
-import { ref, reactive, defineComponent, onMounted, onUnmounted, watch, createVNode, Transition, withDirectives, vShow, computed, Teleport, Fragment, createApp, h, mergeProps, resolveDirective, isVNode } from "vue";
-const tagTester = (name2) => {
-  return (obj) => {
-    return Object.prototype.toString.call(obj) === `[object ${name2}]`;
-  };
-};
-const isFunction = tagTester("Function");
-const isPromise = tagTester("Promise");
-const getMods = (el, mods) => {
-  if (!mods) {
-    return "";
-  }
-  if (typeof mods === "string") {
-    return ` ${el}--${mods}`;
-  }
-  if (Array.isArray(mods)) {
-    return mods.reduce((acc, cur) => acc + getMods(el, cur), "");
-  }
-  return Object.keys(mods).reduce(
-    (acc, cur) => acc + (mods[cur] ? getMods(el, cur) : ""),
-    ""
-  );
-};
-const createBEM = (block) => {
-  return (el, mods) => {
-    let _el = el;
-    let _mods = mods;
-    if (_el && typeof _el !== "string") {
-      _mods = _el;
-      _el = "";
-    }
-    _el = _el ? `${block}__${_el}` : block;
-    return `${_el}${getMods(_el, _mods)}`;
-  };
-};
-const createGlobalBem = () => {
-  return (el, mods) => {
-    if (!mods) {
-      return `y-${el}`;
-    }
-    return `${getMods(`y-${el}`, mods)}`;
-  };
-};
-const defaultLang = {
+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) : ""),
+  ""
+) : "", $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 = {
   "pull-refresh": {
     pulling: "下拉刷新...",
     loosing: "释放刷新...",
@@ -53,22 +17,15 @@ const defaultLang = {
     validateMessage: "请输入正确内容"
   }
 };
-ref("zh-CN");
-reactive({
-  "zh-CN": defaultLang
+E("zh-CN");
+U({
+  "zh-CN": ke
 });
-const createNamespace = (name2) => {
-  const prefixedName = `y-${name2}`;
-  return [prefixedName, createBEM(prefixedName), createGlobalBem()];
-};
-const parseUnit = (val) => {
-  if (isNaN(Number(val)) && typeof val === "string") {
-    return val;
-  }
-  return `${val}px`;
-};
-const parseFlexDirection = (location) => {
-  switch (location) {
+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) => {
+  switch (e) {
     case "top":
       return "column-reverse";
     case "bottom":
@@ -80,13 +37,11 @@ const parseFlexDirection = (location) => {
     default:
       return "column";
   }
-};
-const [name$4, bem$5, gBem$2] = createNamespace("mask");
-const _props$3 = {
+}, [xe, we, Be] = w("mask"), Ne = {
   // 控制显示
   modelValue: {
     type: Boolean,
-    default: false
+    default: !1
   },
   // 层级
   zIndex: {
@@ -111,118 +66,87 @@ const _props$3 = {
   // 触摸滚动开关
   lockScroll: {
     type: Boolean,
-    default: true
+    default: !0
   },
   onAfterLeave: {
     type: Function,
     default: null
   }
-};
-const stack = reactive([]);
-let num$1 = 0;
-const Mask = /* @__PURE__ */ defineComponent({
-  name: name$4,
-  props: _props$3,
+}, S = U([]);
+let Y = 0;
+const I = /* @__PURE__ */ x({
+  name: xe,
+  props: Ne,
   emits: ["update:modelValue"],
-  setup(props, {
-    slots
+  setup(e, {
+    slots: t
   }) {
-    const id = ref("");
-    onMounted(() => {
-      id.value = `mask${num$1}`;
-      num$1 += 1;
-      stackIntercept(props.modelValue, true);
+    const l = E("");
+    de(() => {
+      l.value = `mask${Y}`, Y += 1, a(e.modelValue, !0);
+    }), fe(() => {
+      const n = S.findIndex((i) => i._id === l.value);
+      n >= 0 && S.splice(n, 1);
+    }), pe(() => e.modelValue, (n) => {
+      a(n);
     });
-    onUnmounted(() => {
-      const index = stack.findIndex((v) => v._id === id.value);
-      index >= 0 && stack.splice(index, 1);
-    });
-    watch(() => props.modelValue, (val) => {
-      stackIntercept(val);
-    });
-    const stackIntercept = (val, isMounted) => {
-      if (val) {
-        stack.unshift({
-          _id: id.value,
-          _state: val
-        });
-        if (stack.length > 1) {
-          stack[1]._state = false;
-        }
-      } else if (!isMounted) {
-        stack.splice(0, 1);
-        if (stack.length > 0) {
-          stack[0]._state = true;
-        }
-      }
-    };
-    const find = () => {
-      let _state = false;
-      for (let i = 0; i < stack.length; i++) {
-        if (stack[i]._id === id.value) {
-          _state = stack[i]._state;
-        }
-      }
+    const a = (n, i) => {
+      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 = () => {
+      let n = !1;
+      for (let i = 0; i < S.length; i++)
+        S[i]._id === l.value && (n = S[i]._state);
       return {
-        _state
+        _state: n
       };
-    };
-    const onTouchMove = (payload) => {
+    }, f = (n) => {
       const {
-        lockScroll
-      } = props;
-      if (lockScroll) {
-        payload.preventDefault();
-        payload.stopPropagation();
-      }
+        lockScroll: i
+      } = e;
+      i && (n.preventDefault(), n.stopPropagation());
     };
     return () => {
       const {
-        customClass,
-        duration,
-        zIndex,
-        customStyle,
-        onAfterLeave
-      } = props;
-      const {
-        _state
-      } = find();
-      return createVNode(Transition, {
-        "name": gBem$2("animation", "fade"),
-        "onAfterLeave": onAfterLeave
+        customClass: n,
+        duration: i,
+        zIndex: p,
+        customStyle: g,
+        onAfterLeave: c
+      } = e, {
+        _state: d
+      } = s();
+      return r(te, {
+        name: Be("animation", "fade"),
+        onAfterLeave: c
       }, {
         default: () => {
-          var _a;
-          return [withDirectives(createVNode("div", {
-            "style": {
-              animationDuration: `${duration}ms`,
-              zIndex,
-              ...customStyle
+          var o;
+          return [P(r("div", {
+            style: {
+              animationDuration: `${i}ms`,
+              zIndex: p,
+              ...g
             },
-            "class": [bem$5(), customClass],
-            "onTouchmove": onTouchMove
-          }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[vShow, _state]])];
+            class: [we(), n],
+            onTouchmove: f
+          }, [(o = t.default) == null ? void 0 : o.call(t)]), [[ne, d]])];
         }
       });
     };
   }
 });
-const reset = "";
-const libs = "";
-const font = "";
-const animation = "";
-const theme = "";
-const style$5 = "";
-Mask.install = (app) => {
-  const { name: name2 } = Mask;
-  app.component(name2, Mask);
+I.install = (e) => {
+  const { name: t } = I;
+  e.component(t, I);
 };
-const [name$3, bem$4, gBem$1] = createNamespace("popup");
-const _props$2 = {
+const [_e, Z, Ve] = w("popup"), Ae = {
   // 控制显示
   modelValue: {
     type: Boolean,
-    default: false
+    default: !1
   },
   // 位置
   position: {
@@ -257,7 +181,7 @@ const _props$2 = {
   // 点击遮罩是否关闭
   isCloseOnClickMask: {
     type: Boolean,
-    default: true
+    default: !0
   },
   onAfterLeave: {
     type: Function,
@@ -265,120 +189,107 @@ const _props$2 = {
   },
   lockScroll: {
     type: Boolean,
-    default: true
+    default: !0
   },
   zIndex: {
     type: Number,
     default: 101
   }
-};
-const Popup = /* @__PURE__ */ defineComponent({
-  name: name$3,
-  props: _props$2,
+}, L = /* @__PURE__ */ x({
+  name: _e,
+  props: Ae,
   emits: ["clickMask", "update:modelValue"],
-  setup(props, {
-    slots,
-    emit
+  setup(e, {
+    slots: t,
+    emit: l
   }) {
-    const style2 = computed(() => {
+    const a = F(() => {
       const {
-        position,
-        borderRadius,
-        customStyle,
-        duration
-      } = props;
-      const tbR = parseUnit(borderRadius);
-      let br = `0`;
-      switch (position) {
+        position: n,
+        borderRadius: i,
+        customStyle: p,
+        duration: g
+      } = e, c = m(i);
+      let d = "0";
+      switch (n) {
         case "top":
-          br = ` 0 0 ${tbR} ${tbR}`;
+          d = ` 0 0 ${c} ${c}`;
           break;
         case "bottom":
-          br = `${tbR} ${tbR} 0 0`;
+          d = `${c} ${c} 0 0`;
           break;
         case "left":
-          br = `0 ${tbR} ${tbR} 0`;
+          d = `0 ${c} ${c} 0`;
           break;
         case "right":
-          br = `${tbR} 0 0 ${tbR}`;
+          d = `${c} 0 0 ${c}`;
           break;
         default:
-          br = `${tbR}`;
+          d = `${c}`;
       }
       return {
-        borderRadius: br,
-        animationDuration: `${duration}ms`,
-        ...customStyle
+        borderRadius: d,
+        animationDuration: `${g}ms`,
+        ...p
       };
-    });
-    const onClickMask = (event) => {
-      emit("clickMask", event);
-      if (props.isCloseOnClickMask) {
-        visible.value = false;
-      }
-    };
-    const visible = computed({
-      get: () => props.modelValue,
-      set: (value) => emit("update:modelValue", value)
+    }), s = (n) => {
+      l("clickMask", n), e.isCloseOnClickMask && (f.value = !1);
+    }, f = F({
+      get: () => e.modelValue,
+      set: (n) => l("update:modelValue", n)
     });
     return () => {
       const {
-        teleport,
-        position,
-        customClass,
-        duration,
-        onAfterLeave,
-        lockScroll,
-        zIndex
-      } = props;
-      return createVNode(Teleport, {
-        "to": teleport
+        teleport: n,
+        position: i,
+        customClass: p,
+        duration: g,
+        onAfterLeave: c,
+        lockScroll: d,
+        zIndex: o
+      } = e;
+      return r(me, {
+        to: n
       }, {
-        default: () => [createVNode("div", {
-          "class": bem$4(),
-          "style": {
-            zIndex
+        default: () => [r("div", {
+          class: Z(),
+          style: {
+            zIndex: o
           }
-        }, [createVNode(Mask, {
-          "modelValue": visible.value,
-          "onUpdate:modelValue": ($event) => visible.value = $event,
-          "duration": duration,
-          "lockScroll": lockScroll,
-          "onClick": onClickMask,
-          "onAfterLeave": onAfterLeave
-        }, null), createVNode(Transition, {
-          "name": gBem$1("animation", `slide-${position}`)
+        }, [r(I, {
+          modelValue: f.value,
+          "onUpdate:modelValue": (u) => f.value = u,
+          duration: g,
+          lockScroll: d,
+          onClick: s,
+          onAfterLeave: c
+        }, null), r(te, {
+          name: Ve("animation", `slide-${i}`)
         }, {
           default: () => {
-            var _a;
-            return [withDirectives(createVNode("div", {
-              "style": style2.value,
-              "class": [bem$4("content", {
-                [position]: position
-              }), customClass]
-            }, [((_a = slots.default) == null ? void 0 : _a.call(slots)) || null]), [[vShow, visible.value]])];
+            var u;
+            return [P(r("div", {
+              style: a.value,
+              class: [Z("content", {
+                [i]: i
+              }), p]
+            }, [((u = t.default) == null ? void 0 : u.call(t)) || null]), [[ne, f.value]])];
           }
         })])]
       });
     };
   }
 });
-const style$4 = "";
-Popup.install = (app) => {
-  const { name: name2 } = Popup;
-  app.component(name2, Popup);
+L.install = (e) => {
+  const { name: t } = L;
+  e.component(t, L);
 };
-const [cname, bem$3] = createNamespace("icon");
-const isImage = (name2) => {
-  const re = new RegExp(/\.(https|png|jpg|gif|jpeg|webp|apng)$/);
-  return re.test(name2.toLowerCase());
-};
-const Icon = /* @__PURE__ */ defineComponent({
-  name: cname,
+const [ze, z] = w("icon"), Ie = (e) => new RegExp(/\.(https|png|jpg|gif|jpeg|webp|apng)$/).test(e.toLowerCase()), M = /* @__PURE__ */ x({
+  name: ze,
   props: {
     dot: {
       type: Boolean,
-      default: false
+      default: !1
     },
     name: {
       type: String,
@@ -421,66 +332,62 @@ const Icon = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["click"],
-  setup(props, {
-    slots,
-    emit
+  setup(e, {
+    slots: t,
+    emit: l
   }) {
-    const isImg = isImage(props.name);
-    const getStyle = () => ({
-      fontSize: parseUnit(props.size),
-      color: props.color
-    });
-    const onClick = (event) => {
-      emit("click", event);
+    const a = Ie(e.name), s = () => ({
+      fontSize: m(e.size),
+      color: e.color
+    }), f = (n) => {
+      l("click", n);
     };
     return () => {
       const {
-        name: name2,
-        classPrefix,
-        badge,
-        dot,
-        subColor,
-        subBg,
-        tag: Tag
-      } = props;
-      return createVNode(Tag, {
-        "class": `${classPrefix}${isImg ? "" : ` y-icon--${name2}`}`,
-        "style": getStyle(),
-        "onClick": onClick
+        name: n,
+        classPrefix: i,
+        badge: p,
+        dot: g,
+        subColor: c,
+        subBg: d,
+        tag: o
+      } = e;
+      return r(o, {
+        class: `${i}${a ? "" : ` y-icon--${n}`}`,
+        style: s(),
+        onClick: f
       }, {
         default: () => {
-          var _a;
-          return [isImg ? createVNode("em", {
-            "class": bem$3("node")
-          }, [createVNode("img", {
-            "class": bem$3("image"),
-            "src": name2,
-            "alt": "icon"
-          }, null)]) : null, dot ? createVNode("em", {
-            "class": bem$3("dot"),
-            "style": {
-              backgroundColor: subBg
+          var u;
+          return [a ? r("em", {
+            class: z("node")
+          }, [r("img", {
+            class: z("image"),
+            src: n,
+            alt: "icon"
+          }, null)]) : null, g ? r("em", {
+            class: z("dot"),
+            style: {
+              backgroundColor: d
             }
-          }, null) : null, badge ? createVNode("em", {
-            "class": bem$3("badge"),
-            "style": {
-              color: subColor,
-              backgroundColor: subBg
+          }, null) : null, p ? r("em", {
+            class: z("badge"),
+            style: {
+              color: c,
+              backgroundColor: d
             }
-          }, [badge]) : null, ((_a = slots.default) == null ? void 0 : _a.call(slots)) || null];
+          }, [p]) : null, ((u = t.default) == null ? void 0 : u.call(t)) || null];
         }
       });
     };
   }
 });
-const style$3 = "";
-Icon.install = (app) => {
-  const { name: name2 } = Icon;
-  app.component(name2, Icon);
+M.install = (e) => {
+  const { name: t } = M;
+  e.component(t, M);
 };
-const [name$2, bem$2, gBem] = createNamespace("button");
-const Button = /* @__PURE__ */ defineComponent({
-  name: name$2,
+const [Le, B, Me] = w("button"), _ = /* @__PURE__ */ x({
+  name: Le,
   props: {
     // 标签
     tag: {
@@ -505,7 +412,7 @@ const Button = /* @__PURE__ */ defineComponent({
     // 不可以状态
     disabled: {
       type: Boolean,
-      default: false
+      default: !1
     },
     // 阴影
     shadow: {
@@ -515,12 +422,12 @@ const Button = /* @__PURE__ */ defineComponent({
     // 方形
     square: {
       type: Boolean,
-      default: false
+      default: !1
     },
     // 半圆弧
     semicircle: {
       type: Boolean,
-      default: false
+      default: !1
     },
     // 自定义圆角
     radius: {
@@ -535,77 +442,73 @@ const Button = /* @__PURE__ */ defineComponent({
     // block 自动填满父布局
     block: {
       type: Boolean,
-      default: false
+      default: !1
     },
     // 危险按钮状态
     danger: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   emits: ["click"],
-  setup(props, {
-    slots,
-    emit
+  setup(e, {
+    slots: t,
+    emit: l
   }) {
-    const onClick = (event) => {
-      emit("click", event);
+    const a = (s) => {
+      l("click", s);
     };
     return () => {
       let {
-        tag: Tag
-      } = props;
+        tag: s
+      } = e;
       const {
-        radius,
-        type,
-        size,
-        disabled,
-        shadow,
-        block,
-        square,
-        semicircle,
-        danger,
-        text,
-        supplementText
-      } = props;
-      const showText = slots.default ? slots.default() : text;
-      Tag = type === "link" ? "a" : Tag;
-      return createVNode(Tag, {
-        "class": [bem$2([type, size, {
-          block,
-          square,
-          semicircle,
-          disabled: disabled && Tag === "a"
-        }, (type === "primary" || type === "secondary") && shadow ? `shadow_${shadow}` : "", danger ? `${type}_danger` : "", disabled ? `${type}_disabled` : ""]), gBem("el", "clickable")],
-        "style": {
-          borderRadius: parseUnit(radius)
+        radius: f,
+        type: n,
+        size: i,
+        disabled: p,
+        shadow: g,
+        block: c,
+        square: d,
+        semicircle: o,
+        danger: u,
+        text: b,
+        supplementText: y
+      } = e, $ = t.default ? t.default() : b;
+      return s = n === "link" ? "a" : s, r(s, {
+        class: [B([n, i, {
+          block: c,
+          square: d,
+          semicircle: o,
+          disabled: p && s === "a"
+        }, (n === "primary" || n === "secondary") && g ? `shadow_${g}` : "", u ? `${n}_danger` : "", p ? `${n}_disabled` : ""]), Me("el", "clickable")],
+        style: {
+          borderRadius: m(f)
         },
-        "disabled": disabled,
-        "onClick": onClick
+        disabled: p,
+        onClick: a
       }, {
         default: () => {
-          var _a, _b;
-          return [createVNode("div", {
-            "class": bem$2("content")
-          }, [((_a = slots.leftIcon) == null ? void 0 : _a.call(slots)) || null, showText && createVNode(Fragment, null, [supplementText ? createVNode("div", {
-            "class": bem$2("text")
-          }, [createVNode("p", null, [showText]), createVNode("p", {
-            "class": bem$2("subtext")
-          }, [supplementText])]) : createVNode("span", {
-            "class": bem$2("text")
-          }, [showText])]), ((_b = slots.rightIcon) == null ? void 0 : _b.call(slots)) || null])];
+          var h, V;
+          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")
+          }, [y])]) : r("span", {
+            class: B("text")
+          }, [$])]), ((V = t.rightIcon) == null ? void 0 : V.call(t)) || null])];
         }
       });
     };
   }
 });
-const style$2 = "";
-Button.install = (app) => {
-  const { name: name2 } = Button;
-  app.component(name2, Button);
+_.install = (e) => {
+  const { name: t } = _;
+  e.component(t, _);
 };
-const [name$1, bem$1] = createNamespace("loading");
-const _props$1 = {
+const [Re, C] = w("loading"), Oe = {
   // Loading icon 的颜色
   color: {
     type: String,
@@ -664,107 +567,97 @@ const _props$1 = {
     type: String,
     default: "relative"
   }
-};
-const Loading = /* @__PURE__ */ defineComponent({
-  name: name$1,
-  props: _props$1,
-  setup(props, {
-    slots
+}, R = /* @__PURE__ */ x({
+  name: Re,
+  props: Oe,
+  setup(e, {
+    slots: t
   }) {
     return () => {
-      var _a, _b;
+      var y, $;
       const {
-        position,
-        textLocation,
-        bgColor,
-        bgBorderRadius,
-        size,
-        padding,
-        color,
-        thick,
-        direction,
-        text,
-        textColor,
-        textSize
-      } = props;
-      const showText = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || text;
-      return createVNode("div", {
-        "class": bem$1({
-          [position]: position !== "relative"
+        position: l,
+        textLocation: a,
+        bgColor: s,
+        bgBorderRadius: f,
+        size: n,
+        padding: i,
+        color: p,
+        thick: g,
+        direction: c,
+        text: d,
+        textColor: o,
+        textSize: u
+      } = e, b = ((y = t.default) == null ? void 0 : y.call(t)) || d;
+      return r("div", {
+        class: C({
+          [l]: l !== "relative"
         })
-      }, [createVNode("div", {
-        "class": bem$1("bg", {
-          [position]: position !== "relative"
+      }, [r("div", {
+        class: C("bg", {
+          [l]: l !== "relative"
         }),
-        "style": {
-          flexDirection: parseFlexDirection(textLocation),
-          backgroundColor: bgColor,
-          borderRadius: parseUnit(bgBorderRadius),
-          padding: parseUnit(padding)
+        style: {
+          flexDirection: Ce(a),
+          backgroundColor: s,
+          borderRadius: m(f),
+          padding: m(i)
         }
-      }, [createVNode("span", {
-        "class": bem$1("icon-wrapper"),
-        "style": {
-          width: parseUnit(size),
-          height: parseUnit(size)
+      }, [r("span", {
+        class: C("icon-wrapper"),
+        style: {
+          width: m(n),
+          height: m(n)
         }
-      }, [((_b = slots.icon) == null ? void 0 : _b.call(slots)) || createVNode("svg", {
-        "class": bem$1("icon", {
-          [direction]: direction
+      }, [(($ = t.icon) == null ? void 0 : $.call(t)) || r("svg", {
+        class: C("icon", {
+          [c]: c
         }),
-        "viewBox": "25 25 50 50"
-      }, [createVNode("circle", {
-        "class": bem$1("icon-circle"),
-        "style": {
-          stroke: color,
-          strokeWidth: parseUnit(thick)
+        viewBox: "25 25 50 50"
+      }, [r("circle", {
+        class: C("icon-circle"),
+        style: {
+          stroke: p,
+          strokeWidth: m(g)
         },
-        "cx": "50",
-        "cy": "50",
-        "r": "20",
-        "fill": "none"
-      }, null)])]), showText && createVNode("span", {
-        "class": bem$1("text", {
-          [textLocation]: textLocation
+        cx: "50",
+        cy: "50",
+        r: "20",
+        fill: "none"
+      }, null)])]), b && r("span", {
+        class: C("text", {
+          [a]: a
         }),
-        "style": {
-          color: textColor,
-          fontSize: parseUnit(textSize)
+        style: {
+          color: o,
+          fontSize: m(u)
         }
-      }, [showText])])]);
+      }, [b])])]);
     };
   }
-});
-const globalOptions = {
+}), Pe = {
   position: "fixed"
 };
-let instance = null;
-const initInstance = (customProps, customSlots) => {
-  const wrapper = {
-    render: () => {
-      return h(Loading, { ...customProps }, { ...customSlots });
-    }
-  };
-  const customApp = createApp(wrapper);
-  const element = document.createElement("div");
-  return customApp.mount(element);
-};
-const createLoading = {
+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: (customProps, customSlots) => {
-    if (!instance)
-      instance = initInstance(
-        {
-          ...globalOptions,
-          ...customProps
-        },
-        customSlots
-      );
-    document.body.appendChild(instance.$el);
+  show: (e, t) => {
+    N || (N = ae(
+      {
+        ...Pe,
+        ...e
+      },
+      t
+    )), document.body.appendChild(N.$el);
   },
   /**
    * @description: hide
@@ -772,73 +665,47 @@ const createLoading = {
    * @return {*}
    */
   hide: () => {
-    instance && instance.$el.remove();
+    N && N.$el.remove();
   }
-};
-const toggleLoading = (el, binding) => {
-  if (binding.value) {
-    el.classList.add("y-loading__wrap");
-    el.appendChild(el.instance.$el);
-  } else {
-    el.classList.remove("y-loading__wrap");
-    el.removeChild(el.instance.$el);
+}, ee = (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);
   }
-};
-const loadingDirective = {
-  install: (app) => {
-    app.directive("loading", directive);
-    app.directive("loading-props", directiveProps);
-    app.directive("loading-slots", directiveSlots);
-  }
-};
-const directive = {
-  getSSRProps: (binding) => {
-    return { ...binding };
+}, re = {
+  getSSRProps: (e) => ({ ...e }),
+  mounted: (e, t) => {
+    e.instance = ae({ ...e.customProps }, { ...e.customSlots }), t.value && ee(e, t);
   },
-  mounted: (el, binding) => {
-    el.instance = initInstance({ ...el.customProps }, { ...el.customSlots });
-    binding.value && toggleLoading(el, binding);
-  },
-  updated: (el, binding) => {
-    if (binding.oldValue !== binding.value) {
-      toggleLoading(el, binding);
-    }
+  updated: (e, t) => {
+    t.oldValue !== t.value && ee(e, t);
   },
-  unmounted: (el) => {
-    el.instance && el.instance.$el.remove();
+  unmounted: (e) => {
+    e.instance && e.instance.$el.remove();
   }
-};
-const directiveProps = {
-  getSSRProps: (binding) => {
-    return { ...binding };
-  },
-  beforeMount: (el, binding) => {
-    el.customProps = { ...binding.value };
+}, je = {
+  getSSRProps: (e) => ({ ...e }),
+  beforeMount: (e, t) => {
+    e.customProps = { ...t.value };
   }
-};
-const directiveSlots = {
-  getSSRProps: (binding) => {
-    return { ...binding };
-  },
-  beforeMount: (el, binding) => {
-    el.customSlots = { ...binding.value };
+}, Fe = {
+  getSSRProps: (e) => ({ ...e }),
+  beforeMount: (e, t) => {
+    e.customSlots = { ...t.value };
   }
 };
-const style$1 = "";
-Loading.install = (app) => {
-  app.component(Loading.name, Loading);
-  app.provide("loading", createLoading);
-  app.use(loadingDirective);
+R.install = (e) => {
+  e.component(R.name, R), e.provide("loading", De), e.use(Te);
 };
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+function Ee(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !be(e);
 }
-const [name, bem] = createNamespace("dialog");
-const _props = {
+const [Ue, v] = w("dialog"), qe = {
   // 控制显示
   modelValue: {
     type: Boolean,
-    default: false
+    default: !1
   },
   width: {
     type: [Number, String],
@@ -862,15 +729,15 @@ const _props = {
   },
   isCloseOnClickMask: {
     type: Boolean,
-    default: true
+    default: !0
   },
   showCloseIcon: {
     type: Boolean,
-    default: false
+    default: !1
   },
   showCancelBtn: {
     type: Boolean,
-    default: false
+    default: !1
   },
   cancelButtonText: {
     type: String,
@@ -878,7 +745,7 @@ const _props = {
   },
   showConfirmBtn: {
     type: Boolean,
-    default: false
+    default: !1
   },
   confirmButtonText: {
     type: String,
@@ -898,226 +765,189 @@ const _props = {
   },
   circleImg: {
     type: Boolean,
-    default: false
+    default: !1
   },
   // 插入对象
   teleport: {
     type: String,
     default: "body"
   }
-};
-const Dialog = /* @__PURE__ */ defineComponent({
-  name,
+}, O = /* @__PURE__ */ x({
+  name: Ue,
   directives: {
-    loading: directive
+    loading: re
   },
-  props: _props,
+  props: qe,
   emits: ["update:modelValue", "cancel", "confirm"],
-  setup(props, {
-    emit,
-    slots
+  setup(e, {
+    emit: t,
+    slots: l
   }) {
-    const loading = reactive({
-      cancel: false,
-      confirm: false
-    });
-    const update = (value) => {
-      visible.value = value;
-    };
-    const onClose = (actionType) => {
-      var _a;
-      update(false);
-      (_a = props.callback) == null ? void 0 : _a.call(props, actionType);
-    };
-    const onCancel = (event) => {
-      emit("cancel", event, onHandler("cancel"));
-    };
-    const onConfirm = (event) => {
-      emit("confirm", event, onHandler("confirm"));
-    };
-    const onHandler = (actionType) => {
+    const a = U({
+      cancel: !1,
+      confirm: !1
+    }), s = (o) => {
+      d.value = o;
+    }, f = (o) => {
+      var u;
+      s(!1), (u = e.callback) == null || u.call(e, o);
+    }, n = (o) => {
+      t("cancel", o, p("cancel"));
+    }, i = (o) => {
+      t("confirm", o, p("confirm"));
+    }, p = (o) => {
       const {
-        modelValue,
-        beforeClose
-      } = props;
-      if (!modelValue)
-        return;
-      if (isFunction(beforeClose)) {
-        loading[actionType] = true;
-        const fnReturn = beforeClose(actionType);
-        if (isPromise(fnReturn)) {
-          const promise = fnReturn;
-          promise.then((value) => {
-            done(value, actionType);
-          }).catch((e) => {
-            throw new Error(e);
-          });
-        } else {
-          done(fnReturn, actionType);
-        }
-      } else {
-        onClose(actionType);
-      }
-    };
-    const done = (value, actionType) => {
-      if (value) {
-        onClose(actionType);
-        loading[actionType] = false;
-      } else {
-        loading[actionType] = false;
-      }
-    };
-    const halfOfWidth = (val, multiple, processing) => {
-      let num2 = Number(val.substring(0, val.length - 2));
-      num2 /= multiple || 2;
-      return processing ? `${processing(num2)}px` : `${num2}px`;
-    };
-    const visible = computed({
-      get: () => props.modelValue,
-      set: (value) => emit("update:modelValue", value)
+        modelValue: u,
+        beforeClose: b
+      } = e;
+      if (u)
+        if (Se(b)) {
+          a[o] = !0;
+          const y = b(o);
+          ve(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) => {
+      let y = Number(o.substring(0, o.length - 2));
+      return y /= u || 2, b ? `${b(y)}px` : `${y}px`;
+    }, d = F({
+      get: () => e.modelValue,
+      set: (o) => t("update:modelValue", o)
     });
     return () => {
       const {
-        width,
-        title,
-        titleAlign,
-        message,
-        messageAlign,
-        isCloseOnClickMask,
-        showCloseIcon,
-        showCancelBtn,
-        cancelButtonText,
-        showConfirmBtn,
-        confirmButtonText,
-        imgSrc,
-        circleImg,
-        teleport
-      } = props;
-      return createVNode(Popup, mergeProps({
-        "modelValue": visible.value,
-        "onUpdate:modelValue": ($event) => visible.value = $event,
-        "customClass": bem(),
-        "customStyle": {
-          width: parseUnit(width)
+        width: o,
+        title: u,
+        titleAlign: b,
+        message: y,
+        messageAlign: $,
+        isCloseOnClickMask: h,
+        showCloseIcon: V,
+        showCancelBtn: W,
+        cancelButtonText: T,
+        showConfirmBtn: G,
+        confirmButtonText: ce,
+        imgSrc: H,
+        circleImg: k,
+        teleport: se
+      } = e;
+      return r(L, ye({
+        modelValue: d.value,
+        "onUpdate:modelValue": (A) => d.value = A,
+        customClass: v(),
+        customStyle: {
+          width: m(o)
         }
       }, {
-        "onUpdate:modelValue": update
+        "onUpdate:modelValue": s
       }, {
-        "isCloseOnClickMask": isCloseOnClickMask,
-        "teleport": teleport
+        isCloseOnClickMask: h,
+        teleport: se
       }), {
         default: () => {
-          var _a, _b, _c, _d;
-          return [((_a = slots.img) == null ? void 0 : _a.call(slots)) || imgSrc && createVNode("div", {
-            "class": bem("img", {
-              circle: circleImg
+          var A, J, K, Q;
+          return [((A = l.img) == null ? void 0 : A.call(l)) || H && r("div", {
+            class: v("img", {
+              circle: k
             }),
-            "style": {
-              top: circleImg ? `-${halfOfWidth(parseUnit(width), 4)}` : "auto",
-              left: circleImg ? `calc(50% - ${halfOfWidth(parseUnit(width), 4)})` : "auto"
+            style: {
+              top: k ? `-${c(m(o), 4)}` : "auto",
+              left: k ? `calc(50% - ${c(m(o), 4)})` : "auto"
             }
-          }, [createVNode("div", {
-            "style": {
-              width: circleImg ? halfOfWidth(parseUnit(width)) : parseUnit(width),
-              height: halfOfWidth(parseUnit(width)),
-              background: `url(${imgSrc}) center`,
-              borderRadius: circleImg ? "50%" : "20px 20px 0 0"
+          }, [r("div", {
+            style: {
+              width: k ? c(m(o)) : m(o),
+              height: c(m(o)),
+              background: `url(${H}) center`,
+              borderRadius: k ? "50%" : "20px 20px 0 0"
             }
-          }, null)]), createVNode("div", {
-            "class": bem("container")
-          }, [createVNode("div", {
-            "style": {
-              height: circleImg ? halfOfWidth(parseUnit(width), 4, (num2) => {
-                return num2 + 20;
-              }) : "24px"
+          }, null)]), r("div", {
+            class: v("container")
+          }, [r("div", {
+            style: {
+              height: k ? c(m(o), 4, (ue) => ue + 20) : "24px"
             }
-          }, null), ((_b = slots.title) == null ? void 0 : _b.call(slots)) || createVNode("div", {
-            "class": bem("title"),
-            "style": {
-              textAlign: titleAlign
+          }, null), ((J = l.title) == null ? void 0 : J.call(l)) || r("div", {
+            class: v("title"),
+            style: {
+              textAlign: b
             }
-          }, [title]), createVNode("div", {
-            "class": bem("content")
-          }, [createVNode("div", {
-            "class": bem("message"),
-            "style": {
-              textAlign: messageAlign
+          }, [u]), r("div", {
+            class: v("content")
+          }, [r("div", {
+            class: v("message"),
+            style: {
+              textAlign: $
             }
-          }, [((_c = slots.default) == null ? void 0 : _c.call(slots)) || message]), ((_d = slots.footer) == null ? void 0 : _d.call(slots)) || createVNode("div", {
-            "class": bem("footer"),
-            "style": {
-              paddingTop: showCancelBtn || showConfirmBtn ? "20px" : "0px"
+          }, [((K = l.default) == null ? void 0 : K.call(l)) || y]), ((Q = l.footer) == null ? void 0 : Q.call(l)) || r("div", {
+            class: v("footer"),
+            style: {
+              paddingTop: W || G ? "20px" : "0px"
             }
-          }, [showCancelBtn && withDirectives(createVNode(Button, {
-            "type": "secondary",
-            "class": bem("footer-btn"),
-            "onClick": onCancel
-          }, _isSlot(cancelButtonText) ? cancelButtonText : {
-            default: () => [cancelButtonText]
-          }), [[resolveDirective("loading"), loading.cancel]]), showConfirmBtn && withDirectives(createVNode(Button, {
-            "type": "primary",
-            "class": bem("footer-btn"),
-            "onClick": onConfirm
+          }, [W && P(r(_, {
+            type: "secondary",
+            class: v("footer-btn"),
+            onClick: n
+          }, Ee(T) ? T : {
+            default: () => [T]
+          }), [[X("loading"), a.cancel]]), G && P(r(_, {
+            type: "primary",
+            class: v("footer-btn"),
+            onClick: i
           }, {
-            default: () => [loading.confirm ? "" : confirmButtonText]
-          }), [[resolveDirective("loading"), loading.confirm]])])]), showCloseIcon && createVNode("div", {
-            "class": bem("close"),
-            "onClick": () => onClose("close")
-          }, [createVNode(Icon, {
-            "name": "cross"
+            default: () => [a.confirm ? "" : ce]
+          }), [[X("loading"), a.confirm]])])]), V && r("div", {
+            class: v("close"),
+            onClick: () => f("close")
+          }, [r(M, {
+            name: "cross"
           }, null)])])];
         }
       });
     };
   }
 });
-let dialogApp = createApp({});
-let num = 0;
-const treasures = [];
-const createDialog = (customProps, customSlots) => {
-  const id = `dialog${num += 1}`;
-  const wrapper = {
+let j = q({}), We = 0;
+const ie = [], Ge = (e, t) => {
+  const l = `dialog${We += 1}`;
+  j = q({
     setup() {
-      const show = ref(true);
-      const toggle = (val) => {
-        show.value = val;
+      const f = E(!0), n = (i) => {
+        f.value = i;
       };
-      return () => {
-        return h(
-          Dialog,
-          {
-            modelValue: show.value,
-            "onUpdate:modelValue": toggle,
-            ...customProps,
-            onAfterLeave: () => {
-              close(id);
-            }
-          },
-          { ...customSlots }
-        );
-      };
-    }
-  };
-  dialogApp = createApp(wrapper);
-  const element = document.createElement("div");
-  treasures.push({ id, app: dialogApp, el: element });
-  dialogApp.mount(element);
-};
-const close = (id) => {
-  treasures.forEach((obj) => {
-    if (id === obj.id) {
-      obj.app.unmount();
+      return () => le(
+        O,
+        {
+          modelValue: f.value,
+          "onUpdate:modelValue": n,
+          ...e,
+          onAfterLeave: () => {
+            He(l);
+          }
+        },
+        { ...t }
+      );
     }
   });
+  const s = document.createElement("div");
+  ie.push({ id: l, app: j, el: s }), j.mount(s);
+}, He = (e) => {
+  ie.forEach((t) => {
+    e === t.id && t.app.unmount();
+  });
 };
-const style = "";
-Dialog.install = (app) => {
-  const { name: name2 } = Dialog;
-  app.component(name2, Dialog);
-  app.provide("dialog", createDialog);
+O.install = (e) => {
+  const { name: t } = O;
+  e.component(t, O), e.provide("dialog", Ge);
 };
 export {
-  Dialog,
-  createDialog,
-  Dialog as default
+  O as Dialog,
+  Ge as createDialog,
+  O as default
 };