@aplus-frontend/ui 6.26.1 → 6.26.3

package/es/src/business/ap-upload-file/utils/upload.mjs

@@ -1,62 +1,62 @@
-import { message as g } from "@aplus-frontend/antdv";
-import { fileMatchesAccept as U } from "./accept.mjs";
-import { getOssInstance as C } from "../hook/useOss.mjs";
-let u;
-function S(e) {
-  u = e;
+import { message as i } from "@aplus-frontend/antdv";
+import { fileMatchesAccept as g } from "./accept.mjs";
+import { getOssInstance as f } from "../hook/useOss.mjs";
+let o;
+function U(e) {
+  o = e;
 }
-function x(e, n, a) {
-  e.status = n, e.error = a;
+function m(e, r, a) {
+  e.status = r, e.error = a;
 }
-function w(e, n, a) {
-  if (a != null && a.maxCount && a.maxCount > 1 && n.length >= a.maxCount) {
-    const t = (a == null ? void 0 : a.maxCountErrorMsg) || u("ap.apUpload.maxUploadFiles", {
+function S(e, r, a) {
+  if (a?.maxCount && a.maxCount > 1 && r.length >= a.maxCount) {
+    const t = a?.maxCountErrorMsg || o("ap.apUpload.maxUploadFiles", {
       maxCount: a.maxCount
     });
-    return g.warning(t), x(e, "error", t), !1;
+    return i.warning(t), m(e, "error", t), !1;
   }
-  if (a != null && a.maxSize && ((e == null ? void 0 : e.size) || 0) > (a == null ? void 0 : a.maxSize) * 1024 * 1024) {
-    const t = (a == null ? void 0 : a.maxSizeErrorMsg) || u("ap.apUpload.maxUploadFileSize", {
-      maxSize: a == null ? void 0 : a.maxSize
+  if (a?.maxSize && (e?.size || 0) > a?.maxSize * 1024 * 1024) {
+    const t = a?.maxSizeErrorMsg || o("ap.apUpload.maxUploadFileSize", {
+      maxSize: a?.maxSize
     });
-    return g.warning(t), x(e, "error", t), !1;
+    return i.warning(t), m(e, "error", t), !1;
   }
-  if (!U(e, a.accept)) {
-    const t = (a == null ? void 0 : a.acceptErrorMsg) || u("ap.apUpload.fileFormatNotSupported");
-    return g.warning(t), x(e, "error", t), !1;
+  if (!g(e, a.accept)) {
+    const t = a?.acceptErrorMsg || o("ap.apUpload.fileFormatNotSupported");
+    return i.warning(t), m(e, "error", t), !1;
   }
   return !0;
 }
-const h = async (e, n) => {
-  const { file: a, onError: t, onProgress: i, onSuccess: l } = e;
+const C = async (e, r) => {
+  const { file: a, onError: t, onProgress: u, onSuccess: l } = e;
   try {
-    const c = await C(), m = await (c == null ? void 0 : c.put({
-      dirName: n == null ? void 0 : n.dirName,
-      fileName: a == null ? void 0 : a.name,
+    const n = await (await f())?.put({
+      dirName: r?.dirName,
+      fileName: a?.name,
       data: a,
-      progressCallBack: (d) => {
-        i == null || i({
-          percent: d
+      progressCallBack: (s) => {
+        u?.({
+          percent: s
         });
       }
-    }));
-    if (m.status === 204)
+    });
+    if (n.status === 204)
       return;
-    if (m.status === 200) {
-      const { saveUrl: d } = m;
-      l == null || l({
-        fileName: a == null ? void 0 : a.name,
-        path: d
+    if (n.status === 200) {
+      const { saveUrl: s } = n;
+      l?.({
+        fileName: a?.name,
+        path: s
       });
     } else
-      t == null || t((m == null ? void 0 : m.message) || u("ap.apUpload.networkAnomaly"));
+      t?.(n?.message || o("ap.apUpload.networkAnomaly"));
   } catch (c) {
-    t == null || t(c);
+    t?.(c);
   }
 };
 export {
-  x as changeFileStatus,
-  S as injectUtilUpload,
-  w as uploadBeforeUpload,
-  h as uploadCustomRequest
+  m as changeFileStatus,
+  U as injectUtilUpload,
+  S as uploadBeforeUpload,
+  C as uploadCustomRequest
 };

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

@@ -1,11 +1,11 @@
-import { defineComponent as q, ref as N, computed as R, resolveComponent as J, createElementBlock as u, openBlock as r, normalizeStyle as I, normalizeClass as d, unref as l, createVNode as O, withCtx as D, createElementVNode as h, createCommentVNode as v, Fragment as E, renderList as M, withModifiers as K, renderSlot as g, createTextVNode as m, toDisplayString as p, createBlock as Q } from "vue";
-import { Popover as U } from "@aplus-frontend/antdv";
-import { PlusOutlined as W } from "@ant-design/icons-vue";
-import { IconApAdLinePoor as X } from "@aplus-frontend/icon";
+import { defineComponent as _, ref as $, computed as F, watch as j, resolveComponent as G, createElementBlock as c, openBlock as d, normalizeStyle as B, normalizeClass as a, unref as s, createVNode as I, withCtx as N, createElementVNode as u, createCommentVNode as v, Fragment as R, renderList as D, withModifiers as K, renderSlot as h, createTextVNode as p, toDisplayString as g, createBlock as q } from "vue";
+import { Popover as J } from "@aplus-frontend/antdv";
+import { PlusOutlined as Q } from "@ant-design/icons-vue";
+import { IconApAdLinePoor as U } from "@aplus-frontend/icon";
 import "../../config-provider/index.mjs";
-import { useNamespace as Y } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as Z } from "../../config-provider/hooks/use-global-config.mjs";
-const x = ["onClick"], ee = { class: "label" }, te = { class: "value" }, le = ["onClick"], se = ["onClick"], oe = { class: "label" }, ie = { class: "value" }, ne = { class: "text" }, pe = /* @__PURE__ */ q({
+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" }, x = { class: "value" }, ee = ["onClick"], te = ["onClick"], le = { class: "label" }, se = { class: "value" }, ie = { class: "text" }, he = /* @__PURE__ */ _({
   name: "ApValueSelectCard",
   __name: "index",
   props: {
@@ -24,165 +24,168 @@ const x = ["onClick"], ee = { class: "label" }, te = { class: "value" }, le = ["
     wrapperStyle: { type: [Boolean, null, String, Object, Array] }
   },
   emits: ["update:selectedKeys", "update:highlightedKeys", "change", "select", "remove", "highlight"],
-  setup(C, { expose: P, emit: z }) {
-    const n = z, t = C, { b: a, m: L } = Y("ap-value-select-card"), _ = Z("uiMode", "aplus"), f = N(null), y = N(!1), S = R(() => t.options), k = R(() => S.value.filter(
-      (e) => t.selectedKeys.includes(e.key)
-    )), T = (e) => t.selectedKeys.includes(e), w = (e) => t.highlightedKeys.includes(e), H = (e) => {
-      t.selectedKeys.includes(e) ? b(e) : A(e);
+  setup(C, { expose: E, emit: M }) {
+    const o = M, l = C, { b: n, m: P } = W("ap-value-select-card"), z = X("uiMode", "aplus"), m = $(null), y = $(!1), O = $(60), f = F(() => l.options), S = F(() => f.value.filter(
+      (e) => l.selectedKeys.includes(e.key)
+    )), T = (e) => l.selectedKeys.includes(e), w = (e) => l.highlightedKeys.includes(e), H = (e) => {
+      l.selectedKeys.includes(e) ? k(e) : A(e);
     }, A = (e) => {
-      if (t.maxSelected && t.selectedKeys.length >= t.maxSelected)
+      if (l.maxSelected && l.selectedKeys.length >= l.maxSelected)
         return;
-      const s = [...t.selectedKeys, e];
-      n("update:selectedKeys", s), n("change", s), n("select", e), t.highlightedKeys.includes(e) || $(e);
-    }, b = (e) => {
-      if (t.selectedKeys.length <= 1 || t.highlightedKeys.length <= 1 && t.highlightedKeys.includes(e))
+      const i = [...l.selectedKeys, e];
+      o("update:selectedKeys", i), o("change", i), o("select", e), l.highlightedKeys.includes(e) || b(e);
+    }, k = (e) => {
+      if (l.selectedKeys.length <= 1 || l.highlightedKeys.length <= 1 && l.highlightedKeys.includes(e))
         return;
-      const s = t.selectedKeys.filter((c) => c !== e);
-      if (n("update:selectedKeys", s), n("change", s), n("remove", e), t.highlightedKeys.includes(e)) {
-        const c = t.highlightedKeys.filter((i) => i !== e);
-        n("update:highlightedKeys", c), n("highlight", c);
+      const i = l.selectedKeys.filter((r) => r !== e);
+      if (o("update:selectedKeys", i), o("change", i), o("remove", e), l.highlightedKeys.includes(e)) {
+        const r = l.highlightedKeys.filter((t) => t !== e);
+        o("update:highlightedKeys", r), o("highlight", r);
       }
-    }, $ = (e) => {
-      let s;
-      if (t.highlightedKeys.includes(e))
-        if (t.highlightedKeys.length > 1)
-          s = t.highlightedKeys.filter((c) => c !== e);
+    }, b = (e) => {
+      let i;
+      if (l.highlightedKeys.includes(e))
+        if (l.highlightedKeys.length > 1)
+          i = l.highlightedKeys.filter((r) => r !== e);
         else
           return;
       else
-        s = [...t.highlightedKeys, e];
-      n("update:highlightedKeys", s), n("highlight", s);
-    }, j = (e) => {
+        i = [...l.highlightedKeys, e];
+      o("update:highlightedKeys", i), o("highlight", i);
+    }, L = (e) => {
       e || (y.value = e);
     };
-    return P({
+    return j(
+      () => f.value,
+      () => {
+        m.value && m.value[0] && (O.value = m.value[0]?.offsetHeight);
+      },
+      { immediate: !0 }
+    ), E({
       popoverVisible: y,
-      allOptions: S,
-      selectedOptions: k,
+      allOptions: f,
+      selectedOptions: S,
       isSelected: T,
       isHighlighted: w,
       toggleOption: H,
       addOption: A,
-      removeOption: b,
-      highlightOption: $
-    }), (e, s) => {
-      const c = J("InfoCircleFilled");
-      return r(), u("div", {
-        class: d([l(a)(), `${l(L)(l(_))}`]),
-        style: I({
+      removeOption: k,
+      highlightOption: b
+    }), (e, i) => {
+      const r = G("InfoCircleFilled");
+      return d(), c("div", {
+        class: a([s(n)(), `${s(P)(s(z))}`]),
+        style: B({
           ...e.wrapperStyle,
           "--ap-value-select-card-column-count": e.maxRowDisplay
         })
       }, [
-        O(l(U), {
+        I(s(J), {
           open: y.value,
           trigger: "click",
           placement: "bottomRight",
           arrow: !1,
           "get-popup-container": e.getContainer,
-          onOpenChange: j
+          onOpenChange: L
         }, {
-          content: D(() => [
-            h("div", {
-              class: d(l(a)("popover"))
+          content: N(() => [
+            u("div", {
+              class: a(s(n)("popover"))
             }, [
-              e.popoverTitle ? (r(), u("div", {
+              e.popoverTitle ? (d(), c("div", {
                 key: 0,
-                class: d(l(a)("title"))
+                class: a(s(n)("title"))
               }, [
-                e.showTitleIcon ? (r(), Q(c, {
+                e.showTitleIcon ? (d(), q(r, {
                   key: 0,
-                  class: d(l(a)("title-icon"))
+                  class: a(s(n)("title-icon"))
                 }, null, 8, ["class"])) : v("", !0),
-                m(" " + p(e.popoverTitle), 1)
+                p(" " + g(e.popoverTitle), 1)
               ], 2)) : v("", !0),
-              h("div", {
-                class: d(l(a)("list"))
+              u("div", {
+                class: a(s(n)("list"))
               }, [
-                (r(!0), u(E, null, M(S.value, (i) => (r(), u("div", {
-                  key: i.key,
-                  class: d([
-                    l(a)("list-item"),
+                (d(!0), c(R, null, D(f.value, (t) => (d(), c("div", {
+                  key: t.key,
+                  class: a([
+                    s(n)("list-item"),
                     "all",
                     {
-                      select: T(i.key),
+                      select: T(t.key),
                       disabled: e.maxSelected && e.selectedKeys.length >= e.maxSelected
                     }
                   ]),
-                  onClick: K((B) => H(i.key), ["stop"])
+                  onClick: K((V) => H(t.key), ["stop"])
                 }, [
-                  h("div", ee, [
-                    g(e.$slots, "popover-label", { option: i }, () => [
-                      m(p(i.label), 1)
+                  u("div", Z, [
+                    h(e.$slots, "popover-label", { option: t }, () => [
+                      p(g(t.label), 1)
                     ])
                   ]),
-                  h("div", te, [
-                    g(e.$slots, "popover-value", { option: i }, () => [
-                      m(p(i.value), 1)
+                  u("div", x, [
+                    h(e.$slots, "popover-value", { option: t }, () => [
+                      p(g(t.value), 1)
                     ])
                   ])
-                ], 10, x))), 128))
+                ], 10, Y))), 128))
               ], 2)
             ], 2)
           ]),
-          default: D(() => {
-            var i, B, V, F;
-            return [
-              h("div", {
-                class: d(l(a)("list"))
+          default: N(() => [
+            u("div", {
+              class: a(s(n)("list"))
+            }, [
+              (d(!0), c(R, null, D(S.value, (t) => (d(), c("div", {
+                key: t.key,
+                ref_for: !0,
+                ref_key: "listItemRef",
+                ref: m,
+                class: a([
+                  s(n)("list-item"),
+                  {
+                    select: w(t.key),
+                    custom: t.customClass
+                  },
+                  t.customClass
+                ]),
+                style: B(e.getCardStyle(t.key)),
+                onClick: K((V) => b(t.key), ["stop"])
               }, [
-                (r(!0), u(E, null, M(k.value, (o) => (r(), u("div", {
-                  key: o.key,
-                  ref_for: !0,
-                  ref_key: "listItemRef",
-                  ref: f,
-                  class: d([
-                    l(a)("list-item"),
-                    {
-                      select: w(o.key),
-                      custom: o.customClass
-                    },
-                    o.customClass
-                  ]),
-                  style: I(e.getCardStyle(o.key)),
-                  onClick: K((G) => $(o.key), ["stop"])
-                }, [
-                  e.showCloseIcon && (!(e.highlightedKeys.length === 1 && w(o.key)) && k.value.length > 1) ? (r(), u("div", {
-                    key: 0,
-                    class: d(l(a)("list-item-close")),
-                    onClick: K((G) => b(o.key), ["stop"])
-                  }, [
-                    g(e.$slots, "close-icon", {}, () => [
-                      O(l(X))
-                    ])
-                  ], 10, se)) : v("", !0),
-                  h("div", oe, [
-                    g(e.$slots, "label", { option: o }, () => [
-                      m(p(o.label), 1)
-                    ])
-                  ]),
-                  h("div", ie, [
-                    g(e.$slots, "value", { option: o }, () => [
-                      m(p(o.value), 1)
-                    ])
-                  ])
-                ], 14, le))), 128)),
-                e.showAddButton && (!e.maxSelected || e.selectedKeys.length < e.maxSelected) ? (r(), u("div", {
+                e.showCloseIcon && (!(e.highlightedKeys.length === 1 && w(t.key)) && S.value.length > 1) ? (d(), c("div", {
                   key: 0,
-                  class: d([l(a)("list-item"), "choose"]),
-                  style: I({
-                    minHeight: f.value ? `${(B = (i = f.value) == null ? void 0 : i[0]) != null && B.offsetHeight ? `${(F = (V = f.value) == null ? void 0 : V[0]) == null ? void 0 : F.offsetHeight}px` : "auto"}` : "auto"
-                  }),
-                  onClick: s[0] || (s[0] = K((o) => y.value = !0, ["stop"]))
+                  class: a(s(n)("list-item-close")),
+                  onClick: K((V) => k(t.key), ["stop"])
                 }, [
-                  g(e.$slots, "add-button", {}, () => [
-                    O(l(W)),
-                    h("span", ne, p(e.addButtonText), 1)
+                  h(e.$slots, "close-icon", {}, () => [
+                    I(s(U))
                   ])
-                ], 6)) : v("", !0)
-              ], 2)
-            ];
-          }),
+                ], 10, te)) : v("", !0),
+                u("div", le, [
+                  h(e.$slots, "label", { option: t }, () => [
+                    p(g(t.label), 1)
+                  ])
+                ]),
+                u("div", se, [
+                  h(e.$slots, "value", { option: t }, () => [
+                    p(g(t.value), 1)
+                  ])
+                ])
+              ], 14, ee))), 128)),
+              e.showAddButton && (!e.maxSelected || e.selectedKeys.length < e.maxSelected) ? (d(), c("div", {
+                key: 0,
+                class: a([s(n)("list-item"), "choose"]),
+                style: B({
+                  minHeight: `${O.value}px`
+                }),
+                onClick: i[0] || (i[0] = K((t) => y.value = !0, ["stop"]))
+              }, [
+                h(e.$slots, "add-button", {}, () => [
+                  I(s(Q)),
+                  u("span", ie, g(e.addButtonText), 1)
+                ])
+              ], 6)) : v("", !0)
+            ], 2)
+          ]),
           _: 3
         }, 8, ["open", "get-popup-container"])
       ], 6);
@@ -190,5 +193,5 @@ const x = ["onClick"], ee = { class: "label" }, te = { class: "value" }, le = ["
   }
 });
 export {
-  pe as default
+  he as default
 };

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

@@ -1,5 +1,5 @@
 function g(n, t = 1) {
-  if (n = n == null ? void 0 : n.replace(/^#/, ""), n.length === 3 && (n = n.split("").map((r) => r + r).join("")), n.length !== 6)
+  if (n = n?.replace(/^#/, ""), n.length === 3 && (n = n.split("").map((r) => r + r).join("")), n.length !== 6)
     throw new Error("Invalid hex color code");
   const s = parseInt(n.substring(0, 2), 16), o = parseInt(n.substring(2, 4), 16), i = parseInt(n.substring(4, 6), 16);
   return `rgba(${s}, ${o}, ${i}, ${t})`;