@rhino-design/vue 0.2.2 → 0.2.3

package/dist/components/XModal.vue2.js

@@ -0,0 +1,364 @@
+import { defineComponent as Qe, useAttrs as et, useSlots as tt, ref as r, computed as n, watch as G, onMounted as ot, onBeforeUnmount as lt, openBlock as c, createBlock as ve, Teleport as nt, withDirectives as R, createElementBlock as w, mergeProps as Y, unref as me, createVNode as V, Transition as pe, withCtx as N, normalizeStyle as _, vShow as q, createCommentVNode as m, createElementVNode as U, withModifiers as W, normalizeClass as B, renderSlot as j, createTextVNode as K, toDisplayString as J } from "vue";
+import we from "./XButton.vue.js";
+import at from "./XIcon.js";
+import { useXI18n as rt } from "../composables/i18n.js";
+const it = ["innerHTML"], st = {
+  key: 1,
+  class: "x-modal-footer"
+}, vt = /* @__PURE__ */ Qe({
+  inheritAttrs: !1,
+  __name: "XModal",
+  props: {
+    visible: { type: Boolean, default: void 0 },
+    open: { type: Boolean, default: void 0 },
+    defaultVisible: { type: Boolean, default: !1 },
+    width: { default: void 0 },
+    top: { default: void 0 },
+    mask: { type: Boolean, default: !0 },
+    title: { default: "" },
+    titleAlign: { default: "center" },
+    alignCenter: { type: Boolean, default: !0 },
+    unmountOnClose: { type: Boolean, default: !1 },
+    maskClosable: { type: Boolean, default: !0 },
+    hideCancel: { type: Boolean, default: !1 },
+    simple: { type: Boolean, default: void 0 },
+    notice: { type: Boolean, default: void 0 },
+    closable: { type: Boolean, default: !0 },
+    okText: { default: void 0 },
+    cancelText: { default: void 0 },
+    okLoading: { type: Boolean, default: !1 },
+    okButtonProps: { default: void 0 },
+    cancelButtonProps: { default: void 0 },
+    footer: { type: Boolean, default: !0 },
+    showFooter: { type: Boolean, default: void 0 },
+    renderToBody: { type: Boolean, default: !0 },
+    popupContainer: { default: "body" },
+    maskStyle: { default: void 0 },
+    modalClass: { default: void 0 },
+    modalStyle: { default: void 0 },
+    bodyClass: { default: void 0 },
+    bodyStyle: { type: [Boolean, null, String, Object, Array], default: void 0 },
+    onBeforeOk: { type: Function, default: void 0 },
+    onBeforeCancel: { type: Function, default: void 0 },
+    beforeOk: { type: Function, default: void 0 },
+    beforeClose: { type: Function, default: void 0 },
+    escToClose: { type: Boolean, default: !0 },
+    draggable: { type: Boolean, default: !1 },
+    fullscreen: { type: Boolean, default: !1 },
+    maskAnimationName: { default: void 0 },
+    modalAnimationName: { default: void 0 },
+    hideTitle: { type: Boolean, default: !1 },
+    messageType: { default: void 0 }
+  },
+  emits: ["update:visible", "update:open", "ok", "cancel", "open", "close", "beforeOpen", "beforeClose"],
+  setup(s, { emit: ge }) {
+    function g() {
+      const e = globalThis;
+      return e.__xModalGlobalState__ || (e.__xModalGlobalState__ = {
+        stack: [],
+        overflowMap: /* @__PURE__ */ new Map()
+      }), e.__xModalGlobalState__;
+    }
+    function Q(e) {
+      return !!e && typeof e.then == "function";
+    }
+    function ee(e) {
+      return typeof e == "number" ? `${e}px` : e;
+    }
+    const ye = {
+      info: '<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm2-30a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2Zm0 17h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h1v-8a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v11Z" fill="currentColor"/></svg>',
+      success: '<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm10.207-24.379a1 1 0 0 0 0-1.414l-1.414-1.414a1 1 0 0 0-1.414 0L22 26.172l-4.878-4.88a1 1 0 0 0-1.415 0l-1.414 1.415a1 1 0 0 0 0 1.414l7 7a1 1 0 0 0 1.414 0l11.5-11.5Z" fill="currentColor"/></svg>',
+      warning: '<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm-2-11a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2Zm4-18a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V15Z" fill="currentColor"/></svg>',
+      error: '<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm4.955-27.771-4.95 4.95-4.95-4.95a1 1 0 0 0-1.414 0l-1.414 1.414a1 1 0 0 0 0 1.414l4.95 4.95-4.95 4.95a1 1 0 0 0 0 1.414l1.414 1.414a1 1 0 0 0 1.414 0l4.95-4.95 4.95 4.95a1 1 0 0 0 1.414 0l1.414-1.414a1 1 0 0 0 0-1.414l-4.95-4.95 4.95-4.95a1 1 0 0 0 0-1.414l-1.414-1.414a1 1 0 0 0-1.414 0Z" fill="currentColor"/></svg>'
+    }, t = s, v = ge, ke = et(), te = tt(), { t: oe } = rt(), p = r(), x = r(), le = r(t.defaultVisible), M = r(!!(t.visible ?? t.open ?? t.defaultVisible)), S = r(!1), Z = r(), T = r(!1), f = r(), I = r([0, 0]), $ = r([0, 0]), k = r([0, 0]), h = r([0, 0]), C = r(!1);
+    let D = 0;
+    const b = `x-modal-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+    let O = !1, y = !1;
+    const ne = n(() => t.visible ?? t.open), i = n(() => ne.value ?? le.value), he = n(() => !t.unmountOnClose || i.value || M.value), Ce = n(() => t.showFooter ?? t.footer), be = n(() => t.okLoading || C.value), ae = n(() => t.simple ?? t.notice ?? !1), H = n(() => t.draggable && !t.fullscreen), Be = n(() => t.maskAnimationName || (t.fullscreen ? "fade-in-standard" : "fade-modal")), xe = n(() => t.modalAnimationName || (t.fullscreen ? "zoom-in" : "zoom-modal")), Me = n(() => t.okText || oe("modal.okText", void 0, "确定")), Se = n(() => t.cancelText || oe("modal.cancelText", void 0, "取消")), Te = n(() => t.cancelButtonProps ?? {}), Oe = n(() => t.okButtonProps ?? {}), Le = n(() => [
+      "x-modal-wrapper",
+      {
+        "x-modal-wrapper-align-center": t.alignCenter && !t.fullscreen,
+        "x-modal-wrapper-moved": !!f.value
+      }
+    ]), Ee = n(() => [
+      "x-modal",
+      t.modalClass,
+      {
+        "x-modal-simple": ae.value,
+        "x-modal-draggable": H.value,
+        "x-modal-fullscreen": t.fullscreen
+      }
+    ]), Ae = n(() => {
+      const o = g().stack.indexOf(b);
+      return o >= 0 ? 1e3 + o : 1e3;
+    }), Pe = n(() => ({
+      zIndex: String(Ae.value)
+    })), Ve = n(() => {
+      const e = {
+        ...t.modalStyle ?? {}
+      };
+      return t.width !== void 0 && !t.fullscreen && (e.width = ee(t.width)), !t.alignCenter && t.top !== void 0 && (e.top = ee(t.top)), f.value && (e.transform = `translate(${f.value[0]}px, ${f.value[1]}px)`), e;
+    }), Ne = n(() => !t.hideTitle && (!!te.title || !!t.title || t.closable)), Ze = n(() => !!te.title || !!t.title), Ie = n(() => !ae.value && t.closable), re = n(() => {
+      if (t.messageType)
+        return ye[t.messageType];
+    }), $e = n(() => typeof t.popupContainer == "string" && t.popupContainer.trim() || typeof HTMLElement < "u" && t.popupContainer instanceof HTMLElement ? t.popupContainer : "body");
+    function De() {
+      if (!(typeof document > "u"))
+        return typeof t.popupContainer == "string" && t.popupContainer.trim() ? document.querySelector(t.popupContainer) ?? document.body : t.popupContainer instanceof HTMLElement ? t.popupContainer : document.body;
+    }
+    function X() {
+      Z.value = De();
+    }
+    function ie() {
+      if (O) return;
+      const e = g();
+      e.stack.includes(b) || e.stack.push(b), O = !0;
+    }
+    function se() {
+      if (!O) return;
+      const e = g();
+      e.stack = e.stack.filter((o) => o !== b), O = !1;
+    }
+    function He() {
+      const e = g();
+      return e.stack[e.stack.length - 1] === b;
+    }
+    function F() {
+      if (y)
+        return;
+      const e = Z.value;
+      if (!e)
+        return;
+      const o = g(), l = o.overflowMap.get(e) ?? {
+        count: 0,
+        overflow: e.style.overflow
+      };
+      l.count === 0 && (l.overflow = e.style.overflow, e.style.overflow = "hidden"), l.count += 1, o.overflowMap.set(e, l), y = !0;
+    }
+    function z() {
+      if (!y)
+        return;
+      const e = Z.value;
+      if (!e) {
+        y = !1;
+        return;
+      }
+      const o = g(), l = o.overflowMap.get(e);
+      if (!l) {
+        y = !1;
+        return;
+      }
+      l.count = Math.max(0, l.count - 1), l.count === 0 ? (e.style.overflow = l.overflow, o.overflowMap.delete(e)) : o.overflowMap.set(e, l), y = !1;
+    }
+    function Xe(e) {
+      ne.value === void 0 && (le.value = e), v("update:visible", e), v("update:open", e);
+    }
+    function ue() {
+      D += 1, C.value = !1, T.value = !1, Xe(!1);
+    }
+    async function Fe() {
+      return t.onBeforeOk ? await new Promise((o) => {
+        var u;
+        let l = !1;
+        const a = (d = !0) => {
+          l || (l = !0, o(d));
+        };
+        try {
+          const d = (u = t.onBeforeOk) == null ? void 0 : u.call(t, a);
+          if ((Q(d) || typeof d != "boolean") && (C.value = !0), Q(d)) {
+            d.then((A) => {
+              l || a(A ?? !0);
+            }).catch(() => {
+              l || a(!1);
+            });
+            return;
+          }
+          typeof d == "boolean" && a(d);
+        } catch {
+          a(!1);
+        }
+      }) : t.beforeOk ? await Promise.resolve(t.beforeOk()) !== !1 : !0;
+    }
+    async function ze(e) {
+      const o = D, l = await Fe();
+      if (o === D) {
+        if (!l) {
+          C.value && (C.value = !1);
+          return;
+        }
+        v("ok", e), ue();
+      }
+    }
+    async function L(e, o) {
+      t.onBeforeCancel && (t.onBeforeCancel() ?? !1) === !1 || t.beforeClose && await Promise.resolve(t.beforeClose(e)) === !1 || (v("cancel", o), ue());
+    }
+    function Ge(e) {
+      S.value = e.target === p.value;
+    }
+    function Re(e) {
+      t.mask && t.maskClosable && S.value && L("mask", e), S.value = !1;
+    }
+    function de(e) {
+      !t.escToClose || !i.value || !He() || e.key === "Escape" && L("esc", e);
+    }
+    function Ye() {
+      if (!p.value || !x.value)
+        return;
+      const { top: e, left: o } = p.value.getBoundingClientRect(), { clientWidth: l, clientHeight: a } = p.value, { top: u, left: d, width: A, height: ce } = x.value.getBoundingClientRect(), P = t.alignCenter ? 0 : x.value.offsetTop ?? 0, We = d - o, je = u - e - P, Ke = l > A ? l - A : 0, Je = a > ce ? a - ce - P : 0;
+      $.value = f.value ?? [We, je], h.value = [Ke, Je], k.value = [0, P ? 0 - P : 0];
+    }
+    function _e(e) {
+      !H.value || e.button !== 0 || (T.value = !0, Ye(), I.value = [e.clientX, e.clientY], e.preventDefault());
+    }
+    function fe(e) {
+      if (!T.value || !H.value || !i.value)
+        return;
+      const o = e.clientX - I.value[0], l = e.clientY - I.value[1];
+      let a = $.value[0] + o, u = $.value[1] + l;
+      a < k.value[0] && (a = k.value[0]), a > h.value[0] && (a = h.value[0]), u < k.value[1] && (u = k.value[1]), u > h.value[1] && (u = h.value[1]), f.value = [a, u];
+    }
+    function E() {
+      T.value = !1;
+    }
+    function qe() {
+      i.value && (p.value && typeof document < "u" && document.activeElement instanceof HTMLElement && !p.value.contains(document.activeElement) && document.activeElement.blur(), v("open"));
+    }
+    function Ue() {
+      i.value || (M.value = !1, f.value = void 0, se(), z(), v("close"));
+    }
+    return G(i, (e, o) => {
+      e !== o && (e ? (X(), M.value = !0, S.value = !1, ie(), F(), v("beforeOpen")) : v("beforeClose"));
+    }), G(
+      () => t.fullscreen,
+      () => {
+        f.value && (f.value = void 0);
+      }
+    ), G(
+      () => t.popupContainer,
+      () => {
+        const e = i.value;
+        e && z(), X(), e && F();
+      }
+    ), ot(() => {
+      X(), i.value && (ie(), F()), typeof window < "u" && (window.addEventListener("keydown", de), window.addEventListener("mousemove", fe), window.addEventListener("mouseup", E), window.addEventListener("contextmenu", E));
+    }), lt(() => {
+      typeof window < "u" && (window.removeEventListener("keydown", de), window.removeEventListener("mousemove", fe), window.removeEventListener("mouseup", E), window.removeEventListener("contextmenu", E)), se(), z();
+    }), (e, o) => (c(), ve(nt, {
+      to: $e.value,
+      disabled: !s.renderToBody
+    }, [
+      he.value ? R((c(), w("div", Y({
+        key: 0,
+        class: "x-modal-container",
+        style: Pe.value
+      }, me(ke)), [
+        V(pe, {
+          name: Be.value,
+          appear: ""
+        }, {
+          default: N(() => [
+            s.mask ? R((c(), w("div", {
+              key: 0,
+              class: "x-modal-mask",
+              style: _(s.maskStyle)
+            }, null, 4)), [
+              [q, i.value]
+            ]) : m("", !0)
+          ]),
+          _: 1
+        }, 8, ["name"]),
+        U("div", {
+          ref_key: "wrapperRef",
+          ref: p,
+          class: B(Le.value),
+          onClick: W(Re, ["self"]),
+          onMousedown: W(Ge, ["self"])
+        }, [
+          V(pe, {
+            name: xe.value,
+            appear: "",
+            onAfterEnter: qe,
+            onAfterLeave: Ue
+          }, {
+            default: N(() => [
+              R(U("section", {
+                ref_key: "modalRef",
+                ref: x,
+                class: B(Ee.value),
+                style: _(Ve.value),
+                role: "dialog",
+                "aria-modal": "true"
+              }, [
+                Ne.value ? (c(), w("header", {
+                  key: 0,
+                  class: "x-modal-header",
+                  onMousedown: _e
+                }, [
+                  Ze.value ? (c(), w("div", {
+                    key: 0,
+                    class: B(["x-modal-title", `x-modal-title-align-${s.titleAlign}`])
+                  }, [
+                    re.value ? (c(), w("span", {
+                      key: 0,
+                      class: B(["x-modal-title-icon", `is-${s.messageType}`]),
+                      innerHTML: re.value
+                    }, null, 10, it)) : m("", !0),
+                    j(e.$slots, "title", {}, () => [
+                      K(J(s.title), 1)
+                    ], !0)
+                  ], 2)) : m("", !0),
+                  Ie.value ? (c(), w("button", {
+                    key: 1,
+                    type: "button",
+                    class: "x-modal-close-btn",
+                    "aria-label": "Close",
+                    onClick: o[0] || (o[0] = (l) => L("close", l)),
+                    onMousedown: o[1] || (o[1] = W(() => {
+                    }, ["stop"]))
+                  }, [
+                    V(me(at), { name: "guanbi" })
+                  ], 32)) : m("", !0)
+                ], 32)) : m("", !0),
+                U("div", {
+                  class: B(["x-modal-body", s.bodyClass]),
+                  style: _(s.bodyStyle)
+                }, [
+                  j(e.$slots, "default", {}, void 0, !0)
+                ], 6),
+                Ce.value ? (c(), w("footer", st, [
+                  j(e.$slots, "footer", {}, () => [
+                    s.hideCancel ? m("", !0) : (c(), ve(we, Y({ key: 0 }, Te.value, {
+                      onClick: o[2] || (o[2] = (l) => L("cancel", l))
+                    }), {
+                      default: N(() => [
+                        K(J(Se.value), 1)
+                      ]),
+                      _: 1
+                    }, 16)),
+                    V(we, Y({ type: "primary" }, Oe.value, {
+                      loading: be.value,
+                      onClick: ze
+                    }), {
+                      default: N(() => [
+                        K(J(Me.value), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["loading"])
+                  ], !0)
+                ])) : m("", !0)
+              ], 6), [
+                [q, i.value]
+              ])
+            ]),
+            _: 3
+          }, 8, ["name"])
+        ], 34)
+      ], 16)), [
+        [q, i.value || M.value]
+      ]) : m("", !0)
+    ], 8, ["to", "disabled"]));
+  }
+});
+export {
+  vt as default
+};

package/dist/components/XModalService.js

@@ -0,0 +1,157 @@
+import { reactive as C, createVNode as b, h as y, render as p, nextTick as c } from "vue";
+import h from "./XModal.vue.js";
+import { resolveDarkThemeEnabled as T } from "../composables/theme-context.js";
+function u(e) {
+  if (e != null)
+    return typeof e == "function" ? e : () => e;
+}
+function f(e) {
+  if (e === "light" || e === "dark")
+    return e;
+  if (typeof document > "u")
+    return;
+  const r = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+  return T(void 0, r) ? "dark" : void 0;
+}
+function s(e, r) {
+  const n = document.createElement("div");
+  n.className = "x-modal-service-container";
+  const l = C({
+    visible: !0,
+    theme: f(e.theme),
+    closable: !0,
+    mask: !0,
+    footer: !0,
+    maskClosable: !0,
+    alignCenter: !0,
+    escToClose: !0,
+    draggable: !1,
+    fullscreen: !1,
+    hideCancel: !1,
+    simple: !1,
+    renderToBody: !1,
+    unmountOnClose: !0,
+    ...e
+  });
+  let d = !1;
+  const v = () => {
+    d || (d = !0, p(null, n), n.remove());
+  }, m = b(
+    {
+      setup() {
+        return () => {
+          const a = {
+            ...l,
+            visible: l.visible,
+            footer: typeof e.footer == "boolean" ? e.footer : void 0,
+            "onUpdate:visible": (t) => {
+              l.visible = t;
+            },
+            onOk: (t) => {
+              var o;
+              l.visible = !1, (o = e.onOk) == null || o.call(e, t);
+            },
+            onCancel: (t) => {
+              var o;
+              l.visible = !1, (o = e.onCancel) == null || o.call(e, t);
+            },
+            onOpen: () => {
+              var t;
+              (t = e.onOpen) == null || t.call(e);
+            },
+            onClose: async () => {
+              var t;
+              await c(), v(), (t = e.onClose) == null || t.call(e);
+            },
+            onBeforeOpen: () => {
+              var t;
+              (t = e.onBeforeOpen) == null || t.call(e);
+            },
+            onBeforeClose: () => {
+              var t;
+              (t = e.onBeforeClose) == null || t.call(e);
+            }
+          };
+          return y(h, a, {
+            default: u(e.content),
+            title: u(e.title),
+            footer: typeof e.footer != "boolean" ? u(e.footer) : void 0
+          });
+        };
+      }
+    }
+  ), i = r ?? k._context;
+  return i && (m.appContext = i), p(m, n), document.body.appendChild(n), {
+    close: () => {
+      l.visible = !1;
+    },
+    update: (a) => {
+      Object.entries(a).forEach(([t, o]) => {
+        l[t] = o;
+      });
+    }
+  };
+}
+const k = {
+  open(e, r) {
+    return s(e, r);
+  },
+  confirm(e, r) {
+    return s(
+      {
+        simple: !0,
+        messageType: "warning",
+        ...e
+      },
+      r
+    );
+  },
+  info(e, r) {
+    return s(
+      {
+        simple: !0,
+        hideCancel: !0,
+        messageType: "info",
+        ...e
+      },
+      r
+    );
+  },
+  success(e, r) {
+    return s(
+      {
+        simple: !0,
+        hideCancel: !0,
+        messageType: "success",
+        ...e
+      },
+      r
+    );
+  },
+  warning(e, r) {
+    return s(
+      {
+        simple: !0,
+        hideCancel: !0,
+        messageType: "warning",
+        ...e
+      },
+      r
+    );
+  },
+  error(e, r) {
+    return s(
+      {
+        simple: !0,
+        hideCancel: !0,
+        messageType: "error",
+        ...e
+      },
+      r
+    );
+  },
+  _context: null
+};
+export {
+  k as Modal
+};

package/dist/components/XNotification.vue.js

@@ -0,0 +1,7 @@
+import o from "./XNotification.vue2.js";
+/* empty css                   */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ff4c846d"]]);
+export {
+  a as default
+};

package/dist/components/XNotification.vue2.js

@@ -0,0 +1,107 @@
+import { defineComponent as m, computed as g, onMounted as k, onUpdated as _, onUnmounted as L, openBlock as t, createElementBlock as o, normalizeClass as x, createElementVNode as c, renderSlot as n, createCommentVNode as s, createVNode as b, unref as M } from "vue";
+import u from "../iconfont/generated/icons/guanbi.js";
+import V from "./XIcon.js";
+import "./XIconLite.js";
+import { XIconRegistry as f } from "./x-icon-shared.js";
+const y = {
+  key: 0,
+  class: "x-notification__left"
+}, H = { class: "x-notification__icon" }, B = ["innerHTML"], Z = { class: "x-notification__right" }, $ = {
+  key: 0,
+  class: "x-notification__title"
+}, T = {
+  key: 1,
+  class: "x-notification__content"
+}, I = {
+  key: 2,
+  class: "x-notification__footer"
+}, N = {
+  class: "x-notification__close-icon-wrap",
+  role: "button",
+  "aria-label": "close"
+}, A = /* @__PURE__ */ m({
+  __name: "XNotification",
+  props: {
+    type: { default: "info" },
+    showIcon: { type: Boolean, default: !0 },
+    closable: { type: Boolean, default: !1 },
+    duration: { default: 3e3 },
+    resetOnUpdate: { type: Boolean, default: !1 }
+  },
+  emits: ["close"],
+  setup(i, { emit: h }) {
+    const l = i, w = h;
+    f.has("guanbi") || f.register("guanbi", {
+      viewBox: u.viewBox,
+      content: u.content
+    });
+    const v = {
+      info: '<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="4"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM26 14C26 13.4477 25.5523 13 25 13H23C22.4477 13 22 13.4477 22 14V16C22 16.5523 22.4477 17 23 17H25C25.5523 17 26 16.5523 26 16V14ZM26 31H27C27.5523 31 28 31.4477 28 32V34C28 34.5523 27.5523 35 27 35H21C20.4477 35 20 34.5523 20 34V32C20 31.4477 20.4477 31 21 31H22V23C21.4477 23 21 22.5523 21 22V20C21 19.4477 21.4477 19 22 19H25C25.5523 19 26 19.4477 26 20V31Z" fill="currentColor" stroke="none" stroke-width="none" stroke-linecap="butt"></path></svg>',
+      success: '<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="4"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM34.2073 19.6214C34.5978 19.2308 34.5978 18.5977 34.2073 18.2071L32.793 16.7929C32.4025 16.4024 31.7694 16.4024 31.3788 16.7929L22.0002 26.1716L17.1215 21.2929C16.7309 20.9024 16.0978 20.9024 15.7073 21.2929L14.293 22.7071C13.9025 23.0977 13.9025 23.7308 14.293 24.1213L21.293 31.1213C21.6836 31.5119 22.3167 31.5119 22.7073 31.1213L34.2073 19.6214Z" fill="currentColor" stroke="none" stroke-width="none" stroke-linecap="butt"></path></svg>',
+      warning: '<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="4"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM22 33C22 33.5523 22.4477 34 23 34H25C25.5523 34 26 33.5523 26 33V31C26 30.4477 25.5523 30 25 30H23C22.4477 30 22 30.4477 22 31V33ZM26 15C26 14.4477 25.5523 14 25 14H23C22.4477 14 22 14.4477 22 15L22 27C22 27.5523 22.4477 28 23 28H25C25.5523 28 26 27.5523 26 27L26 15Z" fill="currentColor" stroke="none" stroke-width="none" stroke-linecap="butt"></path></svg>',
+      error: '<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="4"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM28.9547 16.2287L24.005 21.1785L19.0552 16.2287C18.6647 15.8382 18.0315 15.8382 17.641 16.2287L16.2268 17.6429C15.8363 18.0335 15.8363 18.6666 16.2268 19.0571L21.1765 24.0069L16.2268 28.9566C15.8363 29.3472 15.8363 29.9803 16.2268 30.3708L17.641 31.7851C18.0315 32.1756 18.6647 32.1756 19.0552 31.7851L24.005 26.8353L28.9547 31.7851C29.3452 32.1756 29.9784 32.1756 30.3689 31.7851L31.7831 30.3708C32.1737 29.9803 32.1737 29.3472 31.7831 28.9566L26.8334 24.0069L31.7831 19.0571C32.1737 18.6666 32.1737 18.0335 31.7831 17.6429L30.3689 16.2287C29.9784 15.8382 29.3452 15.8382 28.9547 16.2287Z" fill="currentColor" stroke="none" stroke-width="none" stroke-linecap="butt"></path></svg>'
+    }, p = g(() => v[l.type]);
+    let r = 0;
+    const a = () => {
+      w("close");
+    }, d = () => {
+      r && (window.clearTimeout(r), r = 0);
+    }, C = () => {
+      d(), l.duration > 0 && (r = window.setTimeout(a, l.duration));
+    };
+    return k(() => {
+      C();
+    }), _(() => {
+      l.resetOnUpdate && C();
+    }), L(() => {
+      d();
+    }), (e, S) => (t(), o("li", {
+      role: "alert",
+      class: x(["x-notification", [
+        `x-notification--${i.type}`,
+        { "x-notification--closable": i.closable }
+      ]])
+    }, [
+      i.showIcon ? (t(), o("div", y, [
+        c("div", H, [
+          n(e.$slots, "icon", {}, () => [
+            c("span", {
+              class: "x-notification__status-svg",
+              innerHTML: p.value
+            }, null, 8, B)
+          ], !0)
+        ])
+      ])) : s("", !0),
+      c("div", Z, [
+        e.$slots.default ? (t(), o("div", $, [
+          n(e.$slots, "default", {}, void 0, !0)
+        ])) : s("", !0),
+        e.$slots.content ? (t(), o("div", T, [
+          n(e.$slots, "content", {}, void 0, !0)
+        ])) : s("", !0),
+        e.$slots.footer ? (t(), o("div", I, [
+          n(e.$slots, "footer", {}, void 0, !0)
+        ])) : s("", !0)
+      ]),
+      i.closable ? (t(), o("div", {
+        key: 1,
+        class: "x-notification__close-btn",
+        onClick: a
+      }, [
+        n(e.$slots, "closeIconElement", {}, () => [
+          c("span", N, [
+            n(e.$slots, "closeIcon", {}, () => [
+              b(M(V), {
+                name: "guanbi",
+                size: 12
+              })
+            ], !0)
+          ])
+        ], !0)
+      ])) : s("", !0)
+    ], 2));
+  }
+});
+export {
+  A as default
+};