@aplus-frontend/ui 7.0.1 → 7.1.0

package/es/src/business/ap-radio-group/style/index.mjs

@@ -10,7 +10,7 @@ const i = (o) => {
         cursor: "pointer",
         paddingInline: o.spaceLG,
         borderRadius: o.borderRadius,
-        color: o.textColor1,
+        color: o.textColor2,
         transition: "all 0.3s ease-in-out",
         willChange: "background-color",
         "&:hover": {

package/es/src/business/ap-size-input/ApSizeInput.mjs

@@ -18,7 +18,7 @@ const _ = /* @__PURE__ */ p({
     } = v("ap-size-input"), h = I("ap-size-input"), {
       t: n
     } = z(), r = g.useInjectFormItemContext(), o = (t, l) => {
-      const i = e.value;
+      const i = e.value || [];
       i[t] = l, c("update:value", i), c("SizeInputChange", f(i)), r.onFieldChange();
     };
     return () => {

package/es/src/business/ap-table-modal/hooks/use-table-modal.mjs

@@ -1,9 +1,8 @@
-import { onUnmounted as c } from "vue";
-import { AsyncOpenResultError as f } from "../interface.mjs";
-import { merge as i } from "lodash-unified";
-import { useCreateTableModal as u } from "./use-create-table-modal.mjs";
-function A(r) {
-  const t = i(r, {
+import { onUnmounted as f } from "vue";
+import { merge as c } from "lodash-unified";
+import { useCreateTableModal as i } from "./use-create-table-modal.mjs";
+function b(r) {
+  const a = c(r, {
     ...{
       footer: null
     },
@@ -12,25 +11,25 @@ function A(r) {
     },
     destroyOnUnmounted: !1,
     isRenderModalTitleSuffix: !1
-  }), { destroy: o, openModal: l, closeModal: a, ...n } = u(t), s = async (d) => {
+  }), { destroy: e, openModal: s, closeModal: l, ...n } = i(a), d = async (p) => {
     try {
-      await l([], d);
-    } catch (p) {
-      if (p !== f.ModalCancel)
-        throw Error;
+      await s([], p);
+    } catch (o) {
+      if (!(typeof o == "string" && o.startsWith("Ignored Reject:")))
+        throw o;
     }
-  }, e = () => {
-    a();
+  }, t = () => {
+    l();
   };
-  return c(() => {
-    e(), o();
+  return f(() => {
+    t(), e();
   }), {
-    open: s,
-    destroy: o,
-    close: e,
+    open: d,
+    destroy: e,
+    close: t,
     ...n
   };
 }
 export {
-  A as useTableModal
+  b as useTableModal
 };

package/es/src/business/ap-table-modal/modal-title.vue2.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as m, createElementBlock as c, openBlock as f, createTextVNode as a, renderSlot as d, toDisplayString as t, createElementVNode as r, normalizeStyle as u, unref as o } from "vue";
+import { defineComponent as m, createElementBlock as c, openBlock as f, createTextVNode as r, renderSlot as d, toDisplayString as t, createElementVNode as l, normalizeStyle as u, unref as o } from "vue";
 import "../../config-provider/index.mjs";
-import { useLocale as p } from "../../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as s } from "../../config-provider/hooks/use-global-config.mjs";
-const T = /* @__PURE__ */ m({
+import { useToken as p } from "../../config-provider/hooks/use-token.mjs";
+import { useLocale as s } from "../../config-provider/hooks/use-locale.mjs";
+const b = /* @__PURE__ */ m({
   __name: "modal-title",
   props: {
     title: {
@@ -19,32 +19,32 @@ const T = /* @__PURE__ */ m({
     }
   },
   setup(e) {
-    const { t: n } = p(), l = s("uiMode", "aplus");
+    const { t: n } = s(), { token: a } = p();
     return (i, x) => (f(), c("div", null, [
-      a(t(e.title) + " ", 1),
+      r(t(e.title) + " ", 1),
       d(i.$slots, "default", {
         maxCount: e.maxCount,
         count: e.count
       }, () => [
-        r("span", {
+        l("span", {
           style: u({
-            color: o(l) === "admin" ? "#999999" : "#8896b0",
+            color: o(a).textColor3,
             fontSize: "12px",
             fontWeight: "normal",
             marginLeft: "12px"
           }),
           class: "product-number"
         }, [
-          a(t(isFinite(e.maxCount) ? o(n)("ap.apTableModal.titleSuffixOne", { maxCount: e.maxCount }) : "") + t(o(n)("ap.apTableModal.titleSuffixTwo")) + " ", 1),
-          r("span", {
-            style: u({ color: o(l) === "admin" ? "#34B77C" : "#0070ff" })
+          r(t(isFinite(e.maxCount) ? o(n)("ap.apTableModal.titleSuffixOne", { maxCount: e.maxCount }) : "") + t(o(n)("ap.apTableModal.titleSuffixTwo")) + " ", 1),
+          l("span", {
+            style: u({ color: o(a).colorLink })
           }, t(e.count), 5),
-          a(" " + t(o(n)("ap.apTableModal.titleSuffixThree")), 1)
+          r(" " + t(o(n)("ap.apTableModal.titleSuffixThree")), 1)
         ], 4)
       ])
     ]));
   }
 });
 export {
-  T as default
+  b as default
 };

package/es/src/business/ap-title/style/index.mjs

@@ -24,7 +24,7 @@ const i = (e) => {
       },
       [`${o}__prefix`]: {
         fontWeight: "bold",
-        color: e.textColor2,
+        color: e.textColor1,
         display: "flex",
         alignItems: "center",
         ".anticon-question-circle": {

package/es/src/business/ap-upload-file/ap-upload-single/ap-upload-single.vue.mjs

@@ -1,18 +1,19 @@
-import { defineComponent as G, computed as C, createBlock as y, openBlock as u, unref as e, mergeProps as H, withCtx as i, renderSlot as J, normalizeProps as K, guardReactiveProps as Q, createElementVNode as s, normalizeClass as l, createElementBlock as v, createVNode as n, createTextVNode as m, toDisplayString as p, resolveDynamicComponent as S, h as N, Fragment as D } from "vue";
-import { clearSingleFile as W, clearAllFile as b } from "../utils/fileList.mjs";
+import { defineComponent as M, computed as y, createBlock as C, openBlock as u, unref as e, mergeProps as G, withCtx as i, renderSlot as H, normalizeProps as J, guardReactiveProps as K, createElementVNode as s, normalizeClass as l, createElementBlock as v, createVNode as n, createTextVNode as m, toDisplayString as p, resolveDynamicComponent as F, h as N, Fragment as L } from "vue";
+import { clearSingleFile as Q, clearAllFile as b } from "../utils/fileList.mjs";
 import g from "../icon/file-icon.vue.mjs";
 import k from "../icon/delete-icon.vue.mjs";
-import { Form as X, UploadDragger as Y, TypographyParagraph as x, Progress as Z, Tooltip as L } from "@aplus-frontend/antdv";
-import { FormItemInputContext as ee } from "@aplus-frontend/antdv/es/form/FormItemContext";
-import { useSingleProps as te } from "../hook/useProps.mjs";
-import { useInjectContext as oe } from "../hook/useInjectContext.mjs";
-import { omit as le } from "lodash-unified";
+import { Form as W, UploadDragger as X, TypographyParagraph as x, Progress as Y, Tooltip as P } from "@aplus-frontend/antdv";
+import { FormItemInputContext as Z } from "@aplus-frontend/antdv/es/form/FormItemContext";
+import { useSingleProps as ee } from "../hook/useProps.mjs";
+import { useInjectContext as te } from "../hook/useInjectContext.mjs";
+import { omit as oe } from "lodash-unified";
 import "../../../config-provider/index.mjs";
-import se from "./style/index.mjs";
-import { useGlobalConfig as w } from "../../../config-provider/hooks/use-global-config.mjs";
-import { useLocale as ne } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as ae } from "../../../config-provider/hooks/use-namespace.mjs";
-const xe = /* @__PURE__ */ G({
+import le from "./style/index.mjs";
+import { useToken as se } from "../../../config-provider/hooks/use-token.mjs";
+import { useGlobalConfig as ne } from "../../../config-provider/hooks/use-global-config.mjs";
+import { useLocale as ae } from "../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ie } from "../../../config-provider/hooks/use-namespace.mjs";
+const Se = /* @__PURE__ */ M({
   __name: "ap-upload-single",
   props: {
     dirName: {},
@@ -29,28 +30,28 @@ const xe = /* @__PURE__ */ G({
     subTitle: { type: [Object, String, Number, Boolean, null, Array] }
   },
   emits: ["update:fileList"],
-  setup(A, { emit: E }) {
-    const P = ee.useInject(), $ = C(() => P.status), d = A, q = E, B = X.useInjectFormItemContext(), r = C({
+  setup(w, { emit: A }) {
+    const T = Z.useInject(), $ = y(() => T.status), d = w, q = A, B = W.useInjectFormItemContext(), r = y({
       get() {
         return d.fileList || [];
       },
       set(c) {
         q("update:fileList", c), B?.onFieldChange();
       }
-    }), o = C(() => r.value?.[0]), O = w("apUpload"), { t: T, lang: U } = ne(), {
-      title: j,
-      subTitle: z,
-      beforeUpload: R,
-      customRequest: M
-    } = te(d), h = M;
-    oe(
-      T,
+    }), o = y(() => r.value?.[0]), O = ne("apUpload"), { t: U, lang: j } = ae(), {
+      title: z,
+      subTitle: R,
+      beforeUpload: E,
+      customRequest: h
+    } = ee(d), D = h;
+    te(
       U,
+      j,
       d?.getOssAccess ?? O.value?.getOssAccess
     );
-    const { b: I, e: t } = ae("ap-upload-single"), V = se("ap-upload-single"), F = w("uiMode");
+    const { b: I, e: t } = ie("ap-upload-single"), V = le("ap-upload-single"), { token: S } = se();
     function _(c) {
-      return le(c, [
+      return oe(c, [
         "dirName",
         "needName",
         "getOssAccess",
@@ -59,7 +60,7 @@ const xe = /* @__PURE__ */ G({
         "subTitle"
       ]);
     }
-    return (c, a) => (u(), y(e(Y), H({
+    return (c, a) => (u(), C(e(X), G({
       ...c.$attrs,
       ..._(d)
     }, {
@@ -69,13 +70,13 @@ const xe = /* @__PURE__ */ G({
       "show-upload-list": !1,
       disabled: !!o.value && [void 0, "uploading", "error", "success", "done"].includes(o.value.status),
       class: [e(I)(), `${e(I)()}-affix-wrapper-status-${$.value}`, e(V)],
-      "before-upload": e(R),
-      "custom-request": e(h)
+      "before-upload": e(E),
+      "custom-request": e(D)
     }), {
       default: i(() => [
-        J(c.$slots, "default", K(Q({
+        H(c.$slots, "default", J(K({
           file: o.value,
-          clear: () => o.value && e(W)(o.value, r.value, { maxCount: 1 })
+          clear: () => o.value && e(Q)(o.value, r.value, { maxCount: 1 })
         })), () => [
           s("div", {
             class: l([e(t)("content")])
@@ -101,12 +102,12 @@ const xe = /* @__PURE__ */ G({
                   ]),
                   _: 1
                 }, 8, ["tooltip"]),
-                n(e(Z), {
+                n(e(Y), {
                   percent: o.value.percent || 0,
                   size: 4,
                   "show-info": !1,
-                  "trail-color": e(F) === "admin" ? "#D9D9D9" : "#DEE4ED",
-                  "stroke-color": e(F) === "admin" ? "#34B77C" : "#0070FF"
+                  "trail-color": e(S).borderColorBase,
+                  "stroke-color": e(S).colorPrimary
                 }, null, 8, ["percent", "trail-color", "stroke-color"])
               ], 2),
               s("div", {
@@ -127,7 +128,7 @@ const xe = /* @__PURE__ */ G({
               s("div", {
                 class: l([e(t)("content-file-name"), e(t)("content-error-name")])
               }, [
-                n(e(L), null, {
+                n(e(P), null, {
                   title: i(() => [
                     m(p(o.value?.error || "--"), 1)
                   ]),
@@ -163,7 +164,7 @@ const xe = /* @__PURE__ */ G({
               s("div", {
                 class: l([e(t)("content-file-name"), e(t)("content-done-name")])
               }, [
-                n(e(L), null, {
+                n(e(P), null, {
                   title: i(() => [
                     m(p(o.value?.name || "--"), 1)
                   ]),
@@ -199,12 +200,12 @@ const xe = /* @__PURE__ */ G({
               s("div", {
                 class: l([e(t)("content-empty-title")])
               }, [
-                (u(), y(S(N(D, [e(j)]))))
+                (u(), C(F(N(L, [e(z)]))))
               ], 2),
               s("div", {
                 class: l([e(t)("content-empty-sub-title")])
               }, [
-                (u(), y(S(N(D, [e(z)]))))
+                (u(), C(F(N(L, [e(R)]))))
               ], 2)
             ], 2))
           ], 2)
@@ -215,5 +216,5 @@ const xe = /* @__PURE__ */ G({
   }
 });
 export {
-  xe as default
+  Se as default
 };

package/es/src/business/ap-value-select-card/index.vue2.mjs

@@ -1,12 +1,11 @@
-import { defineComponent as L, ref as O, computed as T, createElementBlock as r, openBlock as d, normalizeStyle as A, normalizeClass as a, unref as s, createVNode as b, withCtx as V, createElementVNode as c, createCommentVNode as y, Fragment as N, renderList as R, withModifiers as f, renderSlot as u, createTextVNode as g, toDisplayString as h, createBlock as j } from "vue";
-import { Popover as G } from "@aplus-frontend/antdv";
-import { PlusOutlined as q, InfoCircleFilled as J } from "@ant-design/icons-vue";
-import { IconApAdLinePoor as Q } from "@aplus-frontend/icon";
+import { defineComponent as z, ref as O, computed as T, createElementBlock as r, openBlock as d, normalizeStyle as A, normalizeClass as a, unref as s, createVNode as b, withCtx as V, createElementVNode as c, createCommentVNode as y, Fragment as N, renderList as R, withModifiers as f, renderSlot as h, createTextVNode as g, toDisplayString as u, createBlock as L } from "vue";
+import { Popover as j } from "@aplus-frontend/antdv";
+import { PlusOutlined as M, InfoCircleFilled as q } from "@ant-design/icons-vue";
+import { IconApAdLinePoor as G } from "@aplus-frontend/icon";
 import "../../config-provider/index.mjs";
-import U from "./style/index.mjs";
-import { useNamespace as W } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as X } from "../../config-provider/hooks/use-global-config.mjs";
-const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onClick"], ee = ["onClick"], te = { class: "label" }, le = { class: "value" }, se = { class: "text" }, he = /* @__PURE__ */ L({
+import J from "./style/index.mjs";
+import { useNamespace as Q } from "../../config-provider/hooks/use-namespace.mjs";
+const U = ["onClick"], W = { class: "label" }, X = { class: "value" }, Y = ["onClick"], Z = ["onClick"], _ = { class: "label" }, x = { class: "value" }, ee = { class: "text" }, de = /* @__PURE__ */ z({
   name: "ApValueSelectCard",
   __name: "index",
   props: {
@@ -26,7 +25,7 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
   },
   emits: ["update:selectedKeys", "update:highlightedKeys", "change", "select", "remove", "highlight"],
   setup(v, { expose: F, emit: H }) {
-    const o = H, l = v, { b: n, m: D } = W("ap-value-select-card"), E = U("ap-value-select-card"), M = X("uiMode", "aplus"), P = O(null), p = O(!1), K = T(() => l.options), C = T(() => K.value.filter(
+    const o = H, l = v, { b: n } = Q("ap-value-select-card"), D = J("ap-value-select-card"), E = O(null), p = O(!1), K = T(() => l.options), C = T(() => K.value.filter(
       (e) => l.selectedKeys.includes(e.key)
     )), B = (e) => l.selectedKeys.includes(e), S = (e) => l.highlightedKeys.includes(e), $ = (e) => {
       l.selectedKeys.includes(e) ? k(e) : I(e);
@@ -53,7 +52,7 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
       else
         i = [...l.highlightedKeys, e];
       o("update:highlightedKeys", i), o("highlight", i);
-    }, z = (e) => {
+    }, P = (e) => {
       e || (p.value = e);
     };
     return F({
@@ -67,19 +66,19 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
       removeOption: k,
       highlightOption: w
     }), (e, i) => (d(), r("div", {
-      class: a([s(n)(), `${s(D)(s(M))}`, s(E)]),
+      class: a([s(n)(), s(D)]),
       style: A({
         ...e.wrapperStyle,
         "--ap-value-select-card-column-count": e.maxRowDisplay
       })
     }, [
-      b(s(G), {
+      b(s(j), {
         open: p.value,
         trigger: "click",
         placement: "bottomRight",
         arrow: !1,
         "get-popup-container": e.getContainer,
-        onOpenChange: z
+        onOpenChange: P
       }, {
         content: V(() => [
           c("div", {
@@ -89,11 +88,11 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
               key: 0,
               class: a(s(n)("title"))
             }, [
-              e.showTitleIcon ? (d(), j(s(J), {
+              e.showTitleIcon ? (d(), L(s(q), {
                 key: 0,
                 class: a(s(n)("title-icon"))
               }, null, 8, ["class"])) : y("", !0),
-              g(" " + h(e.popoverTitle), 1)
+              g(" " + u(e.popoverTitle), 1)
             ], 2)) : y("", !0),
             c("div", {
               class: a(s(n)("list"))
@@ -110,17 +109,17 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
                 ]),
                 onClick: f((m) => $(t.key), ["stop"])
               }, [
-                c("div", Z, [
-                  u(e.$slots, "popover-label", { option: t }, () => [
-                    g(h(t.label), 1)
+                c("div", W, [
+                  h(e.$slots, "popover-label", { option: t }, () => [
+                    g(u(t.label), 1)
                   ])
                 ]),
-                c("div", _, [
-                  u(e.$slots, "popover-value", { option: t }, () => [
-                    g(h(t.value), 1)
+                c("div", X, [
+                  h(e.$slots, "popover-value", { option: t }, () => [
+                    g(u(t.value), 1)
                   ])
                 ])
-              ], 10, Y))), 128))
+              ], 10, U))), 128))
             ], 2)
           ], 2)
         ]),
@@ -132,7 +131,7 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
               key: t.key,
               ref_for: !0,
               ref_key: "listItemRef",
-              ref: P,
+              ref: E,
               class: a([
                 s(n)("list-item"),
                 {
@@ -149,29 +148,29 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
                 class: a(s(n)("list-item-close")),
                 onClick: f((m) => k(t.key), ["stop"])
               }, [
-                u(e.$slots, "close-icon", {}, () => [
-                  b(s(Q))
+                h(e.$slots, "close-icon", {}, () => [
+                  b(s(G))
                 ])
-              ], 10, ee)) : y("", !0),
-              c("div", te, [
-                u(e.$slots, "label", { option: t }, () => [
-                  g(h(t.label), 1)
+              ], 10, Z)) : y("", !0),
+              c("div", _, [
+                h(e.$slots, "label", { option: t }, () => [
+                  g(u(t.label), 1)
                 ])
               ]),
-              c("div", le, [
-                u(e.$slots, "value", { option: t }, () => [
-                  g(h(t.value), 1)
+              c("div", x, [
+                h(e.$slots, "value", { option: t }, () => [
+                  g(u(t.value), 1)
                 ])
               ])
-            ], 14, x))), 128)),
+            ], 14, Y))), 128)),
             e.showAddButton && (!e.maxSelected || e.selectedKeys.length < e.maxSelected) ? (d(), r("div", {
               key: 0,
               class: a([s(n)("list-item"), "choose"]),
               onClick: i[0] || (i[0] = f((t) => p.value = !0, ["stop"]))
             }, [
-              u(e.$slots, "add-button", {}, () => [
-                b(s(q)),
-                c("span", se, h(e.addButtonText), 1)
+              h(e.$slots, "add-button", {}, () => [
+                b(s(M)),
+                c("span", ee, u(e.addButtonText), 1)
               ])
             ], 2)) : y("", !0)
           ], 2)
@@ -182,5 +181,5 @@ const Y = ["onClick"], Z = { class: "label" }, _ = { class: "value" }, x = ["onC
   }
 });
 export {
-  he as default
+  de as default
 };

package/es/src/business/ap-value-select-card/style/index.mjs

@@ -17,7 +17,7 @@ const l = (o) => {
           position: "relative",
           boxSizing: "border-box",
           padding: "8px 16px",
-          color: o.textColor1,
+          color: o.textColor2,
           border: `1px solid ${o.colorBg1}`,
           borderRadius: o.borderRadius,
           cursor: "pointer",
@@ -49,7 +49,7 @@ const l = (o) => {
             border: `1px solid ${o.colorPrimary}`
           },
           "&.select": {
-            color: o.textColor2,
+            color: o.textColor1,
             borderColor: "transparent",
             boxShadow: "3px 10px 30px -2px rgba(123, 121, 140, 0.15)",
             background: "linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--ap-value-select-card-bg-color, #f5f9ff) 92%)",
@@ -58,7 +58,7 @@ const l = (o) => {
             }
           },
           "&.all": {
-            color: o.textColor1,
+            color: o.textColor2,
             background: "#fff",
             border: `1px solid ${o.colorBg1}`,
             boxShadow: "none",
@@ -66,13 +66,13 @@ const l = (o) => {
               borderColor: o.colorPrimary
             },
             "&.disabled": {
-              color: "#8896b0",
+              color: o.textColor3,
               background: "#f9f9fa",
               cursor: "not-allowed",
               border: `1px solid ${o.colorBg1}`
             },
             "&.select": {
-              background: "#f5f9ff",
+              background: o.colorBgControl,
               borderColor: o.colorPrimary,
               cursor: "pointer"
             }
@@ -97,35 +97,13 @@ const l = (o) => {
         display: "flex",
         alignItems: "center",
         marginBlockEnd: "12px",
-        color: "#526a90",
+        color: o.textColor2,
         fontSize: o.fontSize,
         "&-icon": {
           marginRight: "4px",
-          color: "#abb7cc",
+          color: o.textColor4,
           fontSize: o.fontSizeLG
         }
-      },
-      "&--admin": {
-        [r]: {
-          "&-list": {
-            "&-item": {
-              "&.all": {
-                "&.select": {
-                  background: "#F7FCFA"
-                },
-                "&.disabled": {
-                  color: "#999"
-                }
-              }
-            }
-          },
-          "&-title": {
-            color: "#666",
-            "&-icon": {
-              color: "#BFBFBF"
-            }
-          }
-        }
       }
     }
   };

package/es/src/business/batch-input-group/style/index.mjs

@@ -10,7 +10,7 @@ const a = (o) => {
         [`${r}-trigger-icon`]: {
           cursor: "pointer",
           fontSize: "16px",
-          color: o.textColor1,
+          color: o.textColor2,
           lineHeight: 0,
           "&:hover": {
             color: o.colorPrimary