vue-amazing-ui 2.2.11 → 2.2.13

package/es/inputnumber/InputNumber.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as x, computed as v, watch as R, nextTick as U, createElementBlock as V, openBlock as k, normalizeStyle as W, normalizeClass as h, createElementVNode as i, createCommentVNode as T, withDirectives as O, renderSlot as j, createTextVNode as q, toDisplayString as G, withKeys as N, withModifiers as C, vModelText as H } from "vue";
+import { defineComponent as P, ref as x, computed as m, watch as R, nextTick as U, createElementBlock as V, openBlock as k, normalizeStyle as W, normalizeClass as h, createElementVNode as r, createCommentVNode as T, withDirectives as O, renderSlot as j, createTextVNode as q, toDisplayString as G, withKeys as N, withModifiers as C, vModelText as H } from "vue";
 import { useSlotsExist as J, add as S } from "../utils/index.js";
 const Q = { class: "input-number-wrap" }, X = {
   key: 0,
@@ -22,20 +22,20 @@ const Q = { class: "input-number-wrap" }, X = {
   },
   emits: ["update:value", "change", "enter"],
   setup(F, { emit: M }) {
-    const n = F, u = x(), r = x(), m = M, z = J(["prefix"]), B = v(() => typeof n.width == "number" ? `${n.width}px` : n.width), s = v(() => {
+    const n = F, u = x(), i = x(), v = M, z = J(["prefix"]), B = m(() => typeof n.width == "number" ? `${n.width}px` : n.width), s = m(() => {
       var t;
       const e = ((t = String(n.step).split(".")[1]) == null ? void 0 : t.length) || 0;
       return Math.max(n.precision, e);
-    }), E = v(() => z.prefix || n.prefix), w = v(() => "lazy" in n.valueModifiers);
+    }), E = m(() => z.prefix || n.prefix), b = m(() => "lazy" in n.valueModifiers);
     R(
       () => [n.value, s.value, n.formatter],
       async () => {
         if (n.value !== void 0)
           if (u.value) {
-            const { selectionStart: e, selectionEnd: t, value: a } = u.value, l = a.slice(0, e), o = a.slice(t);
-            r.value = p(), await U(), I(e, l, o);
+            const { selectionStart: e, selectionEnd: t, value: a } = u.value, o = a.slice(0, e), l = a.slice(t);
+            i.value = p(), await U(), I(e, o, l);
           } else
-            r.value = p();
+            i.value = p();
       },
       {
         immediate: !0,
@@ -44,20 +44,20 @@ const Q = { class: "input-number-wrap" }, X = {
       }
     );
     function I(e, t, a) {
-      const { value: l } = u.value;
-      let o = l.length;
-      if (l.endsWith(a))
-        o = l.length - a.length;
-      else if (l.startsWith(t))
-        o = t.length;
+      const { value: o } = u.value;
+      let l = o.length;
+      if (o.endsWith(a))
+        l = o.length - a.length;
+      else if (o.startsWith(t))
+        l = t.length;
       else {
-        const A = t[e - 1], y = l.indexOf(A, e - 1);
-        y !== -1 && (o = y + 1);
+        const A = t[e - 1], y = o.indexOf(A, e - 1);
+        y !== -1 && (l = y + 1);
       }
-      u.value.setSelectionRange(o, o);
+      u.value.setSelectionRange(l, l);
     }
     function f(e) {
-      m("update:value", e), m("change", e);
+      v("update:value", e), v("change", e);
     }
     function p() {
       var e, t;
@@ -69,14 +69,14 @@ const Q = { class: "input-number-wrap" }, X = {
     }
     function c(e) {
       if (Number.isNaN(parseFloat(e)))
-        n.value ? r.value = p() : n.formatter && (r.value = n.formatter(e));
+        n.value ? i.value = p() : n.formatter && (i.value = n.formatter(e));
       else {
         const t = d(e);
-        t !== n.value ? f(t) : r.value = p();
+        t !== n.value ? f(t) : i.value = p();
       }
     }
     function L(e) {
-      if (!w.value) {
+      if (!b.value) {
         const t = e.target, a = n.parser ? String(n.parser(t.value)) : t.value;
         a && !Number.isNaN(d(a)) && d(a) !== n.value && c(a), !a && n.value !== void 0 && f(void 0);
       }
@@ -86,15 +86,15 @@ const Q = { class: "input-number-wrap" }, X = {
       c(a);
     }
     function D(e) {
-      e.key === "ArrowUp" && b(), e.key === "ArrowDown" && g();
+      e.key === "ArrowUp" && w(), e.key === "ArrowDown" && g();
     }
     function K(e) {
-      if (m("enter", e), w.value) {
+      if (v("enter", e), b.value) {
         const t = e.target, a = n.parser ? String(n.parser(t.value)) : t.value;
         c(a);
       }
     }
-    function b() {
+    function w() {
       const e = Math.min(n.max, S(n.value || 0, +n.step)).toFixed(s.value);
       f(d(e));
     }
@@ -105,22 +105,28 @@ const Q = { class: "input-number-wrap" }, X = {
     return (e, t) => (k(), V("div", {
       tabindex: "1",
       class: h(["m-input-number", { "input-number-disabled": e.disabled }]),
-      style: W(`width: ${B.value};`)
+      style: W(`
+      --input-number-width: ${B.value};
+      --input-number-primary-color: #1677ff;
+      --input-number-primary-color-hover: #4096ff;
+      --input-number-primary-color-focus: #4096ff;
+      --input-number-primary-shadow-color: rgba(5, 145, 255, 0.1);
+    `)
     }, [
-      i("div", Q, [
+      r("div", Q, [
         E.value ? (k(), V("span", X, [
           j(e.$slots, "prefix", {}, () => [
             q(G(e.prefix), 1)
           ], !0)
         ])) : T("", !0),
-        O(i("input", {
+        O(r("input", {
           ref_key: "inputRef",
           ref: u,
           class: "input-number",
           autocomplete: "off",
           disabled: e.disabled,
           placeholder: e.placeholder,
-          "onUpdate:modelValue": t[0] || (t[0] = (a) => r.value = a),
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => i.value = a),
           onInput: L,
           onChange: $,
           onKeydown: [
@@ -130,15 +136,15 @@ const Q = { class: "input-number-wrap" }, X = {
             N(C(K, ["prevent"]), ["enter"])
           ]
         }, null, 40, Y), [
-          [H, r.value]
+          [H, i.value]
         ])
       ]),
-      i("div", Z, [
-        i("span", {
+      r("div", Z, [
+        r("span", {
           class: h(["input-number-arrow up-arrow", { "arrow-disabled": (e.value || 0) >= e.max }]),
-          onClick: t[3] || (t[3] = (a) => (e.value || 0) >= e.max ? () => !1 : b())
+          onClick: t[3] || (t[3] = (a) => (e.value || 0) >= e.max ? () => !1 : w())
         }, t[5] || (t[5] = [
-          i("svg", {
+          r("svg", {
             class: "icon-svg",
             focusable: "false",
             "data-icon": "up",
@@ -148,14 +154,14 @@ const Q = { class: "input-number-wrap" }, X = {
             "aria-hidden": "true",
             viewBox: "64 64 896 896"
           }, [
-            i("path", { d: "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z" })
+            r("path", { d: "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z" })
           ], -1)
         ]), 2),
-        i("span", {
+        r("span", {
           class: h(["input-number-arrow down-arrow", { "arrow-disabled": (e.value || 0) <= e.min }]),
           onClick: t[4] || (t[4] = (a) => (e.value || 0) <= e.min ? () => !1 : g())
         }, t[6] || (t[6] = [
-          i("svg", {
+          r("svg", {
             class: "icon-svg",
             focusable: "false",
             "data-icon": "down",
@@ -165,7 +171,7 @@ const Q = { class: "input-number-wrap" }, X = {
             "aria-hidden": "true",
             viewBox: "64 64 896 896"
           }, [
-            i("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" })
+            r("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" })
           ], -1)
         ]), 2)
       ])

package/es/inputsearch/InputSearch.css

@@ -1 +1 @@
-.m-input-search[data-v-f317898c]{width:100%;position:relative;display:inline-flex;align-items:center}.m-input-search .input-search-addon-before[data-v-f317898c]{display:inline-flex;justify-content:center;align-items:center;position:relative;padding:0 11px;color:#000000e0;font-weight:400;font-size:14px;line-height:1.57142857;text-align:center;background-color:#00000005;border:1px solid #d9d9d9;border-radius:6px 0 0 6px;border-right:0;transition:all .3s}.m-input-search .input-search-addon-before[data-v-f317898c] svg{fill:currentColor}.m-input-search .addon-before-small[data-v-f317898c]{height:24px}.m-input-search .addon-before-middle[data-v-f317898c]{height:32px}.m-input-search .addon-before-small[data-v-f317898c]{height:40px}.m-input-search .input-search-wrap[data-v-f317898c]{font-size:14px;color:#000000e0;line-height:1.57142857;position:relative;display:inline-flex;width:100%;min-width:0;background-color:#fff;border:1px solid #d9d9d9;transition:all .2s}.m-input-search .input-search-wrap[data-v-f317898c]:hover{border-color:#4096ff;border-right-width:1px;z-index:1}.m-input-search .input-search-wrap[data-v-f317898c]:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #0591ff1a;border-right-width:1px;outline:0;z-index:1}.m-input-search .input-search-wrap .input-search-prefix[data-v-f317898c]{margin-right:4px;display:flex;flex:none;align-items:center}.m-input-search .input-search-wrap .input-search-prefix[data-v-f317898c] svg{fill:currentColor}.m-input-search .input-search-wrap .input-search[data-v-f317898c]{font-size:14px;color:inherit;line-height:1.57142857;position:relative;display:inline-block;width:100%;min-width:0;background-color:#fff;border:none;outline:none;text-overflow:ellipsis;transition:all .2s}.m-input-search .input-search-wrap input[data-v-f317898c]::-webkit-input-placeholder{color:#00000040}.m-input-search .input-search-wrap input[data-v-f317898c]:-moz-placeholder{color:#00000040}.m-input-search .input-search-wrap input[data-v-f317898c]::-moz-placeholder{color:#00000040}.m-input-search .input-search-wrap input[data-v-f317898c]:-ms-input-placeholder{color:#00000040}.m-input-search .input-search-wrap .input-search-suffix[data-v-f317898c]{margin-left:4px;display:flex;flex:none;gap:8px;align-items:center}.m-input-search .input-search-wrap .input-search-suffix .input-search-clear[data-v-f317898c]{display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.m-input-search .input-search-wrap .input-search-suffix .input-search-clear .clear-svg[data-v-f317898c]{display:inline-block;font-size:12px;color:#00000040;fill:currentColor;transition:color .3s}.m-input-search .input-search-wrap .input-search-suffix .input-search-clear .clear-svg[data-v-f317898c]:hover{color:#00000073}.m-input-search .input-search-wrap .input-search-suffix .clear-hidden[data-v-f317898c]{visibility:hidden}.m-input-search .input-search-wrap .input-search-suffix .input-search-count[data-v-f317898c]{color:#00000073}.m-input-search .input-search-wrap .input-search-suffix .suffix-item[data-v-f317898c]{display:flex;flex:none;align-items:center}.m-input-search .input-search-wrap .input-search-suffix .suffix-item[data-v-f317898c] svg{fill:currentColor}.m-input-search .input-search-small[data-v-f317898c]{height:24px;padding:0 7px;border-radius:4px 0 0 4px}.m-input-search .input-search-middle[data-v-f317898c]{height:32px;padding:4px 11px;border-radius:6px 0 0 6px}.m-input-search .input-search-large[data-v-f317898c]{height:40px;padding:7px 11px;font-size:16px;line-height:1.5;border-radius:8px 0 0 8px}.m-input-search .input-search-large .input-search[data-v-f317898c]{font-size:16px;line-height:1.5}.m-input-search .input-search-before[data-v-f317898c]{border-top-left-radius:0;border-bottom-left-radius:0}.m-input-search .input-search-disabled[data-v-f317898c]{color:#00000040;background-color:#0000000a;cursor:not-allowed}.m-input-search .input-search-disabled[data-v-f317898c]:hover{border-color:#d9d9d9}.m-input-search .input-search-disabled[data-v-f317898c]:focus-within{border-color:#d9d9d9;box-shadow:none}.m-input-search .input-search-disabled .input-search[data-v-f317898c]{color:#00000040;background-color:transparent;cursor:not-allowed}.m-input-search .input-search-button[data-v-f317898c]{position:relative;left:-1px;border-left:0;color:#000000e0;font-weight:400;font-size:14px;text-align:center;background-color:#00000005;border-radius:0 6px 6px 0;transition:all .3s;line-height:1}.m-input-search .input-search-button[data-v-f317898c] .m-btn{padding-top:0;padding-bottom:0;border-radius:0 6px 6px 0}.m-input-search .input-search-button[data-v-f317898c] .m-btn:not(.btn-primary):not(.btn-danger):not(.btn-link):not(.btn-disabled){color:#00000073}
+.m-input-search[data-v-6cf7da04]{width:var(--input-search-width);position:relative;display:inline-flex;align-items:center}.m-input-search .input-search-addon-before[data-v-6cf7da04]{display:inline-flex;justify-content:center;align-items:center;position:relative;padding:0 11px;color:#000000e0;font-weight:400;font-size:14px;line-height:1.57142857;text-align:center;background-color:#00000005;border:1px solid #d9d9d9;border-radius:6px 0 0 6px;border-right:0;transition:all .3s}.m-input-search .input-search-addon-before[data-v-6cf7da04] svg{fill:currentColor}.m-input-search .addon-before-small[data-v-6cf7da04]{height:24px}.m-input-search .addon-before-middle[data-v-6cf7da04]{height:32px}.m-input-search .addon-before-small[data-v-6cf7da04]{height:40px}.m-input-search .input-search-wrap[data-v-6cf7da04]{font-size:14px;color:#000000e0;line-height:1.57142857;position:relative;display:inline-flex;width:100%;min-width:0;background-color:#fff;border:1px solid #d9d9d9;transition:all .2s}.m-input-search .input-search-wrap[data-v-6cf7da04]:hover{border-color:var(--input-search-primary-color-hover);border-right-width:1px;z-index:1}.m-input-search .input-search-wrap[data-v-6cf7da04]:focus-within{border-color:var(--input-search-primary-color-focus);box-shadow:0 0 0 2px var(--input-search-primary-shadow-color);border-right-width:1px;outline:0;z-index:1}.m-input-search .input-search-wrap .input-search-prefix[data-v-6cf7da04]{margin-right:4px;display:flex;flex:none;align-items:center}.m-input-search .input-search-wrap .input-search-prefix[data-v-6cf7da04] svg{fill:currentColor}.m-input-search .input-search-wrap .input-search[data-v-6cf7da04]{font-size:14px;color:inherit;line-height:1.57142857;position:relative;display:inline-block;width:100%;min-width:0;background-color:#fff;border:none;outline:none;text-overflow:ellipsis;transition:all .2s}.m-input-search .input-search-wrap input[data-v-6cf7da04]::-webkit-input-placeholder{color:#00000040}.m-input-search .input-search-wrap input[data-v-6cf7da04]:-moz-placeholder{color:#00000040}.m-input-search .input-search-wrap input[data-v-6cf7da04]::-moz-placeholder{color:#00000040}.m-input-search .input-search-wrap input[data-v-6cf7da04]:-ms-input-placeholder{color:#00000040}.m-input-search .input-search-wrap .input-search-suffix[data-v-6cf7da04]{margin-left:4px;display:flex;flex:none;gap:8px;align-items:center}.m-input-search .input-search-wrap .input-search-suffix .input-search-clear[data-v-6cf7da04]{display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.m-input-search .input-search-wrap .input-search-suffix .input-search-clear .clear-svg[data-v-6cf7da04]{display:inline-block;font-size:12px;color:#00000040;fill:currentColor;transition:color .3s}.m-input-search .input-search-wrap .input-search-suffix .input-search-clear .clear-svg[data-v-6cf7da04]:hover{color:#00000073}.m-input-search .input-search-wrap .input-search-suffix .clear-hidden[data-v-6cf7da04]{visibility:hidden}.m-input-search .input-search-wrap .input-search-suffix .input-search-count[data-v-6cf7da04]{color:#00000073}.m-input-search .input-search-wrap .input-search-suffix .suffix-item[data-v-6cf7da04]{display:flex;flex:none;align-items:center}.m-input-search .input-search-wrap .input-search-suffix .suffix-item[data-v-6cf7da04] svg{fill:currentColor}.m-input-search .input-search-small[data-v-6cf7da04]{height:24px;padding:0 7px;border-radius:4px 0 0 4px}.m-input-search .input-search-middle[data-v-6cf7da04]{height:32px;padding:4px 11px;border-radius:6px 0 0 6px}.m-input-search .input-search-large[data-v-6cf7da04]{height:40px;padding:7px 11px;font-size:16px;line-height:1.5;border-radius:8px 0 0 8px}.m-input-search .input-search-large .input-search[data-v-6cf7da04]{font-size:16px;line-height:1.5}.m-input-search .input-search-before[data-v-6cf7da04]{border-top-left-radius:0;border-bottom-left-radius:0}.m-input-search .input-search-disabled[data-v-6cf7da04]{color:#00000040;background-color:#0000000a;cursor:not-allowed}.m-input-search .input-search-disabled[data-v-6cf7da04]:hover{border-color:#d9d9d9}.m-input-search .input-search-disabled[data-v-6cf7da04]:focus-within{border-color:#d9d9d9;box-shadow:none}.m-input-search .input-search-disabled .input-search[data-v-6cf7da04]{color:#00000040;background-color:transparent;cursor:not-allowed}.m-input-search .input-search-button[data-v-6cf7da04]{position:relative;left:-1px;border-left:0;color:#000000e0;font-weight:400;font-size:14px;text-align:center;background-color:#00000005;border-radius:0 6px 6px 0;transition:all .3s;line-height:1}.m-input-search .input-search-button[data-v-6cf7da04] .m-btn{padding-top:0;padding-bottom:0;border-radius:0 6px 6px 0}.m-input-search .input-search-button[data-v-6cf7da04] .m-btn:not(.btn-primary):not(.btn-danger):not(.btn-link):not(.btn-disabled){color:#00000073}

package/es/inputsearch/InputSearch.vue.js

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

package/es/inputsearch/InputSearch.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as V, ref as R, computed as s, createElementBlock as o, openBlock as l, normalizeStyle as D, createCommentVNode as u, createElementVNode as r, normalizeClass as h, renderSlot as i, createTextVNode as f, toDisplayString as d, withKeys as b, withModifiers as B, createVNode as T, unref as W, mergeProps as j, createSlots as q, withCtx as z } from "vue";
+import { defineComponent as V, ref as R, computed as s, createElementBlock as n, openBlock as l, normalizeStyle as D, createCommentVNode as i, createElementVNode as r, normalizeClass as h, renderSlot as u, createTextVNode as f, toDisplayString as d, withKeys as b, withModifiers as B, createVNode as T, unref as W, mergeProps as j, createSlots as q, withCtx as z } from "vue";
 import A from "../button/index.js";
 import { useSlotsExist as F } from "../utils/index.js";
 const G = {
@@ -35,41 +35,47 @@ const G = {
   },
   emits: ["update:value", "change", "search"],
   setup(S, { emit: k }) {
-    const a = S, p = R(), c = F(["prefix", "suffix", "addonBefore"]), n = k, x = s(() => typeof a.width == "number" ? `${a.width}px` : a.width), v = s(() => !a.disabled && a.allowClear), $ = s(() => a.maxlength ? (a.value ? a.value.length : 0) + " / " + a.maxlength : a.value ? a.value.length : 0), E = s(() => c.prefix || a.prefix), m = s(() => c.suffix || a.suffix), M = s(() => v.value || a.showCount || m.value), g = s(() => c.addonBefore || a.addonBefore), w = s(() => "lazy" in a.valueModifiers);
+    const a = S, p = R(null), c = F(["prefix", "suffix", "addonBefore"]), o = k, x = s(() => typeof a.width == "number" ? `${a.width}px` : a.width), v = s(() => !a.disabled && a.allowClear), $ = s(() => a.maxlength ? (a.value ? a.value.length : 0) + " / " + a.maxlength : a.value ? a.value.length : 0), E = s(() => c.prefix || a.prefix), m = s(() => c.suffix || a.suffix), M = s(() => v.value || a.showCount || m.value), g = s(() => c.addonBefore || a.addonBefore), w = s(() => "lazy" in a.valueModifiers);
     function I(e) {
       const t = e.target;
-      w.value || (n("update:value", t.value), n("change", e));
+      w.value || (o("update:value", t.value), o("change", e));
     }
     function K(e) {
       const t = e.target;
-      t.value !== a.value && (n("update:value", t.value), n("change", e));
+      t.value !== a.value && (o("update:value", t.value), o("change", e));
     }
     function L() {
-      n("update:value", ""), p.value.focus();
+      var e;
+      o("update:value", ""), (e = p.value) == null || e.focus();
     }
     async function N(e) {
       var C;
       const t = e.target;
-      if (n("search", t.value, e), w.value) {
+      if (o("search", t.value, e), w.value) {
         const P = new Event("change");
         (C = e.target) == null || C.dispatchEvent(P);
       }
     }
     function y(e) {
-      n("search", a.value, e);
+      o("search", a.value, e);
     }
-    return (e, t) => (l(), o("div", {
+    return (e, t) => (l(), n("div", {
       class: "m-input-search",
-      style: D(`width: ${x.value};`)
+      style: D(`
+      --input-search-width: ${x.value};
+      --input-search-primary-color-hover: #4096ff;
+      --input-search-primary-color-focus: #4096ff;
+      --input-search-primary-shadow-color: rgba(5, 145, 255, 0.1);
+    `)
     }, [
-      g.value ? (l(), o("span", {
+      g.value ? (l(), n("span", {
         key: 0,
         class: h(["input-search-addon-before", `addon-before-${e.size}`])
       }, [
-        i(e.$slots, "addonBefore", {}, () => [
+        u(e.$slots, "addonBefore", {}, () => [
           f(d(e.addonBefore), 1)
         ], !0)
-      ], 2)) : u("", !0),
+      ], 2)) : i("", !0),
       r("div", {
         tabindex: "1",
         class: h(["input-search-wrap", [
@@ -80,11 +86,11 @@ const G = {
           }
         ]])
       }, [
-        E.value ? (l(), o("span", G, [
-          i(e.$slots, "prefix", {}, () => [
+        E.value ? (l(), n("span", G, [
+          u(e.$slots, "prefix", {}, () => [
             f(d(e.prefix), 1)
           ], !0)
-        ])) : u("", !0),
+        ])) : i("", !0),
         r("input", {
           ref_key: "inputRef",
           ref: p,
@@ -98,8 +104,8 @@ const G = {
           onChange: K,
           onKeydown: b(B(N, ["prevent"]), ["enter"])
         }, null, 40, H),
-        M.value ? (l(), o("span", J, [
-          v.value ? (l(), o("span", {
+        M.value ? (l(), n("span", J, [
+          v.value ? (l(), n("span", {
             key: 0,
             class: h(["input-search-clear", { "clear-hidden": !e.value }]),
             onClick: L
@@ -116,21 +122,21 @@ const G = {
             }, [
               r("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" })
             ], -1)
-          ]), 2)) : u("", !0),
-          e.showCount ? (l(), o("span", O, d($.value), 1)) : u("", !0),
-          m.value ? (l(), o("span", Q, [
-            i(e.$slots, "suffix", {}, () => [
+          ]), 2)) : i("", !0),
+          e.showCount ? (l(), n("span", O, d($.value), 1)) : i("", !0),
+          m.value ? (l(), n("span", Q, [
+            u(e.$slots, "suffix", {}, () => [
               f(d(e.suffix), 1)
             ], !0)
-          ])) : u("", !0)
-        ])) : u("", !0)
+          ])) : i("", !0)
+        ])) : i("", !0)
       ], 2),
       r("span", {
         class: "input-search-button",
         onClick: y,
         onKeydown: b(B(y, ["prevent"]), ["enter"])
       }, [
-        i(e.$slots, "search", {}, () => [
+        u(e.$slots, "search", {}, () => [
           T(W(A), j({
             class: "search-btn",
             size: e.size,
@@ -145,7 +151,7 @@ const G = {
             e.icon ? {
               name: "icon",
               fn: z(() => [
-                i(e.$slots, "icon", {}, () => [
+                u(e.$slots, "icon", {}, () => [
                   t[1] || (t[1] = r("svg", {
                     focusable: "false",
                     "data-icon": "search",

package/es/message/Message.css

@@ -1 +1 @@
-.slide-fade-move[data-v-dd26a6a6],.slide-fade-enter-active[data-v-dd26a6a6],.slide-fade-leave-active[data-v-dd26a6a6]{transition:all .3s cubic-bezier(.78,.14,.15,.86)}.slide-fade-enter-from[data-v-dd26a6a6],.slide-fade-leave-to[data-v-dd26a6a6]{transform:translateY(-100%);opacity:0}.slide-fade-leave-active[data-v-dd26a6a6]{position:absolute;left:0;right:0;margin:0 auto}.m-message[data-v-dd26a6a6]{font-size:14px;color:#000000e0;line-height:1.57142857;position:fixed;z-index:999;width:100%;left:0;right:0;pointer-events:none}.m-message .message-wrap[data-v-dd26a6a6]{text-align:center}.m-message .message-wrap[data-v-dd26a6a6]:not(:last-child){margin-bottom:8px}.m-message .message-wrap .message-content-wrap[data-v-dd26a6a6]{display:inline-flex;gap:8px;align-items:center;padding:9px 12px;background:#fff;border-radius:8px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;pointer-events:auto}.m-message .message-wrap .message-content-wrap[data-v-dd26a6a6] .icon-svg{display:inline-block;font-size:16px;fill:currentColor}.m-message .message-wrap .message-content-wrap .circle[data-v-dd26a6a6]{display:inline-block;stroke:currentColor;animation:loadingRotate-dd26a6a6 2s linear infinite}@keyframes loadingRotate-dd26a6a6{to{transform:rotate(360deg)}}.m-message .message-wrap .message-content-wrap .circle .path[data-v-dd26a6a6]{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:5;stroke-linecap:round;animation:loadingDash-dd26a6a6 1.5s ease-in-out infinite}@keyframes loadingDash-dd26a6a6{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.m-message .message-wrap .message-content-wrap .message-content[data-v-dd26a6a6]{display:inline-block}.m-message .message-wrap .icon-open[data-v-dd26a6a6] svg{fill:currentColor}.m-message .message-wrap .icon-info[data-v-dd26a6a6] svg,.m-message .message-wrap .icon-loading[data-v-dd26a6a6] svg{color:#1677ff;fill:currentColor}.m-message .message-wrap .icon-success[data-v-dd26a6a6] svg{color:#52c41a;fill:currentColor}.m-message .message-wrap .icon-warning[data-v-dd26a6a6] svg{color:#faad14;fill:currentColor}.m-message .message-wrap .icon-error[data-v-dd26a6a6] svg{color:#ff4d4f;fill:currentColor}
+.slide-fade-move[data-v-dc2f0631],.slide-fade-enter-active[data-v-dc2f0631],.slide-fade-leave-active[data-v-dc2f0631]{transition:all .3s cubic-bezier(.78,.14,.15,.86)}.slide-fade-enter-from[data-v-dc2f0631],.slide-fade-leave-to[data-v-dc2f0631]{transform:translateY(-100%);opacity:0}.slide-fade-leave-active[data-v-dc2f0631]{position:absolute;left:0;right:0;margin:0 auto}.m-message[data-v-dc2f0631]{font-size:14px;color:#000000e0;line-height:1.57142857;position:fixed;z-index:999;width:100%;left:0;right:0;pointer-events:none}.m-message .message-wrap[data-v-dc2f0631]{text-align:center}.m-message .message-wrap[data-v-dc2f0631]:not(:last-child){margin-bottom:8px}.m-message .message-wrap .message-content-wrap[data-v-dc2f0631]{display:inline-flex;gap:8px;align-items:center;padding:9px 12px;background:#fff;border-radius:8px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;pointer-events:auto}.m-message .message-wrap .message-content-wrap[data-v-dc2f0631] .icon-svg{display:inline-block;font-size:16px;fill:currentColor}.m-message .message-wrap .message-content-wrap .circle[data-v-dc2f0631]{display:inline-block;stroke:currentColor;animation:loadingRotate-dc2f0631 2s linear infinite}@keyframes loadingRotate-dc2f0631{to{transform:rotate(360deg)}}.m-message .message-wrap .message-content-wrap .circle .path[data-v-dc2f0631]{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:5;stroke-linecap:round;animation:loadingDash-dc2f0631 1.5s ease-in-out infinite}@keyframes loadingDash-dc2f0631{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.m-message .message-wrap .message-content-wrap .message-content[data-v-dc2f0631]{display:inline-block}.m-message .message-wrap .icon-open[data-v-dc2f0631] svg{fill:currentColor}.m-message .message-wrap .icon-info[data-v-dc2f0631] svg,.m-message .message-wrap .icon-loading[data-v-dc2f0631] svg{color:var(--message-primary-color);fill:currentColor}.m-message .message-wrap .icon-success[data-v-dc2f0631] svg{color:var(--message-success-color);fill:currentColor}.m-message .message-wrap .icon-warning[data-v-dc2f0631] svg{color:var(--message-warning-color);fill:currentColor}.m-message .message-wrap .icon-error[data-v-dc2f0631] svg{color:var(--message-error-color);fill:currentColor}

package/es/message/Message.vue.js

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

package/es/message/Message.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as F, ref as u, computed as G, watch as H, onBeforeUnmount as R, createElementBlock as c, openBlock as l, normalizeStyle as g, createVNode as U, TransitionGroup as j, withCtx as q, Fragment as A, renderList as J, withDirectives as K, normalizeClass as k, createElementVNode as i, createBlock as O, createCommentVNode as P, resolveDynamicComponent as Q, toDisplayString as W, vShow as X } from "vue";
-import { rafTimeout as z, cancelRaf as y } from "../utils/index.js";
+import { defineComponent as F, ref as s, computed as G, watch as H, onBeforeUnmount as R, createElementBlock as c, openBlock as t, normalizeStyle as C, createVNode as U, TransitionGroup as j, withCtx as q, Fragment as A, renderList as J, withDirectives as K, normalizeClass as k, createElementVNode as i, createBlock as O, createCommentVNode as P, resolveDynamicComponent as Q, toDisplayString as W, vShow as X } from "vue";
+import { rafTimeout as z, cancelRaf as g } from "../utils/index.js";
 const Y = ["onMouseenter", "onMouseleave", "onClick"], Z = {
   key: 1,
   class: "icon-svg",
@@ -48,7 +48,7 @@ const Y = ["onMouseenter", "onMouseleave", "onClick"], Z = {
   fill: "currentColor",
   class: "icon-svg circle",
   viewBox: "0 0 50 50"
-}, te = { class: "message-content" }, ie = /* @__PURE__ */ F({
+}, le = { class: "message-content" }, ie = /* @__PURE__ */ F({
   __name: "Message",
   props: {
     content: { default: void 0 },
@@ -57,34 +57,34 @@ const Y = ["onMouseenter", "onMouseleave", "onClick"], Z = {
   },
   emits: ["click", "close"],
   setup(M, { expose: _, emit: B }) {
-    const d = M, p = u(), s = u([]), r = u([]), n = u([]), f = u(null), w = B, h = u(), L = G(() => s.value.every((e) => !e));
+    const f = M, p = s(), u = s([]), r = s([]), n = s([]), d = s(null), y = B, m = s(), L = G(() => u.value.every((e) => !e));
     H(L, (e, o) => {
       !o && e && (p.value = z(() => {
-        n.value = [], s.value = [];
+        n.value = [], u.value = [];
       }, 300));
     }), R(() => {
       r.value.forEach((e) => {
-        e && y(e);
+        e && g(e);
       });
     });
     function S(e) {
-      r.value[e] && y(r.value[e]);
+      r.value[e] && g(r.value[e]);
     }
     function b(e) {
-      C(e);
+      w(e);
     }
     function $(e, o) {
-      n.value[o].onClick && n.value[o].onClick(), w("click", e);
+      n.value[o].onClick && n.value[o].onClick(), y("click", e);
     }
-    function C(e) {
-      f.value !== null && (r.value[e] = z(() => {
-        s.value[e] = !1, r.value[e] = null, n.value[e].onClose && n.value[e].onClose(), w("close");
-      }, f.value));
+    function w(e) {
+      d.value !== null && (r.value[e] = z(() => {
+        u.value[e] = !1, r.value[e] = null, n.value[e].onClose && n.value[e].onClose(), y("close");
+      }, d.value));
     }
     function a() {
-      p.value && y(p.value);
+      p.value && g(p.value);
       const e = n.value.length - 1, o = n.value[e];
-      o.top !== void 0 ? h.value = typeof o.top == "number" ? `${o.top}px` : o.top : h.value = typeof d.top == "number" ? `${d.top}px` : d.top, s.value[e] = !0, o.duration !== null ? (f.value = o.duration || d.duration, C(e)) : f.value = null;
+      o.top !== void 0 ? m.value = typeof o.top == "number" ? `${o.top}px` : o.top : m.value = typeof f.top == "number" ? `${f.top}px` : f.top, u.value[e] = !0, o.duration !== null ? (d.value = o.duration || f.duration, w(e)) : d.value = null;
     }
     function T(e) {
       typeof e == "string" ? n.value.push({
@@ -147,35 +147,41 @@ const Y = ["onMouseenter", "onMouseleave", "onClick"], Z = {
       error: E,
       warning: x,
       loading: N
-    }), (e, o) => (l(), c("div", {
+    }), (e, o) => (t(), c("div", {
       class: "m-message",
-      style: g(`top: ${h.value};`)
+      style: C(`
+      top: ${m.value};
+      --message-primary-color: #1677ff;
+      --message-success-color: #52c41a;
+      --message-warning-color: #faad14;
+      --message-error-color: #ff4d4f;
+    `)
     }, [
       U(j, { name: "slide-fade" }, {
         default: q(() => [
-          (l(!0), c(A, null, J(n.value, (t, v) => K((l(), c("div", {
-            class: k(["message-wrap", t.class]),
-            style: g(t.style),
+          (t(!0), c(A, null, J(n.value, (l, v) => K((t(), c("div", {
+            class: k(["message-wrap", l.class]),
+            style: C(l.style),
             key: v
           }, [
             i("div", {
-              class: k(["message-content-wrap", `icon-${t.mode}`]),
-              onMouseenter: (m) => S(v),
-              onMouseleave: (m) => b(v),
-              onClick: (m) => $(m, v)
+              class: k(["message-content-wrap", `icon-${l.mode}`]),
+              onMouseenter: (h) => S(v),
+              onMouseleave: (h) => b(v),
+              onClick: (h) => $(h, v)
             }, [
-              t.icon ? (l(), O(Q(t.icon), {
+              l.icon ? (t(), O(Q(l.icon), {
                 key: 0,
                 class: "icon-svg"
-              })) : t.mode === "info" ? (l(), c("svg", Z, o[0] || (o[0] = [
+              })) : l.mode === "info" ? (t(), c("svg", Z, o[0] || (o[0] = [
                 i("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" }, null, -1)
-              ]))) : t.mode === "success" ? (l(), c("svg", I, o[1] || (o[1] = [
+              ]))) : l.mode === "success" ? (t(), c("svg", I, o[1] || (o[1] = [
                 i("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" }, null, -1)
-              ]))) : t.mode === "error" ? (l(), c("svg", ee, o[2] || (o[2] = [
+              ]))) : l.mode === "error" ? (t(), c("svg", ee, o[2] || (o[2] = [
                 i("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }, null, -1)
-              ]))) : t.mode === "warning" ? (l(), c("svg", oe, o[3] || (o[3] = [
+              ]))) : l.mode === "warning" ? (t(), c("svg", oe, o[3] || (o[3] = [
                 i("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" }, null, -1)
-              ]))) : t.mode === "loading" ? (l(), c("svg", ne, o[4] || (o[4] = [
+              ]))) : l.mode === "loading" ? (t(), c("svg", ne, o[4] || (o[4] = [
                 i("circle", {
                   class: "path",
                   cx: "25",
@@ -184,10 +190,10 @@ const Y = ["onMouseenter", "onMouseleave", "onClick"], Z = {
                   fill: "none"
                 }, null, -1)
               ]))) : P("", !0),
-              i("div", te, W(t.content || e.content), 1)
+              i("div", le, W(l.content || e.content), 1)
             ], 42, Y)
           ], 6)), [
-            [X, s.value[v]]
+            [X, u.value[v]]
           ])), 128))
         ]),
         _: 1

package/es/modal/Modal.css

@@ -1 +1 @@
-.fade-enter-active[data-v-e710192a],.fade-leave-active[data-v-e710192a]{transition:opacity .2s linear}.fade-enter-from[data-v-e710192a],.fade-leave-to[data-v-e710192a]{opacity:0}.zoom-enter[data-v-e710192a]{transform:none;opacity:0;animation-duration:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-play-state:paused}.zoom-enter-active[data-v-e710192a]{animation-name:zoomIn-e710192a;animation-play-state:running}@keyframes zoomIn-e710192a{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.zoom-leave[data-v-e710192a]{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-leave-active[data-v-e710192a]{animation-name:zoomOut-e710192a;animation-play-state:running}@keyframes zoomOut-e710192a{0%{transform:scale(1);opacity:1}to{transform:scale(.2);opacity:0}}.modal-mask[data-v-e710192a]{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1000;background:#00000073}.m-modal-wrap[data-v-e710192a]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0;z-index:1010}.m-modal-wrap .m-modal[data-v-e710192a]{position:relative;margin:0 auto;color:#000000e0;font-size:14px;line-height:1.57142857;padding-bottom:24px;outline:none}.m-modal-wrap .m-modal .modal-body-wrap[data-v-e710192a]{position:relative;word-break:break-all;padding:20px 24px;background-color:#fff;border-radius:8px;width:auto;max-width:calc(100vw - 32px);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.m-modal-wrap .m-modal .modal-body-wrap .modal-body[data-v-e710192a]{display:flex;flex-wrap:wrap;align-items:center}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .modal-header[data-v-e710192a]{display:flex;align-items:center}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .modal-header[data-v-e710192a] .icon-svg{flex-shrink:0;align-self:flex-start;display:inline-block;margin-right:12px;margin-top:1px;font-size:22px;fill:currentColor}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .modal-header .modal-title[data-v-e710192a]{display:inline-block;font-size:16px;color:#000000e0;line-height:1.5;font-weight:600}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .modal-header[data-v-e710192a] svg{fill:currentColor}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .icon-confirm[data-v-e710192a],.m-modal-wrap .m-modal .modal-body-wrap .modal-body .icon-erase[data-v-e710192a]{color:#faad14}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .icon-info[data-v-e710192a]{color:#1677ff}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .icon-success[data-v-e710192a]{color:#52c41a}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .icon-error[data-v-e710192a]{color:#ff4d4f}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .icon-warning[data-v-e710192a]{color:#faad14}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .modal-content[data-v-e710192a]{flex-basis:100%;margin-top:8px;font-size:14px;color:#000000e0;margin-left:34px;max-width:calc(100% - 34px)}.m-modal-wrap .m-modal .modal-body-wrap .modal-btns[data-v-e710192a]{margin-top:12px;text-align:right}.m-modal-wrap .m-modal .modal-body-wrap .modal-btns .mr8[data-v-e710192a]{margin-right:8px}.flex-centered[data-v-e710192a]{display:flex;justify-content:center;align-items:center}.flex-centered .m-modal[data-v-e710192a]{padding-bottom:0}
+.fade-enter-active[data-v-2313a020],.fade-leave-active[data-v-2313a020]{transition:opacity .2s linear}.fade-enter-from[data-v-2313a020],.fade-leave-to[data-v-2313a020]{opacity:0}.zoom-enter[data-v-2313a020]{transform:none;opacity:0;animation-duration:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-play-state:paused}.zoom-enter-active[data-v-2313a020]{animation-name:zoomIn-2313a020;animation-play-state:running}@keyframes zoomIn-2313a020{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.zoom-leave[data-v-2313a020]{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-leave-active[data-v-2313a020]{animation-name:zoomOut-2313a020;animation-play-state:running}@keyframes zoomOut-2313a020{0%{transform:scale(1);opacity:1}to{transform:scale(.2);opacity:0}}.modal-mask[data-v-2313a020]{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1000;background:#00000073}.m-modal-wrap[data-v-2313a020]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0;z-index:1010}.m-modal-wrap .m-modal[data-v-2313a020]{position:relative;margin:0 auto;color:#000000e0;font-size:14px;line-height:1.57142857;padding-bottom:24px;outline:none}.m-modal-wrap .m-modal .modal-body-wrap[data-v-2313a020]{position:relative;word-break:break-all;padding:20px 24px;background-color:#fff;border-radius:8px;width:auto;max-width:calc(100vw - 32px);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.m-modal-wrap .m-modal .modal-body-wrap .modal-body[data-v-2313a020]{display:flex;flex-wrap:wrap;align-items:center}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .modal-header[data-v-2313a020]{display:flex;align-items:center}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .modal-header[data-v-2313a020] .icon-svg{flex-shrink:0;align-self:flex-start;display:inline-block;margin-right:12px;margin-top:1px;font-size:22px;fill:currentColor}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .modal-header .modal-title[data-v-2313a020]{display:inline-block;font-size:16px;color:#000000e0;line-height:1.5;font-weight:600}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .modal-header[data-v-2313a020] svg{fill:currentColor}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .icon-info[data-v-2313a020]{color:var(--modal-primary-color)}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .icon-success[data-v-2313a020]{color:var(--modal-success-color)}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .icon-error[data-v-2313a020]{color:var(--modal-error-color)}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .icon-warning[data-v-2313a020]{color:var(--modal-warning-color)}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .icon-confirm[data-v-2313a020]{color:var(--modal-confirm-color)}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .icon-erase[data-v-2313a020]{color:var(--modal-erase-color)}.m-modal-wrap .m-modal .modal-body-wrap .modal-body .modal-content[data-v-2313a020]{flex-basis:100%;margin-top:8px;font-size:14px;color:#000000e0;margin-left:34px;max-width:calc(100% - 34px)}.m-modal-wrap .m-modal .modal-body-wrap .modal-btns[data-v-2313a020]{margin-top:12px;text-align:right}.m-modal-wrap .m-modal .modal-body-wrap .modal-btns .mr8[data-v-2313a020]{margin-right:8px}.flex-centered[data-v-2313a020]{display:flex;justify-content:center;align-items:center}.flex-centered .m-modal[data-v-2313a020]{padding-bottom:0}

package/es/modal/Modal.vue.js

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