sinosoft-common-button 1.3.4 → 1.3.5

package/common-button.es.js

@@ -1,16 +1,16 @@
-import { openBlock as n, createElementBlock as f, createElementVNode as u, defineComponent as $, resolveComponent as g, createBlock as C, normalizeClass as v, normalizeStyle as a, withCtx as y, createCommentVNode as S, renderSlot as z, createVNode as w } from "vue";
+import { openBlock as c, createElementBlock as y, createElementVNode as m, defineComponent as ee, onUnmounted as te, resolveComponent as w, createBlock as T, normalizeClass as ie, normalizeStyle as u, withCtx as z, createCommentVNode as C, renderSlot as B, createVNode as R } from "vue";
 /*! Element Plus Icons Vue v2.1.0 */
-var _ = (t, e) => {
-  let r = t.__vccOpts || t;
-  for (let [o, i] of e)
-    r[o] = i;
-  return r;
-}, k = {
+var re = (e, t) => {
+  let i = e.__vccOpts || e;
+  for (let [r, o] of t)
+    i[r] = o;
+  return i;
+}, oe = {
   name: "Loading"
-}, x = {
+}, ne = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
-}, F = /* @__PURE__ */ u(
+}, le = /* @__PURE__ */ m(
   "path",
   {
     fill: "currentColor",
@@ -19,109 +19,221 @@ var _ = (t, e) => {
   null,
   -1
   /* HOISTED */
-), A = [
-  F
+), se = [
+  le
 ];
-function B(t, e, r, o, i, l) {
-  return n(), f("svg", x, A);
+function ae(e, t, i, r, o, l) {
+  return c(), y("svg", ne, se);
 }
-var L = /* @__PURE__ */ _(k, [["render", B], ["__file", "loading.vue"]]);
-function b(t, e, r) {
-  for (var o = [], i = Math.max(t.length, e.length), l = 0, s = 0; s < i || l; ) {
-    var h = s < t.length ? t[s] : 0, c = s < e.length ? e[s] : 0, d = l + h + c;
-    o.push(d % r), l = Math.floor(d / r), s++;
+var de = /* @__PURE__ */ re(oe, [["render", ae], ["__file", "loading.vue"]]);
+function W(e, t, i) {
+  for (var r = [], o = Math.max(e.length, t.length), l = 0, n = 0; n < o || l; ) {
+    var s = n < e.length ? e[n] : 0, d = n < t.length ? t[n] : 0, f = l + s + d;
+    r.push(f % i), l = Math.floor(f / i), n++;
   }
-  return o;
+  return r;
 }
-function m(t, e, r) {
-  if (t < 0)
+function F(e, t, i) {
+  if (e < 0)
     return null;
-  if (t == 0)
+  if (e == 0)
     return [];
-  for (var o = [], i = e; t & 1 && (o = b(o, i, r)), t = t >> 1, t !== 0; )
-    i = b(i, i, r);
-  return o;
+  for (var r = [], o = t; e & 1 && (r = W(r, o, i)), e = e >> 1, e !== 0; )
+    o = W(o, o, i);
+  return r;
 }
-function O(t, e) {
-  for (var r = t.split(""), o = [], i = r.length - 1; i >= 0; i--) {
-    var l = parseInt(r[i], e);
+function fe(e, t) {
+  for (var i = e.split(""), r = [], o = i.length - 1; o >= 0; o--) {
+    var l = parseInt(i[o], t);
     if (isNaN(l))
       return null;
-    o.push(l);
+    r.push(l);
   }
-  return o;
+  return r;
 }
-function R(t, e, r) {
-  var o = O(t, e);
-  if (o === null)
+function he(e, t, i) {
+  var r = fe(e, t);
+  if (r === null)
     return null;
-  for (var i = [], l = [1], s = 0; s < o.length; s++)
-    o[s] && (i = b(
-      i,
-      m(o[s], l, r),
-      r
-    )), l = m(e, l, r);
-  for (var h = "", s = i.length - 1; s >= 0; s--)
-    h += i[s].toString(r);
-  return h;
+  for (var o = [], l = [1], n = 0; n < r.length; n++)
+    r[n] && (o = W(
+      o,
+      F(r[n], l, i),
+      i
+    )), l = F(t, l, i);
+  for (var s = "", n = o.length - 1; n >= 0; n--)
+    s += o[n].toString(i);
+  return s;
 }
-function q(t) {
-  return t.substring(0, 2) === "0x" && (t = t.substring(2)), t = t.toLowerCase(), R(t, 16, 10);
+function ce(e) {
+  return e.substring(0, 2) === "0x" && (e = e.substring(2)), e = e.toLowerCase(), he(e, 16, 10);
 }
-class D {
-  constructor(e) {
-    e = e || {}, this.seq = 0, this.mid = (e.mid || 1) % 1023, this.offset = e.offset || 0, this.lastTime = 0;
+class ue {
+  constructor(t) {
+    t = t || {}, this.seq = 0, this.mid = (t.mid || 1) % 1023, this.offset = t.offset || 0, this.lastTime = 0;
   }
   generate() {
-    const e = Date.now(), r = (e - this.offset).toString(2);
-    this.lastTime == e ? (this.seq++, this.seq > 4095 && (this.seq = 0)) : this.seq = 0, this.lastTime = e;
-    let o = this.seq.toString(2), i = this.mid.toString(2);
-    for (; o.length < 12; )
+    const t = Date.now(), i = (t - this.offset).toString(2);
+    this.lastTime == t ? (this.seq++, this.seq > 4095 && (this.seq = 0)) : this.seq = 0, this.lastTime = t;
+    let r = this.seq.toString(2), o = this.mid.toString(2);
+    for (; r.length < 12; )
+      r = "0" + r;
+    for (; o.length < 10; )
       o = "0" + o;
-    for (; i.length < 10; )
-      i = "0" + i;
-    const l = r + i + o;
-    let s = "";
-    for (let h = l.length; h > 0; h -= 4)
-      s = parseInt(l.substring(h - 4, h), 2).toString(16) + s;
-    return q(s);
+    const l = i + o + r;
+    let n = "";
+    for (let s = l.length; s > 0; s -= 4)
+      n = parseInt(l.substring(s - 4, s), 2).toString(16) + n;
+    return ce(n);
+  }
+}
+var S = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function ge(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function be(e) {
+  var t = typeof e;
+  return e != null && (t == "object" || t == "function");
+}
+var P = be, pe = typeof S == "object" && S && S.Object === Object && S, ye = pe, me = ye, ve = typeof self == "object" && self && self.Object === Object && self, Ce = me || ve || Function("return this")(), V = Ce, Se = V, _e = function() {
+  return Se.Date.now();
+}, $e = _e, ke = /\s/;
+function we(e) {
+  for (var t = e.length; t-- && ke.test(e.charAt(t)); )
+    ;
+  return t;
+}
+var Te = we, ze = Te, je = /^\s+/;
+function We(e) {
+  return e && e.slice(0, ze(e) + 1).replace(je, "");
+}
+var Oe = We, Ie = V, Le = Ie.Symbol, U = Le, H = U, X = Object.prototype, Ee = X.hasOwnProperty, Ae = X.toString, p = H ? H.toStringTag : void 0;
+function Ne(e) {
+  var t = Ee.call(e, p), i = e[p];
+  try {
+    e[p] = void 0;
+    var r = !0;
+  } catch {
+  }
+  var o = Ae.call(e);
+  return r && (t ? e[p] = i : delete e[p]), o;
+}
+var Be = Ne, Re = Object.prototype, Fe = Re.toString;
+function He(e) {
+  return Fe.call(e);
+}
+var Me = He, M = U, xe = Be, qe = Me, De = "[object Null]", Ge = "[object Undefined]", x = M ? M.toStringTag : void 0;
+function Pe(e) {
+  return e == null ? e === void 0 ? Ge : De : x && x in Object(e) ? xe(e) : qe(e);
+}
+var Ve = Pe;
+function Ue(e) {
+  return e != null && typeof e == "object";
+}
+var Xe = Ue, Je = Ve, Ke = Xe, Qe = "[object Symbol]";
+function Ye(e) {
+  return typeof e == "symbol" || Ke(e) && Je(e) == Qe;
+}
+var Ze = Ye, et = Oe, q = P, tt = Ze, D = 0 / 0, it = /^[-+]0x[0-9a-f]+$/i, rt = /^0b[01]+$/i, ot = /^0o[0-7]+$/i, nt = parseInt;
+function lt(e) {
+  if (typeof e == "number")
+    return e;
+  if (tt(e))
+    return D;
+  if (q(e)) {
+    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
+    e = q(t) ? t + "" : t;
+  }
+  if (typeof e != "string")
+    return e === 0 ? e : +e;
+  e = et(e);
+  var i = rt.test(e);
+  return i || ot.test(e) ? nt(e.slice(2), i ? 2 : 8) : it.test(e) ? D : +e;
+}
+var st = lt, at = P, j = $e, G = st, dt = "Expected a function", ft = Math.max, ht = Math.min;
+function ct(e, t, i) {
+  var r, o, l, n, s, d, f = 0, L = !1, g = !1, _ = !0;
+  if (typeof e != "function")
+    throw new TypeError(dt);
+  t = G(t) || 0, at(i) && (L = !!i.leading, g = "maxWait" in i, l = g ? ft(G(i.maxWait) || 0, t) : l, _ = "trailing" in i ? !!i.trailing : _);
+  function $(a) {
+    var h = r, b = o;
+    return r = o = void 0, f = a, n = e.apply(b, h), n;
+  }
+  function K(a) {
+    return f = a, s = setTimeout(v, t), L ? $(a) : n;
+  }
+  function Q(a) {
+    var h = a - d, b = a - f, N = t - h;
+    return g ? ht(N, l - b) : N;
   }
+  function E(a) {
+    var h = a - d, b = a - f;
+    return d === void 0 || h >= t || h < 0 || g && b >= l;
+  }
+  function v() {
+    var a = j();
+    if (E(a))
+      return A(a);
+    s = setTimeout(v, Q(a));
+  }
+  function A(a) {
+    return s = void 0, _ && r ? $(a) : (r = o = void 0, n);
+  }
+  function Y() {
+    s !== void 0 && clearTimeout(s), f = 0, r = d = o = s = void 0;
+  }
+  function Z() {
+    return s === void 0 ? n : A(j());
+  }
+  function k() {
+    var a = j(), h = E(a);
+    if (r = arguments, o = this, d = a, h) {
+      if (s === void 0)
+        return K(d);
+      if (g)
+        return clearTimeout(s), s = setTimeout(v, t), $(d);
+    }
+    return s === void 0 && (s = setTimeout(v, t)), n;
+  }
+  return k.cancel = Y, k.flush = Z, k;
 }
-const N = new D({
+var ut = ct;
+const gt = /* @__PURE__ */ ge(ut);
+var O;
+((e) => {
+  e.debouncedFun = (t, i) => gt(t, i, {
+    leading: !0,
+    // 延长开始后调用
+    trailing: !1
+    // 延长结束前调用
+  });
+})(O || (O = {}));
+const bt = new ue({
   mid: 42,
   offset: (2019 - 1970) * 31536e3 * 1e3
-}), H = $({
+}), pt = ee({
   components: {
-    Loading: L
+    Loading: de
   },
   props: {
     disabled: {
       type: Boolean,
       default: !1
     },
-    // debounced: {
-    //   type: Boolean,
-    //   default: false,
-    // },
-    plain: {
-      type: Boolean,
-      default: !1
-    },
-    primary: {
+    debounced: {
       type: Boolean,
       default: !1
     },
-    default: {
+    plain: {
       type: Boolean,
       default: !1
     },
-    // 弹窗提交按钮
-    primaryDialog: {
+    primary: {
       type: Boolean,
       default: !1
     },
-    // 普通提交
-    primaryOrdinary: {
+    default: {
       type: Boolean,
       default: !1
     },
@@ -129,14 +241,6 @@ const N = new D({
       type: Boolean,
       default: !1
     },
-    infoDialog: {
-      type: Boolean,
-      default: !1
-    },
-    infoOrdinary: {
-      type: Boolean,
-      default: !1
-    },
     text: {
       type: Boolean,
       default: !1
@@ -235,30 +339,6 @@ const N = new D({
         borderRadius: this.circle,
         fontWeight: this.fontWeight || 500,
         size: this.size
-      } : this.primaryOrdinary ? {
-        background: this.bgColor || "#99004A",
-        borderWidth: this.borderWidth || "1px",
-        borderStyle: `${this.borderStyle}`,
-        borderColor: `${this.borderColor || this.color || "#99004A"}`,
-        color: this.color || "#ffffff",
-        width: `${this.width || "190px"}`,
-        height: `${this.height || "52px"}`,
-        borderRadius: this.circle,
-        fontSize: this.fontSize || "16px",
-        fontWeight: this.fontWeight || 600,
-        size: this.size
-      } : this.primaryDialog ? {
-        minWidth: `${this.width || "250px"}`,
-        height: `${this.height || "60px"}`,
-        background: this.bgColor || "#99004A",
-        borderWidth: this.borderWidth || "1px",
-        borderStyle: `${this.borderStyle}`,
-        borderColor: `${this.borderColor || this.color || "#99004A"}`,
-        color: this.color || "#ffffff",
-        borderRadius: this.circle || "8px",
-        fontSize: this.fontSize || "16px",
-        fontWeight: this.fontWeight || 560,
-        size: this.size
       } : this.default ? {
         background: this.bgColor || "#ffffff",
         borderWidth: this.borderWidth || "1px",
@@ -281,30 +361,6 @@ const N = new D({
         borderRadius: this.circle,
         fontWeight: this.fontWeight || 500,
         size: this.size
-      } : this.infoDialog ? {
-        minWidth: `${this.width || "250px"}`,
-        height: `${this.height || "60px"}`,
-        background: this.bgColor || "#C4C4C4",
-        borderWidth: this.borderWidth || "1px",
-        borderStyle: `${this.borderStyle}`,
-        borderColor: `${this.borderColor || this.color || "#C4C4C4"}`,
-        color: this.color || "#FFFFFF",
-        borderRadius: this.circle || "8px",
-        fontSize: this.fontSize || "16px",
-        fontWeight: this.fontWeight || 600,
-        size: this.size
-      } : this.infoOrdinary ? {
-        width: `${this.width || "190px"}`,
-        height: `${this.height || "52px"}`,
-        background: this.bgColor || "#C4C4C4",
-        borderWidth: this.borderWidth || "1px",
-        borderStyle: `${this.borderStyle}`,
-        borderColor: `${this.borderColor || this.color || "#C4C4C4"}`,
-        color: this.color || "#FFFFFF",
-        borderRadius: this.circle || "8px",
-        fontSize: this.fontSize || "16px",
-        fontWeight: this.fontWeight || 600,
-        size: this.size
       } : this.text ? {
         width: `${this.width || "41px"}`,
         height: `${this.height || "24px"}`,
@@ -338,7 +394,7 @@ const N = new D({
         borderStyle: `${this.borderStyle}`,
         borderColor: `${this.borderColor || this.color || "#99004A"}`,
         borderRadius: this.circle || "8px",
-        fontSize: this.fontSize || "16px",
+        fontSize: this.fontSize || "14px",
         fontWeight: this.fontWeight || 500,
         size: this.size || "20",
         borderWidth: this.borderWidth || "0px"
@@ -362,81 +418,113 @@ const N = new D({
     }
   },
   emits: ["handleClick"],
-  setup(t, e) {
-    return {
-      handleClick: (o) => {
-        let i = N.generate(), l = `${t.btnCode}_${i}`;
-        console.log(
-          "按钮组件点击事件获取到事件对象及事件唯一标识符",
-          o,
-          l
-        ), t.btnCode ? e.emit("handleClick", l) : e.emit("handleClick", "");
-      }
+  setup(e, t) {
+    const i = (l) => {
+      let n = bt.generate(), s = `${e.btnCode}_${n}`;
+      console.log(
+        "按钮组件点击事件获取到事件对象及事件唯一标识符",
+        l,
+        s
+      ), e.btnCode ? t.emit("handleClick", s) : t.emit("handleClick", "");
+    }, r = O.debouncedFun((l) => {
+      i(l);
+    }, 3e3), o = (l) => {
+      e.debounced ? r(l) : i(l);
+    };
+    return te(() => {
+      r.cancel();
+    }), {
+      getHandleClick: o,
+      handleClick: i
     };
   }
 });
-const E = (t, e) => {
-  const r = t.__vccOpts || t;
-  for (const [o, i] of e)
-    r[o] = i;
-  return r;
-}, M = { class: "common-button" }, T = {
+const yt = (e, t) => {
+  const i = e.__vccOpts || e;
+  for (const [r, o] of t)
+    i[r] = o;
+  return i;
+}, mt = { class: "common-button" }, vt = {
   key: 0,
   class: "s-icon"
-}, j = ["src"], V = ["btnCode"];
-function I(t, e, r, o, i, l) {
-  const s = g("Loading"), h = g("el-icon"), c = g("el-button");
-  return n(), f("div", M, [
-    t.link ? (n(), f("span", {
+}, Ct = ["src"], St = ["btnCode"], _t = {
+  key: 0,
+  class: "s-icon padding-icon"
+}, $t = ["src"];
+function kt(e, t, i, r, o, l) {
+  const n = w("Loading"), s = w("el-icon"), d = w("el-button");
+  return c(), y("div", mt, [
+    e.link ? (c(), y("span", {
       key: 1,
       class: "link",
-      style: a(t.styleOjb),
-      btnCode: t.btnCode,
-      onClick: e[0] || (e[0] = (...d) => t.handleClick && t.handleClick(...d))
+      style: u(e.styleOjb),
+      btnCode: e.btnCode,
+      onClick: t[0] || (t[0] = (...f) => e.getHandleClick && e.getHandleClick(...f))
     }, [
-      z(t.$slots, "default", {}, void 0, !0)
-    ], 12, V)) : (n(), C(c, {
+      e.icon ? (c(), y("i", _t, [
+        m("img", {
+          src: e.geturl,
+          alt: "",
+          style: u(e.styleObject)
+        }, null, 12, $t)
+      ])) : C("", !0),
+      m("span", {
+        style: u({ color: e.color })
+      }, [
+        B(e.$slots, "default", {}, void 0, !0)
+      ], 4),
+      e.loading ? (c(), T(s, {
+        key: 1,
+        class: "is-loading",
+        color: e.loadingColor
+      }, {
+        default: z(() => [
+          R(n)
+        ]),
+        _: 1
+      }, 8, ["color"])) : C("", !0)
+    ], 12, St)) : (c(), T(d, {
       key: 0,
-      class: v(["s-button", { plain: t.plain, btnhover: !t.plain, loading: t.loading }]),
-      disabled: t.disabled,
-      loading: t.loading,
-      style: a(t.styleOjb),
-      onClick: t.handleClick,
-      btnCode: t.btnCode
+      class: ie(["s-button", { plain: e.plain, btnhover: !e.plain, loading: e.loading }]),
+      disabled: e.disabled,
+      loading: e.loading,
+      style: u(e.styleOjb),
+      onClick: e.getHandleClick,
+      btnCode: e.btnCode
     }, {
-      default: y(() => [
-        t.icon ? (n(), f("i", T, [
-          u("img", {
-            src: t.geturl,
+      default: z(() => [
+        e.icon ? (c(), y("i", vt, [
+          m("img", {
+            src: e.geturl,
             alt: "",
-            style: a(t.styleObject)
-          }, null, 12, j)
-        ])) : S("", !0),
-        u("span", {
-          style: a({ color: t.color })
+            style: u(e.styleObject)
+          }, null, 12, Ct)
+        ])) : C("", !0),
+        m("span", {
+          style: u({ color: e.color })
         }, [
-          z(t.$slots, "default", {}, void 0, !0)
+          B(e.$slots, "default", {}, void 0, !0)
         ], 4),
-        t.loading ? (n(), C(h, {
+        e.loading ? (c(), T(s, {
           key: 1,
           class: "is-loading",
-          color: t.loadingColor
+          color: e.loadingColor
         }, {
-          default: y(() => [
-            w(s)
+          default: z(() => [
+            R(n)
           ]),
           _: 1
-        }, 8, ["color"])) : S("", !0)
+        }, 8, ["color"])) : C("", !0)
       ]),
       _: 3
     }, 8, ["class", "disabled", "loading", "style", "onClick", "btnCode"]))
   ]);
 }
-const W = /* @__PURE__ */ E(H, [["render", I], ["__scopeId", "data-v-b134af24"]]);
-function p(t, e = {}) {
-  p.installed || (p.installed = !0, t.component("common-button", W));
+const J = /* @__PURE__ */ yt(pt, [["render", kt], ["__scopeId", "data-v-129408fa"]]);
+function I(e, t = {}) {
+  I.installed || (I.installed = !0, e.component("common-button", J));
 }
-W.install = p;
+J.install = I;
 export {
-  W as default
+  J as default
 };

package/common-button.umd.js

@@ -1 +1 @@
-(function(e,d){typeof exports=="object"&&typeof module<"u"?module.exports=d(require("vue")):typeof define=="function"&&define.amd?define(["vue"],d):(e=typeof globalThis<"u"?globalThis:e||self,e.button=d(e.Vue))})(this,function(e){"use strict";/*! Element Plus Icons Vue v2.1.0 */var d=(t,i)=>{let l=t.__vccOpts||t;for(let[r,o]of i)l[r]=o;return l},u={name:"Loading"},C={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},y=e.createElementVNode("path",{fill:"currentColor",d:"M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"},null,-1),m=[y];function S(t,i,l,r,o,n){return e.openBlock(),e.createElementBlock("svg",C,m)}var z=d(u,[["render",S],["__file","loading.vue"]]);function f(t,i,l){for(var r=[],o=Math.max(t.length,i.length),n=0,s=0;s<o||n;){var h=s<t.length?t[s]:0,b=s<i.length?i[s]:0,a=n+h+b;r.push(a%l),n=Math.floor(a/l),s++}return r}function p(t,i,l){if(t<0)return null;if(t==0)return[];for(var r=[],o=i;t&1&&(r=f(r,o,l)),t=t>>1,t!==0;)o=f(o,o,l);return r}function W(t,i){for(var l=t.split(""),r=[],o=l.length-1;o>=0;o--){var n=parseInt(l[o],i);if(isNaN(n))return null;r.push(n)}return r}function k(t,i,l){var r=W(t,i);if(r===null)return null;for(var o=[],n=[1],s=0;s<r.length;s++)r[s]&&(o=f(o,p(r[s],n,l),l)),n=p(i,n,l);for(var h="",s=o.length-1;s>=0;s--)h+=o[s].toString(l);return h}function $(t){return t.substring(0,2)==="0x"&&(t=t.substring(2)),t=t.toLowerCase(),k(t,16,10)}class w{constructor(i){i=i||{},this.seq=0,this.mid=(i.mid||1)%1023,this.offset=i.offset||0,this.lastTime=0}generate(){const i=Date.now(),l=(i-this.offset).toString(2);this.lastTime==i?(this.seq++,this.seq>4095&&(this.seq=0)):this.seq=0,this.lastTime=i;let r=this.seq.toString(2),o=this.mid.toString(2);for(;r.length<12;)r="0"+r;for(;o.length<10;)o="0"+o;const n=l+o+r;let s="";for(let h=n.length;h>0;h-=4)s=parseInt(n.substring(h-4,h),2).toString(16)+s;return $(s)}}const _=new w({mid:42,offset:(2019-1970)*31536e3*1e3}),x=e.defineComponent({components:{Loading:z},props:{disabled:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},default:{type:Boolean,default:!1},primaryDialog:{type:Boolean,default:!1},primaryOrdinary:{type:Boolean,default:!1},info:{type:Boolean,default:!1},infoDialog:{type:Boolean,default:!1},infoOrdinary:{type:Boolean,default:!1},text:{type:Boolean,default:!1},link:{type:Boolean,default:!1},fontSize:{type:String,default:""},btnCode:{type:String,default:""},circle:{type:String,default:""},height:{type:String,default:""},width:{type:String,default:""},color:{type:String,default:""},loadingColor:{type:String,default:"#333333"},bgColor:{type:String,default:""},borderColor:{type:String,default:""},loading:{type:Boolean,default:!1},borderStyle:{type:String,default:"solid"},icon:{type:String,required:!1},size:{type:[Number,String],default:"auto"},fontWeight:{type:Number,default:500},lineHeight:{type:String,default:""},borderWidth:{type:String,default:""}},computed:{styleOjb(){return this.plain?{background:this.bgColor||"#fff",borderWidth:"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#99004A"}`,color:this.color||"#99004A",width:this.width,height:this.height,borderRadius:this.circle,fontSize:this.fontSize||"16px",fontWeight:this.fontWeight||500,size:this.size}:this.primary?{background:this.bgColor||"#99004A",borderWidth:this.borderWidth||"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#99004A"}`,color:this.color||"#ffffff",width:this.width,height:this.height,borderRadius:this.circle,fontWeight:this.fontWeight||500,size:this.size}:this.primaryOrdinary?{background:this.bgColor||"#99004A",borderWidth:this.borderWidth||"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#99004A"}`,color:this.color||"#ffffff",width:`${this.width||"190px"}`,height:`${this.height||"52px"}`,borderRadius:this.circle,fontSize:this.fontSize||"16px",fontWeight:this.fontWeight||600,size:this.size}:this.primaryDialog?{minWidth:`${this.width||"250px"}`,height:`${this.height||"60px"}`,background:this.bgColor||"#99004A",borderWidth:this.borderWidth||"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#99004A"}`,color:this.color||"#ffffff",borderRadius:this.circle||"8px",fontSize:this.fontSize||"16px",fontWeight:this.fontWeight||560,size:this.size}:this.default?{background:this.bgColor||"#ffffff",borderWidth:this.borderWidth||"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#DDE2E6"}`,color:this.color||"#99004A",width:this.width,height:this.height,borderRadius:this.circle,fontWeight:this.fontWeight||500,size:this.size}:this.info?{background:this.bgColor||"#C4C4C4",borderWidth:this.borderWidth||"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#C4C4C4"}`,color:this.color||"#FFFFFF",width:this.width,height:this.height,borderRadius:this.circle,fontWeight:this.fontWeight||500,size:this.size}:this.infoDialog?{minWidth:`${this.width||"250px"}`,height:`${this.height||"60px"}`,background:this.bgColor||"#C4C4C4",borderWidth:this.borderWidth||"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#C4C4C4"}`,color:this.color||"#FFFFFF",borderRadius:this.circle||"8px",fontSize:this.fontSize||"16px",fontWeight:this.fontWeight||600,size:this.size}:this.infoOrdinary?{width:`${this.width||"190px"}`,height:`${this.height||"52px"}`,background:this.bgColor||"#C4C4C4",borderWidth:this.borderWidth||"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#C4C4C4"}`,color:this.color||"#FFFFFF",borderRadius:this.circle||"8px",fontSize:this.fontSize||"16px",fontWeight:this.fontWeight||600,size:this.size}:this.text?{width:`${this.width||"41px"}`,height:`${this.height||"24px"}`,background:this.bgColor||"#ffffff",borderWidth:this.borderWidth||"0px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#C4C4C4"}`,color:this.color||"#E2A650",borderRadius:this.circle||"8px",fontSize:this.fontSize||"14px",fontWeight:this.fontWeight||500,size:this.size,lineHeight:this.lineHeight||"24px"}:this.link?{width:this.width,height:this.height,borderWidth:this.borderWidth||"0px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#C4C4C4"}`,color:this.color||"#E2A650",borderRadius:this.circle||"8px",fontSize:this.fontSize||"14px",fontWeight:this.fontWeight||500,size:this.size,lineHeight:this.lineHeight||"24px"}:{width:this.width,height:this.height,color:this.color||"#ffffff",background:this.bgColor||"#99004A",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#99004A"}`,borderRadius:this.circle||"8px",fontSize:this.fontSize||"16px",fontWeight:this.fontWeight||500,size:this.size||"20",borderWidth:this.borderWidth||"0px"}},geturl(){if(this.icon){if(this.icon.includes("/")||this.icon.includes("base64"))return this.icon;if(this.icon.includes("svg"))return`${this.icon}`}else return"";return`${this.icon}`},styleObject:function(){return{width:typeof this.size=="string"?this.size:this.size+"px",height:typeof this.size=="string"?this.size:this.size+"px"}}},emits:["handleClick"],setup(t,i){return{handleClick:r=>{let o=_.generate(),n=`${t.btnCode}_${o}`;console.log("按钮组件点击事件获取到事件对象及事件唯一标识符",r,n),t.btnCode?i.emit("handleClick",n):i.emit("handleClick","")}}}}),N="",B=(t,i)=>{const l=t.__vccOpts||t;for(const[r,o]of i)l[r]=o;return l},v={class:"common-button"},F={key:0,class:"s-icon"},A=["src"],E=["btnCode"];function L(t,i,l,r,o,n){const s=e.resolveComponent("Loading"),h=e.resolveComponent("el-icon"),b=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("div",v,[t.link?(e.openBlock(),e.createElementBlock("span",{key:1,class:"link",style:e.normalizeStyle(t.styleOjb),btnCode:t.btnCode,onClick:i[0]||(i[0]=(...a)=>t.handleClick&&t.handleClick(...a))},[e.renderSlot(t.$slots,"default",{},void 0,!0)],12,E)):(e.openBlock(),e.createBlock(b,{key:0,class:e.normalizeClass(["s-button",{plain:t.plain,btnhover:!t.plain,loading:t.loading}]),disabled:t.disabled,loading:t.loading,style:e.normalizeStyle(t.styleOjb),onClick:t.handleClick,btnCode:t.btnCode},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createElementBlock("i",F,[e.createElementVNode("img",{src:t.geturl,alt:"",style:e.normalizeStyle(t.styleObject)},null,12,A)])):e.createCommentVNode("",!0),e.createElementVNode("span",{style:e.normalizeStyle({color:t.color})},[e.renderSlot(t.$slots,"default",{},void 0,!0)],4),t.loading?(e.openBlock(),e.createBlock(h,{key:1,class:"is-loading",color:t.loadingColor},{default:e.withCtx(()=>[e.createVNode(s)]),_:1},8,["color"])):e.createCommentVNode("",!0)]),_:3},8,["class","disabled","loading","style","onClick","btnCode"]))])}const c=B(x,[["render",L],["__scopeId","data-v-b134af24"]]);function g(t,i={}){g.installed||(g.installed=!0,t.component("common-button",c))}return c.install=g,c});
+(function(i,u){typeof exports=="object"&&typeof module<"u"?module.exports=u(require("vue")):typeof define=="function"&&define.amd?define(["vue"],u):(i=typeof globalThis<"u"?globalThis:i||self,i.button=u(i.Vue))})(this,function(i){"use strict";/*! Element Plus Icons Vue v2.1.0 */var u=(e,t)=>{let o=e.__vccOpts||e;for(let[r,n]of t)o[r]=n;return o},M={name:"Loading"},q={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},D=i.createElementVNode("path",{fill:"currentColor",d:"M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"},null,-1),G=[D];function P(e,t,o,r,n,s){return i.openBlock(),i.createElementBlock("svg",q,G)}var U=u(M,[["render",P],["__file","loading.vue"]]);function C(e,t,o){for(var r=[],n=Math.max(e.length,t.length),s=0,l=0;l<n||s;){var a=l<e.length?e[l]:0,f=l<t.length?t[l]:0,c=s+a+f;r.push(c%o),s=Math.floor(c/o),l++}return r}function z(e,t,o){if(e<0)return null;if(e==0)return[];for(var r=[],n=t;e&1&&(r=C(r,n,o)),e=e>>1,e!==0;)n=C(n,n,o);return r}function X(e,t){for(var o=e.split(""),r=[],n=o.length-1;n>=0;n--){var s=parseInt(o[n],t);if(isNaN(s))return null;r.push(s)}return r}function J(e,t,o){var r=X(e,t);if(r===null)return null;for(var n=[],s=[1],l=0;l<r.length;l++)r[l]&&(n=C(n,z(r[l],s,o),o)),s=z(t,s,o);for(var a="",l=n.length-1;l>=0;l--)a+=n[l].toString(o);return a}function K(e){return e.substring(0,2)==="0x"&&(e=e.substring(2)),e=e.toLowerCase(),J(e,16,10)}class Q{constructor(t){t=t||{},this.seq=0,this.mid=(t.mid||1)%1023,this.offset=t.offset||0,this.lastTime=0}generate(){const t=Date.now(),o=(t-this.offset).toString(2);this.lastTime==t?(this.seq++,this.seq>4095&&(this.seq=0)):this.seq=0,this.lastTime=t;let r=this.seq.toString(2),n=this.mid.toString(2);for(;r.length<12;)r="0"+r;for(;n.length<10;)n="0"+n;const s=o+n+r;let l="";for(let a=s.length;a>0;a-=4)l=parseInt(s.substring(a-4,a),2).toString(16)+l;return K(l)}}var m=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Y(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function Z(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var j=Z,ee=typeof m=="object"&&m&&m.Object===Object&&m,te=ee,ie=te,oe=typeof self=="object"&&self&&self.Object===Object&&self,re=ie||oe||Function("return this")(),W=re,ne=W,le=function(){return ne.Date.now()},se=le,ae=/\s/;function de(e){for(var t=e.length;t--&&ae.test(e.charAt(t)););return t}var fe=de,ce=fe,he=/^\s+/;function ue(e){return e&&e.slice(0,ce(e)+1).replace(he,"")}var ge=ue,be=W,pe=be.Symbol,O=pe,B=O,E=Object.prototype,me=E.hasOwnProperty,ye=E.toString,g=B?B.toStringTag:void 0;function Ce(e){var t=me.call(e,g),o=e[g];try{e[g]=void 0;var r=!0}catch{}var n=ye.call(e);return r&&(t?e[g]=o:delete e[g]),n}var Se=Ce,ke=Object.prototype,_e=ke.toString;function $e(e){return _e.call(e)}var ve=$e,N=O,we=Se,Te=ve,ze="[object Null]",je="[object Undefined]",I=N?N.toStringTag:void 0;function We(e){return e==null?e===void 0?je:ze:I&&I in Object(e)?we(e):Te(e)}var Oe=We;function Be(e){return e!=null&&typeof e=="object"}var Ee=Be,Ne=Oe,Ie=Ee,Le="[object Symbol]";function Ae(e){return typeof e=="symbol"||Ie(e)&&Ne(e)==Le}var Ve=Ae,xe=ge,L=j,Re=Ve,A=0/0,Fe=/^[-+]0x[0-9a-f]+$/i,He=/^0b[01]+$/i,Me=/^0o[0-7]+$/i,qe=parseInt;function De(e){if(typeof e=="number")return e;if(Re(e))return A;if(L(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=L(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=xe(e);var o=He.test(e);return o||Me.test(e)?qe(e.slice(2),o?2:8):Fe.test(e)?A:+e}var Ge=De,Pe=j,S=se,V=Ge,Ue="Expected a function",Xe=Math.max,Je=Math.min;function Ke(e,t,o){var r,n,s,l,a,f,c=0,x=!1,b=!1,v=!0;if(typeof e!="function")throw new TypeError(Ue);t=V(t)||0,Pe(o)&&(x=!!o.leading,b="maxWait"in o,s=b?Xe(V(o.maxWait)||0,t):s,v="trailing"in o?!!o.trailing:v);function w(d){var h=r,p=n;return r=n=void 0,c=d,l=e.apply(p,h),l}function dt(d){return c=d,a=setTimeout(y,t),x?w(d):l}function ft(d){var h=d-f,p=d-c,H=t-h;return b?Je(H,s-p):H}function R(d){var h=d-f,p=d-c;return f===void 0||h>=t||h<0||b&&p>=s}function y(){var d=S();if(R(d))return F(d);a=setTimeout(y,ft(d))}function F(d){return a=void 0,v&&r?w(d):(r=n=void 0,l)}function ct(){a!==void 0&&clearTimeout(a),c=0,r=f=n=a=void 0}function ht(){return a===void 0?l:F(S())}function T(){var d=S(),h=R(d);if(r=arguments,n=this,f=d,h){if(a===void 0)return dt(f);if(b)return clearTimeout(a),a=setTimeout(y,t),w(f)}return a===void 0&&(a=setTimeout(y,t)),l}return T.cancel=ct,T.flush=ht,T}var Qe=Ke;const Ye=Y(Qe);var k;(e=>{e.debouncedFun=(t,o)=>Ye(t,o,{leading:!0,trailing:!1})})(k||(k={}));const Ze=new Q({mid:42,offset:(2019-1970)*31536e3*1e3}),et=i.defineComponent({components:{Loading:U},props:{disabled:{type:Boolean,default:!1},debounced:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},default:{type:Boolean,default:!1},info:{type:Boolean,default:!1},text:{type:Boolean,default:!1},link:{type:Boolean,default:!1},fontSize:{type:String,default:""},btnCode:{type:String,default:""},circle:{type:String,default:""},height:{type:String,default:""},width:{type:String,default:""},color:{type:String,default:""},loadingColor:{type:String,default:"#333333"},bgColor:{type:String,default:""},borderColor:{type:String,default:""},loading:{type:Boolean,default:!1},borderStyle:{type:String,default:"solid"},icon:{type:String,required:!1},size:{type:[Number,String],default:"auto"},fontWeight:{type:Number,default:500},lineHeight:{type:String,default:""},borderWidth:{type:String,default:""}},computed:{styleOjb(){return this.plain?{background:this.bgColor||"#fff",borderWidth:"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#99004A"}`,color:this.color||"#99004A",width:this.width,height:this.height,borderRadius:this.circle,fontSize:this.fontSize||"16px",fontWeight:this.fontWeight||500,size:this.size}:this.primary?{background:this.bgColor||"#99004A",borderWidth:this.borderWidth||"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#99004A"}`,color:this.color||"#ffffff",width:this.width,height:this.height,borderRadius:this.circle,fontWeight:this.fontWeight||500,size:this.size}:this.default?{background:this.bgColor||"#ffffff",borderWidth:this.borderWidth||"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#DDE2E6"}`,color:this.color||"#99004A",width:this.width,height:this.height,borderRadius:this.circle,fontWeight:this.fontWeight||500,size:this.size}:this.info?{background:this.bgColor||"#C4C4C4",borderWidth:this.borderWidth||"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#C4C4C4"}`,color:this.color||"#FFFFFF",width:this.width,height:this.height,borderRadius:this.circle,fontWeight:this.fontWeight||500,size:this.size}:this.text?{width:`${this.width||"41px"}`,height:`${this.height||"24px"}`,background:this.bgColor||"#ffffff",borderWidth:this.borderWidth||"0px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#C4C4C4"}`,color:this.color||"#E2A650",borderRadius:this.circle||"8px",fontSize:this.fontSize||"14px",fontWeight:this.fontWeight||500,size:this.size,lineHeight:this.lineHeight||"24px"}:this.link?{width:this.width,height:this.height,borderWidth:this.borderWidth||"0px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#C4C4C4"}`,color:this.color||"#E2A650",borderRadius:this.circle||"8px",fontSize:this.fontSize||"14px",fontWeight:this.fontWeight||500,size:this.size,lineHeight:this.lineHeight||"24px"}:{width:this.width,height:this.height,color:this.color||"#ffffff",background:this.bgColor||"#99004A",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#99004A"}`,borderRadius:this.circle||"8px",fontSize:this.fontSize||"14px",fontWeight:this.fontWeight||500,size:this.size||"20",borderWidth:this.borderWidth||"0px"}},geturl(){if(this.icon){if(this.icon.includes("/")||this.icon.includes("base64"))return this.icon;if(this.icon.includes("svg"))return`${this.icon}`}else return"";return`${this.icon}`},styleObject:function(){return{width:typeof this.size=="string"?this.size:this.size+"px",height:typeof this.size=="string"?this.size:this.size+"px"}}},emits:["handleClick"],setup(e,t){const o=s=>{let l=Ze.generate(),a=`${e.btnCode}_${l}`;console.log("按钮组件点击事件获取到事件对象及事件唯一标识符",s,a),e.btnCode?t.emit("handleClick",a):t.emit("handleClick","")},r=k.debouncedFun(s=>{o(s)},3e3),n=s=>{e.debounced?r(s):o(s)};return i.onUnmounted(()=>{r.cancel()}),{getHandleClick:n,handleClick:o}}}),ut="",tt=(e,t)=>{const o=e.__vccOpts||e;for(const[r,n]of t)o[r]=n;return o},it={class:"common-button"},ot={key:0,class:"s-icon"},rt=["src"],nt=["btnCode"],lt={key:0,class:"s-icon padding-icon"},st=["src"];function at(e,t,o,r,n,s){const l=i.resolveComponent("Loading"),a=i.resolveComponent("el-icon"),f=i.resolveComponent("el-button");return i.openBlock(),i.createElementBlock("div",it,[e.link?(i.openBlock(),i.createElementBlock("span",{key:1,class:"link",style:i.normalizeStyle(e.styleOjb),btnCode:e.btnCode,onClick:t[0]||(t[0]=(...c)=>e.getHandleClick&&e.getHandleClick(...c))},[e.icon?(i.openBlock(),i.createElementBlock("i",lt,[i.createElementVNode("img",{src:e.geturl,alt:"",style:i.normalizeStyle(e.styleObject)},null,12,st)])):i.createCommentVNode("",!0),i.createElementVNode("span",{style:i.normalizeStyle({color:e.color})},[i.renderSlot(e.$slots,"default",{},void 0,!0)],4),e.loading?(i.openBlock(),i.createBlock(a,{key:1,class:"is-loading",color:e.loadingColor},{default:i.withCtx(()=>[i.createVNode(l)]),_:1},8,["color"])):i.createCommentVNode("",!0)],12,nt)):(i.openBlock(),i.createBlock(f,{key:0,class:i.normalizeClass(["s-button",{plain:e.plain,btnhover:!e.plain,loading:e.loading}]),disabled:e.disabled,loading:e.loading,style:i.normalizeStyle(e.styleOjb),onClick:e.getHandleClick,btnCode:e.btnCode},{default:i.withCtx(()=>[e.icon?(i.openBlock(),i.createElementBlock("i",ot,[i.createElementVNode("img",{src:e.geturl,alt:"",style:i.normalizeStyle(e.styleObject)},null,12,rt)])):i.createCommentVNode("",!0),i.createElementVNode("span",{style:i.normalizeStyle({color:e.color})},[i.renderSlot(e.$slots,"default",{},void 0,!0)],4),e.loading?(i.openBlock(),i.createBlock(a,{key:1,class:"is-loading",color:e.loadingColor},{default:i.withCtx(()=>[i.createVNode(l)]),_:1},8,["color"])):i.createCommentVNode("",!0)]),_:3},8,["class","disabled","loading","style","onClick","btnCode"]))])}const _=tt(et,[["render",at],["__scopeId","data-v-129408fa"]]);function $(e,t={}){$.installed||($.installed=!0,e.component("common-button",_))}return _.install=$,_});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sinosoft-common-button",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "description": "",
   "main": "common-button.es.js",
   "scripts": {

package/style.css

@@ -1 +1 @@
-.s-button[data-v-b134af24]{display:inline-block;height:36px;line-height:1;border:none;background:#99004A;padding:0 19px;border-radius:7px;cursor:pointer;white-space:nowrap;text-align:center;transition:all .5s ease-in-out;user-select:none}.s-button+.s-button[data-v-b134af24]{margin-left:15px}.s-button span[data-v-b134af24]{display:inline-block;margin:0 4px;text-justify:auto;line-height:1}.s-button>*[data-v-b134af24]{vertical-align:middle}.link[data-v-b134af24]:hover{cursor:pointer;color:red}.plain[data-v-b134af24]{background:#fff}.plain-icon[data-v-b134af24]{margin-right:4px}.loading[data-v-b134af24]{opacity:.8}.s-icon[data-v-b134af24]{display:inline-block;line-height:1;flex-shrink:0;overflow:hidden}.s-icon img[data-v-b134af24]{float:left;width:25px;height:25px}
+.s-button[data-v-129408fa]{display:inline-block;height:36px;line-height:1;border:none;background:#99004A;padding:0 19px;border-radius:7px;cursor:pointer;white-space:nowrap;text-align:center;transition:all .5s ease-in-out;user-select:none}.s-button+.s-button[data-v-129408fa]{margin-left:15px}.s-button span[data-v-129408fa]{display:inline-block;margin:0 4px;text-justify:auto;line-height:1}.s-button>*[data-v-129408fa]{vertical-align:middle}.link[data-v-129408fa]{align-items:center;display:inline-flex}.link[data-v-129408fa]:hover{cursor:pointer;color:red}.plain[data-v-129408fa]{background:#fff}.plain-icon[data-v-129408fa]{margin-right:4px}.loading[data-v-129408fa]{opacity:.8}.s-icon[data-v-129408fa]{display:inline-block;line-height:1;flex-shrink:0;overflow:hidden;vertical-align:middle}.s-icon img[data-v-129408fa]{float:left;width:25px;height:25px}.padding-icon[data-v-129408fa]{padding-right:5px}