@aplus-frontend/ui 0.0.1-beta.6 → 0.0.1-beta.8

package/es/src/prompt/dialog.vue.mjs

@@ -1,63 +1,4 @@
-import { defineComponent as f, ref as l, openBlock as h, createBlock as w, unref as o, withCtx as x, createElementVNode as g, normalizeClass as v, createVNode as y } from "vue";
-import { Modal as k } from "ant-design-vue";
-import "lodash-unified";
-import "@ant-design/icons-vue";
-import "../config-provider/index.mjs";
-import "@fruits-chain/utils";
-import "@aplus-frontend/hooks";
-import T from "../pro-form/pro-form.vue.mjs";
-import { useForm as O } from "../pro-form/hooks/use-form.mjs";
-import "./style/dialog.css";
-import { useLocale as _ } from "../config-provider/hooks/use-locale.mjs";
-import { useNamespace as b } from "../config-provider/hooks/use-namespace.mjs";
-const E = /* @__PURE__ */ f({
-  __name: "dialog",
-  props: {
-    title: {},
-    addFormSchemas: {},
-    onOK: { type: Function },
-    width: {},
-    labelWidth: {},
-    layout: {}
-  },
-  setup(m) {
-    const t = m, a = l(!0), n = l(!1), { t: i } = _(), { e: s } = b("prompt-dialog"), [c, { validate: p }] = O({
-      schemas: t.addFormSchemas,
-      showActionButtonGroup: !1,
-      labelWidth: t.labelWidth || 80,
-      layout: t.layout || "horizontal"
-    });
-    async function d() {
-      n.value = !0;
-      try {
-        const e = await p();
-        t.onOK && await t.onOK(e.txt), a.value = !1;
-      } finally {
-        n.value = !1;
-      }
-    }
-    return (e, r) => (h(), w(o(k), {
-      open: a.value,
-      "onUpdate:open": r[0] || (r[0] = (u) => a.value = u),
-      title: e.title,
-      onOk: d,
-      confirmLoading: n.value,
-      destroyOnClose: !0,
-      width: e.width || "500px",
-      okText: o(i)("ap.common.okText"),
-      cancelText: o(i)("ap.common.cancelText")
-    }, {
-      default: x(() => [
-        g("div", {
-          class: v(o(s)("content"))
-        }, [
-          y(o(T), { onRegister: o(c) }, null, 8, ["onRegister"])
-        ], 2)
-      ]),
-      _: 1
-    }, 8, ["open", "title", "confirmLoading", "width", "okText", "cancelText"]));
-  }
-});
+import f from "./dialog.vue2.mjs";
 export {
-  E as default
+  f as default
 };

package/es/src/prompt/dialog.vue2.mjs

@@ -1,4 +1,60 @@
-import f from "./dialog.vue.mjs";
+import { defineComponent as f, ref as l, openBlock as h, createBlock as w, unref as o, withCtx as x, createElementVNode as g, normalizeClass as v, createVNode as y } from "vue";
+import { Modal as k } from "ant-design-vue";
+import "../pro-form/index.mjs";
+import "../config-provider/index.mjs";
+import "./style/dialog.css";
+import { useLocale as T } from "../config-provider/hooks/use-locale.mjs";
+import { useNamespace as O } from "../config-provider/hooks/use-namespace.mjs";
+import { useForm as _ } from "../pro-form/hooks/use-form.mjs";
+import b from "../pro-form/pro-form.vue.mjs";
+const R = /* @__PURE__ */ f({
+  __name: "dialog",
+  props: {
+    title: {},
+    addFormSchemas: {},
+    onOK: { type: Function },
+    width: {},
+    labelWidth: {},
+    layout: {}
+  },
+  setup(m) {
+    const e = m, a = l(!0), n = l(!1), { t: i } = T(), { e: s } = O("prompt-dialog"), [c, { validate: p }] = _({
+      schemas: e.addFormSchemas,
+      showActionButtonGroup: !1,
+      labelWidth: e.labelWidth || 80,
+      layout: e.layout || "horizontal"
+    });
+    async function d() {
+      n.value = !0;
+      try {
+        const t = await p();
+        e.onOK && await e.onOK(t.txt), a.value = !1;
+      } finally {
+        n.value = !1;
+      }
+    }
+    return (t, r) => (h(), w(o(k), {
+      open: a.value,
+      "onUpdate:open": r[0] || (r[0] = (u) => a.value = u),
+      title: t.title,
+      onOk: d,
+      confirmLoading: n.value,
+      destroyOnClose: !0,
+      width: t.width || "500px",
+      okText: o(i)("ap.common.okText"),
+      cancelText: o(i)("ap.common.cancelText")
+    }, {
+      default: x(() => [
+        g("div", {
+          class: v(o(s)("content"))
+        }, [
+          y(o(b), { onRegister: o(c) }, null, 8, ["onRegister"])
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["open", "title", "confirmLoading", "width", "okText", "cancelText"]));
+  }
+});
 export {
-  f as default
+  R as default
 };

package/es/src/prompt/index.mjs

@@ -1,11 +1,12 @@
-import { reactive as a, defineComponent as o, h as d, createVNode as i, render as u } from "vue";
-import { genFormSchemas as c } from "./utils.mjs";
-import m from "./dialog.vue.mjs";
-function g(r) {
+import { reactive as a, defineComponent as o, h as i, createVNode as d, render as u } from "vue";
+import { genFormSchemas as m } from "./utils.mjs";
+import "./dialog.vue.mjs";
+import c from "./dialog.vue2.mjs";
+function N(r) {
   let e = null;
   const t = a({
     ...r,
-    addFormSchemas: c({
+    addFormSchemas: m({
       label: r.label,
       required: r.required,
       inputType: r.inputType,
@@ -13,10 +14,10 @@ function g(r) {
     })
   }), n = o({
     render() {
-      return d(m, { ...t });
+      return i(c, { ...t });
     }
   });
-  e = i(n), u(e, document.createElement("div"));
+  e = d(n), u(e, document.createElement("div"));
   function l() {
     e != null && e.el && e.el.parentNode && e.el.parentNode.removeChild(e.el);
   }
@@ -29,5 +30,5 @@ function g(r) {
   };
 }
 export {
-  g as createPrompt
+  N as createPrompt
 };

package/es/src/prompt/utils.d.ts

@@ -1,5 +1,5 @@
-import { FormSchema } from '../pro-form';
-
+import { ComponentFormSchema } from '../pro-form';
+import { ComponentProps } from '../pro-form/types';
 type InputType = 'InputTextArea' | 'InputNumber' | 'Input';
 interface GenFormSchemasOptions {
     label?: string;
@@ -7,5 +7,5 @@ interface GenFormSchemasOptions {
     inputType?: InputType;
     defaultValue?: string | number;
 }
-export declare function genFormSchemas({ label, required, inputType, defaultValue }: GenFormSchemasOptions): FormSchema[];
+export declare function genFormSchemas({ label, required, inputType, defaultValue }: GenFormSchemasOptions): ComponentFormSchema<keyof ComponentProps, any>[];
 export {};

package/es/src/scroll-bar/bar-item.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as S, getCurrentInstance as k, ref as m, inject as H, computed as M, onUnmounted as R, h as b } from "vue";
-import { off as h, on as P } from "@aplus-frontend/utils";
+import { on as h, off as P } from "@aplus-frontend/utils";
 import { BAR_MAP as T, renderThumbStyle as x } from "./utils.mjs";
 import "./style/bar-item.css";
 import "../config-provider/index.mjs";
@@ -25,7 +25,7 @@ const { e: w, is: A } = y("scrollbar"), _ = S({
       ), i = r.value[e.value.offset] / 2, v = (l - i) * 100 / ((u = o == null ? void 0 : o.vnode.el) == null ? void 0 : u[e.value.offset]);
       n.value[e.value.scroll] = v * n.value[e.value.scrollSize] / 100;
     }, C = (t) => {
-      t.stopImmediatePropagation(), c.value = !0, P(document, "mousemove", f), P(document, "mouseup", d), document.onselectstart = () => !1;
+      t.stopImmediatePropagation(), c.value = !0, h(document, "mousemove", f), h(document, "mouseup", d), document.onselectstart = () => !1;
     }, f = (t) => {
       var g, p;
       if (c.value === !1)
@@ -37,10 +37,10 @@ const { e: w, is: A } = y("scrollbar"), _ = S({
       n.value[e.value.scroll] = u * n.value[e.value.scrollSize] / 100;
     };
     function d() {
-      c.value = !1, s.value[e.value.axis] = 0, h(document, "mousemove", f), document.onselectstart = null;
+      c.value = !1, s.value[e.value.axis] = 0, P(document, "mousemove", f), document.onselectstart = null;
     }
     return R(() => {
-      h(document, "mouseup", d);
+      P(document, "mouseup", d);
     }), () => b(
       "div",
       {

package/es/src/scroll-bar/index.mjs

@@ -1,6 +1,8 @@
-import o from "./scroll-bar.vue.mjs";
-import { withInstall as r } from "@aplus-frontend/utils";
-const l = r(o);
+import "./scroll-bar.vue.mjs";
+import { withInstall as o } from "@aplus-frontend/utils";
+import "./interface.mjs";
+import r from "./scroll-bar.vue2.mjs";
+const l = o(r);
 export {
   l as Scrollbar,
   l as default

package/es/src/scroll-bar/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/scroll-bar/scroll-bar.vue.mjs

@@ -1,86 +1,4 @@
-import { defineComponent as W, computed as V, ref as a, provide as _, watch as P, onMounted as R, nextTick as T, unref as e, onBeforeUnmount as A, openBlock as c, createElementBlock as w, normalizeClass as u, createElementVNode as D, normalizeStyle as z, createBlock as F, resolveDynamicComponent as G, withCtx as M, renderSlot as U, Fragment as X, createVNode as g, createCommentVNode as Y } from "vue";
-import { addResizeListener as y, removeResizeListener as C } from "@aplus-frontend/utils";
-import b from "./bar-item.mjs";
-import "./style/index.css";
-import "../config-provider/index.mjs";
-import { useGlobalConfig as $ } from "../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as j } from "../config-provider/hooks/use-namespace.mjs";
-const x = /* @__PURE__ */ W({
-  name: "ApScrollbar",
-  __name: "scroll-bar",
-  props: {
-    native: { type: Boolean },
-    wrapStyle: { default: "" },
-    wrapClass: { default: "" },
-    viewClass: { default: "" },
-    viewStyle: { default: "" },
-    noresize: { type: Boolean },
-    tag: { default: "div" },
-    scrollHeight: { default: 0 }
-  },
-  setup(S, { expose: k }) {
-    var h;
-    const B = $(), s = S, H = !!((h = B.value.scrollbar) != null && h.native), r = V(() => s.native || H), v = a("0"), m = a("0"), d = a(0), f = a(0), t = a(), i = a(), { b: N, e: p, em: L } = j("scrollbar");
-    _("scroll-bar-wrap", t);
-    const E = () => {
-      r.value || (f.value = e(t).scrollTop * 100 / e(t).clientHeight, d.value = e(t).scrollLeft * 100 / e(t).clientWidth);
-    }, o = () => {
-      if (!e(t))
-        return;
-      const l = e(t).clientHeight * 100 / e(t).scrollHeight, n = e(t).clientWidth * 100 / e(t).scrollWidth;
-      m.value = l < 100 ? l + "%" : "", v.value = n < 100 ? n + "%" : "";
-    };
-    return P(
-      () => s.scrollHeight,
-      () => {
-        r.value || o();
-      }
-    ), k({
-      wrap: t
-    }), R(() => {
-      r.value || (T(o), s.noresize || (y(e(i), o), y(e(t), o), addEventListener("resize", o)));
-    }), A(() => {
-      r.value || s.noresize || (C(e(i), o), C(e(t), o), removeEventListener("resize", o));
-    }), (l, n) => (c(), w("div", {
-      class: u(e(N)())
-    }, [
-      D("div", {
-        ref_key: "wrap",
-        ref: t,
-        class: u([
-          l.wrapClass,
-          e(p)("wrap"),
-          r.value ? "" : e(L)("wrap", "hidden-default")
-        ]),
-        style: z(l.wrapStyle),
-        onScroll: E
-      }, [
-        (c(), F(G(l.tag), {
-          ref_key: "resize",
-          ref: i,
-          class: u([e(p)("view"), l.viewClass]),
-          style: z(l.viewStyle)
-        }, {
-          default: M(() => [
-            U(l.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["class", "style"]))
-      ], 38),
-      r.value ? Y("", !0) : (c(), w(X, { key: 0 }, [
-        g(e(b), {
-          move: d.value,
-          size: v.value
-        }, null, 8, ["move", "size"]),
-        g(e(b), {
-          vertical: "",
-          move: f.value,
-          size: m.value
-        }, null, 8, ["move", "size"])
-      ], 64))
-    ], 2));
-  }
-});
+import f from "./scroll-bar.vue2.mjs";
 export {
-  x as default
+  f as default
 };

package/es/src/scroll-bar/scroll-bar.vue2.mjs

@@ -1,4 +1,86 @@
-import f from "./scroll-bar.vue.mjs";
+import { defineComponent as W, computed as V, ref as a, provide as _, unref as e, watch as P, onMounted as R, nextTick as T, onBeforeUnmount as A, openBlock as c, createElementBlock as w, normalizeClass as u, createElementVNode as D, normalizeStyle as z, createBlock as F, resolveDynamicComponent as G, withCtx as M, renderSlot as U, Fragment as X, createVNode as g, createCommentVNode as Y } from "vue";
+import { addResizeListener as y, removeResizeListener as C } from "@aplus-frontend/utils";
+import b from "./bar-item.mjs";
+import "./style/index.css";
+import "../config-provider/index.mjs";
+import { useGlobalConfig as $ } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as j } from "../config-provider/hooks/use-namespace.mjs";
+const x = /* @__PURE__ */ W({
+  name: "ApScrollbar",
+  __name: "scroll-bar",
+  props: {
+    native: { type: Boolean },
+    wrapStyle: { default: "" },
+    wrapClass: { default: "" },
+    viewClass: { default: "" },
+    viewStyle: { default: "" },
+    noresize: { type: Boolean },
+    tag: { default: "div" },
+    scrollHeight: { default: 0 }
+  },
+  setup(S, { expose: k }) {
+    var h;
+    const B = $(), s = S, H = !!((h = B.value.scrollbar) != null && h.native), r = V(() => s.native || H), v = a("0"), m = a("0"), d = a(0), f = a(0), t = a(), i = a(), { b: N, e: p, em: L } = j("scrollbar");
+    _("scroll-bar-wrap", t);
+    const E = () => {
+      r.value || (f.value = e(t).scrollTop * 100 / e(t).clientHeight, d.value = e(t).scrollLeft * 100 / e(t).clientWidth);
+    }, o = () => {
+      if (!e(t))
+        return;
+      const l = e(t).clientHeight * 100 / e(t).scrollHeight, n = e(t).clientWidth * 100 / e(t).scrollWidth;
+      m.value = l < 100 ? l + "%" : "", v.value = n < 100 ? n + "%" : "";
+    };
+    return P(
+      () => s.scrollHeight,
+      () => {
+        r.value || o();
+      }
+    ), k({
+      wrap: t
+    }), R(() => {
+      r.value || (T(o), s.noresize || (y(e(i), o), y(e(t), o), addEventListener("resize", o)));
+    }), A(() => {
+      r.value || s.noresize || (C(e(i), o), C(e(t), o), removeEventListener("resize", o));
+    }), (l, n) => (c(), w("div", {
+      class: u(e(N)())
+    }, [
+      D("div", {
+        ref_key: "wrap",
+        ref: t,
+        class: u([
+          l.wrapClass,
+          e(p)("wrap"),
+          r.value ? "" : e(L)("wrap", "hidden-default")
+        ]),
+        style: z(l.wrapStyle),
+        onScroll: E
+      }, [
+        (c(), F(G(l.tag), {
+          ref_key: "resize",
+          ref: i,
+          class: u([e(p)("view"), l.viewClass]),
+          style: z(l.viewStyle)
+        }, {
+          default: M(() => [
+            U(l.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["class", "style"]))
+      ], 38),
+      r.value ? Y("", !0) : (c(), w(X, { key: 0 }, [
+        g(e(b), {
+          move: d.value,
+          size: v.value
+        }, null, 8, ["move", "size"]),
+        g(e(b), {
+          vertical: "",
+          move: f.value,
+          size: m.value
+        }, null, 8, ["move", "size"])
+      ], 64))
+    ], 2));
+  }
+});
 export {
-  f as default
+  x as default
 };

package/es/src/strength-meter/index.d.ts

@@ -2,12 +2,12 @@ import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOpt
 export * from './interface';
 export declare const StrengthMeter: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        value: {
-            type: PropType<string>;
-        };
         disabled: {
             type: PropType<boolean>;
         };
+        value: {
+            type: PropType<string>;
+        };
         showInput: {
             type: PropType<boolean>;
             default: boolean;
@@ -19,12 +19,12 @@ export declare const StrengthMeter: {
         change: (...args: any[]) => void;
         "score-change": (...args: any[]) => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        value: {
-            type: PropType<string>;
-        };
         disabled: {
             type: PropType<boolean>;
         };
+        value: {
+            type: PropType<string>;
+        };
         showInput: {
             type: PropType<boolean>;
             default: boolean;
@@ -42,12 +42,12 @@ export declare const StrengthMeter: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        value: {
-            type: PropType<string>;
-        };
         disabled: {
             type: PropType<boolean>;
         };
+        value: {
+            type: PropType<string>;
+        };
         showInput: {
             type: PropType<boolean>;
             default: boolean;
@@ -62,12 +62,12 @@ export declare const StrengthMeter: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    value: {
-        type: PropType<string>;
-    };
     disabled: {
         type: PropType<boolean>;
     };
+    value: {
+        type: PropType<string>;
+    };
     showInput: {
         type: PropType<boolean>;
         default: boolean;

package/es/src/strength-meter/index.mjs

@@ -1,6 +1,8 @@
-import t from "./strength-meter.vue.mjs";
-import { withInstall as r } from "@aplus-frontend/utils";
-const e = r(t);
+import "./strength-meter.vue.mjs";
+import { withInstall as t } from "@aplus-frontend/utils";
+import "./interface.mjs";
+import r from "./strength-meter.vue2.mjs";
+const e = t(r);
 export {
   e as StrengthMeter
 };

package/es/src/strength-meter/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/strength-meter/strength-meter.vue.mjs

@@ -1,63 +1,4 @@
-import { defineComponent as v, ref as b, computed as w, unref as t, watchEffect as C, watch as k, openBlock as c, createElementBlock as B, normalizeClass as o, createBlock as P, mergeProps as V, createSlots as y, renderList as S, withCtx as _, renderSlot as z, normalizeProps as E, guardReactiveProps as I, createCommentVNode as N, createElementVNode as u } from "vue";
-import { Input as $ } from "ant-design-vue";
-import { zxcvbn as R } from "@zxcvbn-ts/core";
-import "../config-provider/index.mjs";
-import "./style/index.css";
-import { useNamespace as j } from "../config-provider/hooks/use-namespace.mjs";
-const A = ["data-score"], G = /* @__PURE__ */ v({
-  name: "ApStrengthMeter",
-  __name: "strength-meter",
-  props: {
-    value: {},
-    showInput: { type: Boolean, default: !0 },
-    disabled: { type: Boolean }
-  },
-  emits: ["score-change", "change"],
-  setup(i, { emit: m }) {
-    const s = i, n = m, r = b(""), { b: l, bm: d } = j("strength-meter"), p = w(() => {
-      const { disabled: e } = s;
-      if (e)
-        return -1;
-      const a = t(r) ? R(t(r)).score : -1;
-      return n("score-change", a), a;
-    });
-    function h(e) {
-      n("change", e.target.value), r.value = e.target.value || "";
-    }
-    return C(() => {
-      r.value = s.value || "";
-    }), k(
-      () => t(r),
-      (e) => {
-        n("change", e);
-      }
-    ), (e, f) => (c(), B("div", {
-      class: o(t(l)())
-    }, [
-      e.showInput ? (c(), P(t($).Password, V({ key: 0 }, e.$attrs, {
-        allowClear: "",
-        value: r.value,
-        onChange: h,
-        disabled: e.disabled
-      }), y({ _: 2 }, [
-        S(Object.keys(e.$slots), (a) => ({
-          name: a,
-          fn: _((g) => [
-            z(e.$slots, a, E(I(g || {})))
-          ])
-        }))
-      ]), 1040, ["value", "disabled"])) : N("", !0),
-      u("div", {
-        class: o(t(l)("bar"))
-      }, [
-        u("div", {
-          class: o(t(d)("bar", "fill")),
-          "data-score": p.value
-        }, null, 10, A)
-      ], 2)
-    ], 2));
-  }
-});
+import f from "./strength-meter.vue2.mjs";
 export {
-  G as default
+  f as default
 };

package/es/src/strength-meter/strength-meter.vue2.mjs

@@ -1,4 +1,63 @@
-import f from "./strength-meter.vue.mjs";
+import { defineComponent as v, ref as b, computed as w, unref as t, watchEffect as C, watch as k, openBlock as c, createElementBlock as B, normalizeClass as o, createBlock as P, mergeProps as V, createSlots as y, renderList as S, withCtx as _, renderSlot as z, normalizeProps as E, guardReactiveProps as I, createCommentVNode as N, createElementVNode as u } from "vue";
+import { Input as $ } from "ant-design-vue";
+import { zxcvbn as R } from "@zxcvbn-ts/core";
+import "../config-provider/index.mjs";
+import "./style/index.css";
+import { useNamespace as j } from "../config-provider/hooks/use-namespace.mjs";
+const A = ["data-score"], G = /* @__PURE__ */ v({
+  name: "ApStrengthMeter",
+  __name: "strength-meter",
+  props: {
+    value: {},
+    showInput: { type: Boolean, default: !0 },
+    disabled: { type: Boolean }
+  },
+  emits: ["score-change", "change"],
+  setup(i, { emit: m }) {
+    const s = i, n = m, r = b(""), { b: l, bm: d } = j("strength-meter"), p = w(() => {
+      const { disabled: e } = s;
+      if (e)
+        return -1;
+      const a = t(r) ? R(t(r)).score : -1;
+      return n("score-change", a), a;
+    });
+    function h(e) {
+      n("change", e.target.value), r.value = e.target.value || "";
+    }
+    return C(() => {
+      r.value = s.value || "";
+    }), k(
+      () => t(r),
+      (e) => {
+        n("change", e);
+      }
+    ), (e, f) => (c(), B("div", {
+      class: o(t(l)())
+    }, [
+      e.showInput ? (c(), P(t($).Password, V({ key: 0 }, e.$attrs, {
+        allowClear: "",
+        value: r.value,
+        onChange: h,
+        disabled: e.disabled
+      }), y({ _: 2 }, [
+        S(Object.keys(e.$slots), (a) => ({
+          name: a,
+          fn: _((g) => [
+            z(e.$slots, a, E(I(g || {})))
+          ])
+        }))
+      ]), 1040, ["value", "disabled"])) : N("", !0),
+      u("div", {
+        class: o(t(l)("bar"))
+      }, [
+        u("div", {
+          class: o(t(d)("bar", "fill")),
+          "data-score": p.value
+        }, null, 10, A)
+      ], 2)
+    ], 2));
+  }
+});
 export {
-  f as default
+  G as default
 };

package/es/src/theme/ap-action/item-dropdown.css

@@ -0,0 +1,11 @@
+.aplus-action-item-dropdown__item .aplus-action-item {
+  width: 100%;
+}
+.aplus-action-item-dropdown__wrapper {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+}
+.aplus-action-item-dropdown__icon {
+  margin-left: 4px;
+}

package/es/src/theme/ap-action/item.css

@@ -0,0 +1,28 @@
+.aplus-action-item {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 22px;
+  cursor: pointer;
+}
+.aplus-action-item--primary {
+  color: #0070ff;
+}
+.aplus-action-item--success {
+  color: #2ed1a3;
+}
+.aplus-action-item--error {
+  color: #FF4D4F;
+}
+.aplus-action-item--warn {
+  color: #FFA940;
+}
+.aplus-action-item--loading {
+  opacity: 0.35;
+  transition: opacity 0.2s;
+}
+.aplus-action-item--loading .btn-loading-icon {
+  margin-right: 4px;
+}
+.aplus-action-item--disabled {
+  color: #ABB7CC;
+}