@mobileaction/action-kit 1.0.17 → 1.0.18

package/dist/components/track-button/index.vue.d.ts

@@ -5,6 +5,7 @@ export interface MaTrackButtonProps {
     disabled?: boolean;
     loading?: boolean;
     tracked?: boolean;
+    showClose?: boolean;
     keyword: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaTrackButtonProps>, {

package/dist/components/track-button/stories/default.stories.d.ts

@@ -3,5 +3,6 @@ import MaTrackButton from '../index.vue';
 declare const meta: Meta<typeof MaTrackButton>;
 export default meta;
 declare type Story = StoryObj<typeof MaTrackButton>;
-export declare const Defafult: Story;
+export declare const Default: Story;
+export declare const Closable: Story;
 export declare const ButtonGroups: StoryFn<typeof meta>;

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as y, computed as p, defineAsyncComponent as K, openBlock as n, createBlock as d, resolveDynamicComponent as E, unref as a, normalizeClass as A, mergeProps as w, createSlots as B, renderList as I, withCtx as g, renderSlot as $, createVNode as b, Transition as G, createTextVNode as U, toDisplayString as x, createElementBlock as f, isRef as P, createCommentVNode as _, createElementVNode as z, ref as V, normalizeProps as Y, guardReactiveProps as W, useSlots as Q, Fragment as L, watch as O } from "vue";
+import { defineComponent as h, computed as p, defineAsyncComponent as K, openBlock as n, createBlock as d, resolveDynamicComponent as E, unref as a, normalizeClass as F, mergeProps as w, createSlots as B, renderList as I, withCtx as g, renderSlot as $, createVNode as b, Transition as G, createTextVNode as U, toDisplayString as x, createElementBlock as f, isRef as P, createCommentVNode as _, createElementVNode as z, ref as V, normalizeProps as Y, guardReactiveProps as W, useSlots as Q, Fragment as L, watch as O } from "vue";
 import { Button as H, Switch as X, Tooltip as Z, Form as ss, FormItem as es, Avatar as os, Select as ts, InputPassword as as, Input as ns, ConfigProvider as is, Textarea as ls, SelectOption as rs, Checkbox as cs, CheckboxGroup as ps, Radio as ms, RadioGroup as gs, Alert as us } from "ant-design-vue";
 const q = (o, e) => {
   const s = o[e];
@@ -13,7 +13,7 @@ const q = (o, e) => {
   xl: "w-9 h-9"
 }, fs = {
   name: "MaIcon"
-}, v = /* @__PURE__ */ y({
+}, v = /* @__PURE__ */ h({
   ...fs,
   props: {
     name: null,
@@ -35,12 +35,12 @@ const q = (o, e) => {
       { "animate-spin": e.spin }
     ]);
     return (l, r) => (n(), d(E(a(i)), {
-      class: A(a(t))
+      class: F(a(t))
     }, null, 8, ["class"]));
   }
 }), vs = {
   name: "MaButton"
-}, _s = /* @__PURE__ */ y({
+}, _s = /* @__PURE__ */ h({
   ...vs,
   props: {
     type: { default: "dark" },
@@ -80,7 +80,7 @@ const q = (o, e) => {
       type: a(s),
       role: "button"
     }, r.$attrs, { "prefix-cls": "antd-btn" }), B({ _: 2 }, [
-      I(r.$slots, (h, N) => ({
+      I(r.$slots, (y, N) => ({
         name: N,
         fn: g(() => [
           $(r.$slots, N)
@@ -104,16 +104,17 @@ const q = (o, e) => {
     ]), 1040, ["class", "href", "target", "disabled", "type"]));
   }
 });
-const ys = {
+const hs = {
   name: "MaTrackButton"
-}, $e = /* @__PURE__ */ y({
-  ...ys,
+}, $e = /* @__PURE__ */ h({
+  ...hs,
   props: {
     variant: { default: "default" },
     size: { default: "md" },
     disabled: { type: Boolean },
     loading: { type: Boolean },
     tracked: { type: Boolean },
+    showClose: { type: Boolean },
     keyword: null
   },
   setup(o) {
@@ -124,17 +125,20 @@ const ys = {
       ma-track-button--${e.size}
     `,
       {
-        "ma-track-button--tracked": e.tracked
+        "ma-track-button--tracked": e?.tracked
       },
       {
-        "ma-track-button--loading": e.loading
+        "ma-track-button--loading": e?.loading
+      },
+      {
+        "ma-track-button--show-close": e?.showClose
       }
     ]), i = p(
-      () => e.loading ? "loader" : e.tracked ? "tick-circle-bold" : "add"
+      () => e.loading ? "loader" : e?.showClose ? "close-circle" : e?.tracked ? "tick-circle-bold" : "add"
     ), t = p(() => e.size === "lg" ? "sm" : "xs");
     return (l, r) => (n(), d(a(H), w(l.$attrs, {
       class: a(s),
-      disabled: e.disabled || e.loading,
+      disabled: e?.disabled || e?.loading,
       role: "button",
       "prefix-cls": "antd-btn"
     }), B({
@@ -142,7 +146,7 @@ const ys = {
         b(G, { name: "fade" }, {
           default: g(() => [
             b(v, {
-              spin: e.loading,
+              spin: e?.loading,
               name: a(i),
               size: a(t)
             }, null, 8, ["spin", "name", "size"])
@@ -155,16 +159,16 @@ const ys = {
       ]),
       _: 2
     }, [
-      I(l.$slots, (m, h) => ({
-        name: h,
+      I(l.$slots, (m, y) => ({
+        name: y,
         fn: g(() => [
-          $(l.$slots, h)
+          $(l.$slots, y)
         ])
       }))
     ]), 1040, ["class", "disabled"]));
   }
 });
-const hs = {
+const ys = {
   key: 0,
   class: "ma-toggle__titles"
 }, bs = {
@@ -175,7 +179,7 @@ const hs = {
   class: "ma-toggle__titles__sub-title"
 }, $s = {
   name: "MaToggle"
-}, we = /* @__PURE__ */ y({
+}, we = /* @__PURE__ */ h({
   ...$s,
   props: {
     size: { default: "default" },
@@ -204,7 +208,7 @@ const hs = {
       }
     ]);
     return (l, r) => (n(), f("div", {
-      class: A(a(t))
+      class: F(a(t))
     }, [
       b(a(X), w({
         class: "ma-toggle__switch",
@@ -218,7 +222,7 @@ const hs = {
         unCheckedChildren: s.unCheckedChildren,
         "prefix-cls": "antd-switch"
       }), null, 16, ["checked", "disabled", "loading", "checkedChildren", "unCheckedChildren"]),
-      s.title || s.subTitle ? (n(), f("div", hs, [
+      s.title || s.subTitle ? (n(), f("div", ys, [
         s.title ? (n(), f("span", bs, x(s.title), 1)) : _("", !0),
         s.subTitle ? (n(), f("span", ks, x(s.subTitle), 1)) : _("", !0)
       ])) : _("", !0)
@@ -227,7 +231,7 @@ const hs = {
 });
 const ws = ["aria-checked", "disabled"], Cs = {
   name: "MaSwitch"
-}, Ce = /* @__PURE__ */ y({
+}, Ce = /* @__PURE__ */ h({
   ...Cs,
   props: {
     active: null,
@@ -267,16 +271,16 @@ const ws = ["aria-checked", "disabled"], Cs = {
       disabled: s.disabled
     }), [
       z("span", {
-        class: A({ active: s.active === s.leftValue }),
-        onClick: m[0] || (m[0] = (h) => l(s.leftValue))
+        class: F({ active: s.active === s.leftValue }),
+        onClick: m[0] || (m[0] = (y) => l(s.leftValue))
       }, [
         b(v, {
           name: s.leftIcon
         }, null, 8, ["name"])
       ], 2),
       z("span", {
-        class: A({ active: s.active === s.rightValue }),
-        onClick: m[1] || (m[1] = (h) => l(s.rightValue))
+        class: F({ active: s.active === s.rightValue }),
+        onClick: m[1] || (m[1] = (y) => l(s.rightValue))
       }, [
         b(v, {
           name: s.rightIcon
@@ -290,7 +294,7 @@ const xs = { class: "ma-tooltip-overlay__content" }, Is = { class: "ma-tooltip-o
   class: "ma-tooltip-overlay__content__description"
 }, zs = {
   name: "MaTooltip"
-}, xe = /* @__PURE__ */ y({
+}, xe = /* @__PURE__ */ h({
   ...zs,
   props: {
     placement: { default: "top" },
@@ -316,7 +320,7 @@ const xs = { class: "ma-tooltip-overlay__content" }, Is = { class: "ma-tooltip-o
     };
     return (r, m) => (n(), d(a(Z), w(r.$attrs, {
       visible: t.value,
-      "onUpdate:visible": m[0] || (m[0] = (h) => t.value = h),
+      "onUpdate:visible": m[0] || (m[0] = (y) => t.value = y),
       class: a(s),
       placement: e.placement,
       trigger: e.trigger,
@@ -343,7 +347,7 @@ const xs = { class: "ma-tooltip-overlay__content" }, Is = { class: "ma-tooltip-o
       ]),
       _: 2
     }, [
-      I(r.$slots, (h, N) => ({
+      I(r.$slots, (y, N) => ({
         name: N,
         fn: g(() => [
           $(r.$slots, N)
@@ -354,7 +358,7 @@ const xs = { class: "ma-tooltip-overlay__content" }, Is = { class: "ma-tooltip-o
 });
 const Ns = {
   name: "MaForm"
-}, Ie = /* @__PURE__ */ y({
+}, Ie = /* @__PURE__ */ h({
   ...Ns,
   setup(o, { expose: e }) {
     const s = V();
@@ -364,16 +368,16 @@ const Ns = {
       resetFields: () => s.value.resetFields(),
       scrollToField: () => s.value.scrollToField(),
       validateFields: () => s.value.validateFields()
-    }), (h, N) => (n(), d(a(ss), w(h.$attrs, {
+    }), (y, N) => (n(), d(a(ss), w(y.$attrs, {
       class: "ma-form",
       "prefix-cls": "antd-form",
       ref_key: "form",
       ref: s
     }), B({ _: 2 }, [
-      I(h.$slots, (F, S) => ({
+      I(y.$slots, (A, S) => ({
         name: S,
         fn: g(() => [
-          $(h.$slots, S)
+          $(y.$slots, S)
         ])
       }))
     ]), 1040));
@@ -381,7 +385,7 @@ const Ns = {
 });
 const Ss = {
   name: "MaFormItem"
-}, Be = /* @__PURE__ */ y({
+}, Be = /* @__PURE__ */ h({
   ...Ss,
   setup(o) {
     return (e, s) => (n(), d(a(es), w(e.$attrs, {
@@ -408,16 +412,16 @@ const Ms = {
   { label: "EUR", value: "EUR" },
   { label: "GBP", value: "GBP" },
   { label: "JPY", value: "JPY" }
-], Fs = {
+], As = {
   name: "MaAvatar"
-}, As = /* @__PURE__ */ y({
-  ...Fs,
+}, Fs = /* @__PURE__ */ h({
+  ...As,
   setup(o) {
     return (e, s) => (n(), d(a(os), Y(W(e.$attrs)), null, 16));
   }
 }), Ds = { class: "dropdown-wrapper" }, Ps = { class: "mobile-header" }, js = /* @__PURE__ */ z("label", null, "Select", -1), Rs = {
   name: "MaDropdownRender"
-}, Ts = /* @__PURE__ */ y({
+}, Ts = /* @__PURE__ */ h({
   ...Rs,
   props: {
     menu: {
@@ -461,7 +465,7 @@ const Ms = {
       ]),
       b(Ks, {
         value: a(t),
-        "onUpdate:value": m[0] || (m[0] = (h) => P(t) ? t.value = h : null),
+        "onUpdate:value": m[0] || (m[0] = (y) => P(t) ? t.value = y : null),
         autofocus: "",
         placeholder: "Search",
         "prefix-icon": "search-normal"
@@ -474,7 +478,7 @@ const Ms = {
   class: "prefix-icon"
 }, Os = {
   name: "MaSelect"
-}, qs = /* @__PURE__ */ y({
+}, qs = /* @__PURE__ */ h({
   ...Os,
   props: {
     allowClear: { type: Boolean },
@@ -511,7 +515,7 @@ const Ms = {
       set(u) {
         e("update:value", u);
       }
-    }), h = p(() => [
+    }), y = p(() => [
       "ma-select",
       `ma-select--${s.size}`,
       {
@@ -527,7 +531,7 @@ const Ms = {
       s?.dropdownClassName,
       "ma-select-dropdown",
       !s?.mode && (i?.prefixIcon || s?.prefixIcon) ? "ma-select-dropdown--has-prefix" : null
-    ].join(" ")), F = p(() => s?.loading ? "loader" : s?.suffixIcon), S = () => {
+    ].join(" ")), A = p(() => s?.loading ? "loader" : s?.suffixIcon), S = () => {
       l.value = !0;
     }, D = (u) => {
       l.value = u, t.value = "";
@@ -538,7 +542,7 @@ const Ms = {
       value: a(m),
       "onUpdate:value": C[1] || (C[1] = (R) => P(m) ? m.value = R : null)
     }, u.$attrs, {
-      class: a(h),
+      class: a(y),
       allowClear: s?.allowClear,
       autoClearSearchValue: s?.autoClearSearchValue,
       autofocus: s?.autofocus,
@@ -563,7 +567,7 @@ const Ms = {
       suffixIcon: g(() => [
         b(v, {
           spin: s?.loading,
-          name: a(F) || "chevron-down"
+          name: a(A) || "chevron-down"
         }, null, 8, ["spin", "name"]),
         u.$slots?.prefixIcon || s?.prefixIcon ? (n(), f("div", Us, [
           $(u.$slots, "prefixIcon", {}, () => [
@@ -644,7 +648,7 @@ const Es = ["for"], Gs = {
 }, Js = {
   name: "MaInput",
   inheritAttrs: !1
-}, Ks = /* @__PURE__ */ y({
+}, Ks = /* @__PURE__ */ h({
   ...Js,
   props: {
     allowClear: { type: Boolean },
@@ -689,14 +693,14 @@ const Es = ["for"], Gs = {
       set(c) {
         e("update:value", c);
       }
-    }), m = p(() => s.amountCurrency ? Ms[s.amountCurrency.toLowerCase()] : null), h = p({
+    }), m = p(() => s.amountCurrency ? Ms[s.amountCurrency.toLowerCase()] : null), y = p({
       get() {
         return s.amountCurrency;
       },
       set(c) {
         e("update:amountCurrency", c);
       }
-    }), N = p(() => s.type === M.password ? as : ns), F = p(() => s.type === M.url ? "https" : s?.addonBefore), S = (c) => {
+    }), N = p(() => s.type === M.password ? as : ns), A = p(() => s.type === M.url ? "https" : s?.addonBefore), S = (c) => {
       e("change", c);
     }, D = (c) => {
       e("currency-change", c);
@@ -704,7 +708,7 @@ const Es = ["for"], Gs = {
       i.value.focus();
     };
     return (c, k) => (n(), f("div", {
-      class: A(a(l))
+      class: F(a(l))
     }, [
       $(c.$slots, "title"),
       s.title ? (n(), f("label", {
@@ -724,7 +728,7 @@ const Es = ["for"], Gs = {
               type: a(t),
               disabled: s?.disabled,
               placeholder: s?.placeholder,
-              addonBefore: a(F),
+              addonBefore: a(A),
               addonAfter: o.addonAfter,
               class: "ma-input__input",
               onChange: S,
@@ -738,7 +742,7 @@ const Es = ["for"], Gs = {
                   name: s.prefixIcon
                 }, null, 8, ["name"])) : a(m) ? (n(), f(L, { key: 1 }, [
                   U(x(a(m)), 1)
-                ], 64)) : s.type === a(M).userInfo ? (n(), d(As, {
+                ], 64)) : s.type === a(M).userInfo ? (n(), d(Fs, {
                   key: 2,
                   src: s.avatarUrl,
                   disabled: s.disabled
@@ -747,8 +751,8 @@ const Es = ["for"], Gs = {
               suffix: g(() => [
                 s.type === "amount" ? (n(), d(qs, {
                   key: 0,
-                  value: a(h),
-                  "onUpdate:value": k[0] || (k[0] = (u) => P(h) ? h.value = u : null),
+                  value: a(y),
+                  "onUpdate:value": k[0] || (k[0] = (u) => P(y) ? y.value = u : null),
                   onChange: D,
                   dropdownClassName: "ma-input__input__ma-select__dropdown",
                   options: a(Vs),
@@ -802,7 +806,7 @@ const Es = ["for"], Gs = {
 });
 const Ys = {
   name: "MaSelectOption"
-}, ze = /* @__PURE__ */ y({
+}, ze = /* @__PURE__ */ h({
   ...Ys,
   setup(o) {
     return (e, s) => (n(), d(a(rs), w(e.$attrs, {
@@ -819,7 +823,7 @@ const Ys = {
   }
 }), Ws = {
   name: "MaCheckbox"
-}, Ne = /* @__PURE__ */ y({
+}, Ne = /* @__PURE__ */ h({
   ...Ws,
   props: {
     hint: null,
@@ -854,7 +858,7 @@ const Ys = {
 });
 const Qs = {
   name: "MaCheckboxGroup"
-}, Se = /* @__PURE__ */ y({
+}, Se = /* @__PURE__ */ h({
   ...Qs,
   props: {
     hint: null,
@@ -878,7 +882,7 @@ const Qs = {
       }))
     ]), 1040));
   }
-}), Xs = ["value"], Zs = /* @__PURE__ */ y({
+}), Xs = ["value"], Zs = /* @__PURE__ */ h({
   __name: "singleNumericInput",
   props: {
     value: { default: "" },
@@ -911,7 +915,7 @@ const Qs = {
   }
 }), se = {
   name: "MaNumericInput"
-}, Me = /* @__PURE__ */ y({
+}, Me = /* @__PURE__ */ h({
   ...se,
   props: {
     disabled: { type: Boolean },
@@ -932,7 +936,7 @@ const Qs = {
       {
         "ma-numeric-input--disabled": s?.disabled
       }
-    ]), r = p(() => s?.placeholderStatus ? "0" : null), m = (c) => /^Digit[0-9]$/.test(c), h = (c) => i.value = c, N = (c, k) => {
+    ]), r = p(() => s?.placeholderStatus ? "0" : null), m = (c) => /^Digit[0-9]$/.test(c), y = (c) => i.value = c, N = (c, k) => {
       switch (c.code) {
         case "Backspace":
         case "Delete":
@@ -942,13 +946,13 @@ const Qs = {
           c.preventDefault(), S();
           break;
         case "ArrowRight":
-          c.preventDefault(), F();
+          c.preventDefault(), A();
           break;
         default:
-          m(c.code) && (c.preventDefault(), D(c.key, k), F());
+          m(c.code) && (c.preventDefault(), D(c.key, k), A());
           break;
       }
-    }, F = () => {
+    }, A = () => {
       i.value < s.length && i.value++;
     }, S = () => {
       s.length >= i.value && i.value > 0 && i.value--;
@@ -956,7 +960,7 @@ const Qs = {
       t.value[k] = c;
     }, j = (c, k) => {
       c.preventDefault();
-      const u = c.clipboardData.getData("text/plain").replaceAll(" ", "").slice(0, s.length);
+      const u = c.clipboardData.getData("text/plain").replaceAll(" ", "").replaceAll("-", "").slice(0, s.length);
       u.length === 1 && u.match(/^\d+$/) ? t.value[k] = u : u.match(/^\d+$/) && (t.value = u.split(""));
     };
     return O(
@@ -978,7 +982,7 @@ const Qs = {
         placeholder: a(r),
         value: t.value[u - 1],
         disabled: s.disabled,
-        onFocus: (C) => h(u - 1),
+        onFocus: (C) => y(u - 1),
         onKeydown: (C) => N(C, u - 1),
         onPaste: (C) => j(C, u - 1),
         class: "ma-numeric-input__input"
@@ -988,7 +992,7 @@ const Qs = {
 });
 const ee = {
   name: "MaRadio"
-}, oe = /* @__PURE__ */ y({
+}, oe = /* @__PURE__ */ h({
   ...ee,
   props: {
     type: { default: "button" },
@@ -1019,7 +1023,7 @@ const te = ["aria-checked", "disabled"], ae = ["src", "alt"], ne = { class: "ma-
   class: "ma-app-track-button__text__category"
 }, re = { class: "ma-app-track-button__check" }, ce = {
   name: "MaAppTrackButton"
-}, Ve = /* @__PURE__ */ y({
+}, Ve = /* @__PURE__ */ h({
   ...ce,
   props: {
     checked: { type: Boolean, default: !1 },
@@ -1100,7 +1104,7 @@ const pe = { class: "ma-app-icon__logo" }, me = ["src"], ge = {
   class: "ma-app-description"
 }, ve = {
   name: "MaAppIcon"
-}, Fe = /* @__PURE__ */ y({
+}, Ae = /* @__PURE__ */ h({
   ...ve,
   props: {
     appIcon: null,
@@ -1122,7 +1126,7 @@ const pe = { class: "ma-app-icon__logo" }, me = ["src"], ge = {
       e("close");
     };
     return (r, m) => (n(), f("div", {
-      class: A(a(t))
+      class: F(a(t))
     }, [
       z("div", pe, [
         s.closable ? (n(), f("span", {
@@ -1155,7 +1159,7 @@ const pe = { class: "ma-app-icon__logo" }, me = ["src"], ge = {
 });
 const _e = {
   name: "MaRadioGroup"
-}, Ae = /* @__PURE__ */ y({
+}, Fe = /* @__PURE__ */ h({
   ..._e,
   setup(o) {
     return (e, s) => (n(), d(a(gs), w(e.$attrs, { "prefix-cls": "antd-radio" }), B({ _: 2 }, [
@@ -1167,10 +1171,10 @@ const _e = {
       }))
     ]), 1040));
   }
-}), ye = {
+}), he = {
   name: "MaBadge"
-}, De = /* @__PURE__ */ y({
-  ...ye,
+}, De = /* @__PURE__ */ h({
+  ...he,
   props: {
     type: { default: "primary" },
     variant: { default: "dark" },
@@ -1188,7 +1192,7 @@ const _e = {
       }
     ]);
     return (i, t) => (n(), f("div", {
-      class: A(a(s))
+      class: F(a(s))
     }, [
       e?.icon ? (n(), d(v, {
         key: 0,
@@ -1198,10 +1202,10 @@ const _e = {
     ], 2));
   }
 });
-const he = {
+const ye = {
   name: "MaAlert"
-}, Pe = /* @__PURE__ */ y({
-  ...he,
+}, Pe = /* @__PURE__ */ h({
+  ...ye,
   props: {
     variant: { default: "dark" },
     type: { default: "primary" },
@@ -1248,7 +1252,7 @@ const he = {
 });
 export {
   Pe as MaAlert,
-  Fe as MaAppIcon,
+  Ae as MaAppIcon,
   Ve as MaAppTrackButton,
   De as MaBadge,
   _s as MaButton,
@@ -1260,7 +1264,7 @@ export {
   Ks as MaInput,
   Me as MaNumericInput,
   oe as MaRadio,
-  Ae as MaRadioGroup,
+  Fe as MaRadioGroup,
   qs as MaSelect,
   ze as MaSelectOption,
   Ce as MaSwitch,