@aplus-frontend/ui 7.0.0-beta.0 → 7.0.0-beta.2

package/es/src/ap-tag/style/group.mjs

@@ -0,0 +1,29 @@
+import { genComponentStyleHook as t } from "../../utils/cssinjs/index.mjs";
+const n = (e) => {
+  const { componentCls: o } = e;
+  return {
+    [o]: {
+      textWrap: "nowrap",
+      display: "flex",
+      flexWrap: "nowrap",
+      whiteSpace: "nowrap",
+      alignItems: "center",
+      [`${o}-ellipsis-text`]: {
+        "&--admin": {
+          fontSize: e.fontSize,
+          color: "#333"
+        },
+        "&--aplus": {
+          fontSize: e.fontSize,
+          color: "#182948"
+        }
+      }
+    }
+  };
+}, r = t("ApTag.Group", (e) => [
+  n(e)
+]);
+export {
+  r as default,
+  n as genTagGroupStyle
+};

package/es/src/ap-tag/style/index.d.ts

@@ -0,0 +1,5 @@
+import { GenStyleFunc } from '../../design-token/interface';
+import { Ref } from 'vue';
+export declare const genApTagStyle: GenStyleFunc;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/es/src/ap-tag/style/index.mjs

@@ -0,0 +1,73 @@
+import { genComponentStyleHook as l } from "../../utils/cssinjs/index.mjs";
+const a = (o) => {
+  const { componentCls: i } = o, e = `${i}-wrapper`, r = `${i}-inner-wrapper`;
+  return {
+    [e]: {
+      textWrap: "nowrap",
+      whiteSpace: "nowrap",
+      display: "inline-flex",
+      maxWidth: "100%",
+      [r]: {
+        borderRadius: o.borderRadius,
+        boxSizing: "border-box",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        width: "100%",
+        "&--large": {
+          padding: "6px",
+          lineHeight: o.lineHeightLG,
+          fontSize: o.fontSizeLG
+        },
+        "&--middle": {
+          lineHeight: o.lineHeight,
+          padding: "3px 6px",
+          fontSize: o.fontSize
+        },
+        "&--small": {
+          padding: "0 4px",
+          lineHeight: o.lineHeight,
+          fontSize: o.fontSize,
+          borderRadius: "2px"
+        }
+      }
+    },
+    [`${e}-purely`]: {
+      "& > *": {
+        backgroundColor: "var(--tag-main-color-background)",
+        color: o.textColor2
+      },
+      [`${r}--disabled`]: {
+        backgroundColor: "rgba(#8896b0,0.15)"
+      },
+      [`${r}--disabled-admin`]: {
+        backgroundColor: "rgba(#333,0.15)"
+      }
+    },
+    [`${e}-border`]: {
+      "& > *": {
+        outline: "1px solid var(--tag-main-color)",
+        outlineOffset: "-1px",
+        backgroundColor: "var(--tag-main-color-opacity)",
+        color: "var(--tag-main-color)"
+      },
+      [`${r}--disabled`]: {
+        outline: "1px solid #DEE4ED",
+        outlineOffset: "-1px",
+        backgroundColor: "#526a900f",
+        color: "#8896b0"
+      },
+      [`${r}--disabled-admin`]: {
+        outline: "1px solid #d9d9d9",
+        outlineOffset: "-1px",
+        backgroundColor: "#9999990f",
+        color: "#999"
+      }
+    }
+  };
+}, d = l("ApTag", (o) => [
+  a(o)
+]);
+export {
+  d as default,
+  a as genApTagStyle
+};

package/es/src/ap-upload/apUpload.vue.mjs

@@ -1,18 +1,19 @@
-import { defineComponent as _, ref as u, computed as p, provide as t, createElementBlock as h, openBlock as m, normalizeClass as U, unref as O, createBlock as R, resolveDynamicComponent as z, mergeProps as j, createSlots as A, renderList as $, withCtx as k, renderSlot as B, normalizeProps as T, guardReactiveProps as w } from "vue";
+import { defineComponent as U, ref as u, computed as p, provide as t, createElementBlock as O, openBlock as m, normalizeClass as R, unref as c, createBlock as z, resolveDynamicComponent as j, mergeProps as A, createSlots as $, renderList as k, withCtx as B, renderSlot as T, normalizeProps as w, guardReactiveProps as I } from "vue";
 import "../config-provider/index.mjs";
 import "./components/SingleFile.vue.mjs";
 import "./components/MultipleFile.vue.mjs";
 import "./components/Picture.vue.mjs";
 import { injectLocaleToAccept as L } from "./utils/accept.mjs";
 import { injectLocaleToOss as q } from "./hooks/useOss.mjs";
-import { Form as I } from "@aplus-frontend/antdv";
-import { useLocale as P } from "../config-provider/hooks/use-locale.mjs";
-import { useNamespace as V } from "../config-provider/hooks/use-namespace.mjs";
-import D from "./components/Picture.vue2.mjs";
-import G from "./components/MultipleFile.vue2.mjs";
-import H from "./components/SingleFile.vue2.mjs";
-import { useGlobalConfig as c } from "../config-provider/hooks/use-global-config.mjs";
-const le = /* @__PURE__ */ _({
+import { Form as P } from "@aplus-frontend/antdv";
+import V from "./style/index.mjs";
+import { useLocale as D } from "../config-provider/hooks/use-locale.mjs";
+import { useNamespace as G } from "../config-provider/hooks/use-namespace.mjs";
+import H from "./components/Picture.vue2.mjs";
+import J from "./components/MultipleFile.vue2.mjs";
+import K from "./components/SingleFile.vue2.mjs";
+import { useGlobalConfig as d } from "../config-provider/hooks/use-global-config.mjs";
+const me = /* @__PURE__ */ U({
   name: "AplusFileUpload",
   __name: "apUpload",
   props: {
@@ -90,51 +91,51 @@ const le = /* @__PURE__ */ _({
     }
   },
   emits: ["update:value"],
-  setup(d, { expose: f, emit: g }) {
-    const { t: a, lang: v } = P();
-    L(a), q(a, v);
-    const { b: y } = V("ap-upload"), n = u(null), e = d, C = g, S = {
-      singleFile: H,
-      multipleFile: G,
-      picture: D
-    }, x = I.useInjectFormItemContext(), b = p({
+  setup(f, { expose: g, emit: v }) {
+    const { t: a, lang: y } = D();
+    L(a), q(a, y);
+    const { b: C } = G("ap-upload"), S = V("ap-upload"), n = u(null), e = f, x = v, b = {
+      singleFile: K,
+      multipleFile: J,
+      picture: H
+    }, M = P.useInjectFormItemContext(), E = p({
       get() {
         return e.value;
       },
       set(o) {
-        C("update:value", o), x?.onFieldChange(), e.onChange?.(o);
+        x("update:value", o), M?.onFieldChange(), e.onChange?.(o);
       }
-    }), M = c("uiMode"), r = c("apUpload");
-    t("theme", M.value), t("value", b), t("dirName", e.dirName ?? r.value?.dirName), t(
+    }), F = d("uiMode"), r = d("apUpload");
+    t("theme", F.value), t("value", E), t("dirName", e.dirName ?? r.value?.dirName), t(
       "needName",
       e.needName ?? r.value?.needName ?? !1
     ), t("accept", e.accept ?? r.value?.accept ?? ""), t("maxSize", e.maxSize), t("title", e.title), t("subTitle", e.subTitle), t("maxCount", e.maxCount), t("beforeUpload", e.beforeUpload), t("customRequest", e.customRequest), t(
       "getOssAccess",
       e.getOssAccess ?? r.value?.getOssAccess
     ), t("maxSizeErrorMsg", e.maxSizeErrorMsg), t("maxCountErrorMsg", e.maxCountErrorMsg), t("acceptErrorMsg", e.acceptErrorMsg), t("onRemove", e.onRemove), t("showUploadErrorMsg", e.showUploadErrorMsg);
-    const E = p(() => s.value === 0), s = u(0);
+    const h = p(() => s.value === 0), s = u(0);
     t("uploadingCount", s);
-    function F() {
+    function N() {
       i(void 0);
     }
     function i(o) {
       n?.value?.setValue?.(o);
     }
-    return f({
-      done: E,
-      clear: F,
+    return g({
+      done: h,
+      clear: N,
       setValue: i
-    }), (o, J) => (m(), h("div", {
-      class: U(O(y)())
+    }), (o, Q) => (m(), O("div", {
+      class: R([c(C)(), c(S)])
     }, [
-      (m(), R(z(S[e.type]), j(o.$attrs, {
+      (m(), z(j(b[e.type]), A(o.$attrs, {
         ref_key: "uploadRef",
         ref: n
-      }), A({ _: 2 }, [
-        $(Object.keys(o.$slots), (l) => ({
+      }), $({ _: 2 }, [
+        k(Object.keys(o.$slots), (l) => ({
           name: l,
-          fn: k((N) => [
-            B(o.$slots, l, T(w(N || {})))
+          fn: B((_) => [
+            T(o.$slots, l, w(I(_ || {})))
           ])
         }))
       ]), 1040))
@@ -142,5 +143,5 @@ const le = /* @__PURE__ */ _({
   }
 });
 export {
-  le as default
+  me as default
 };

package/es/src/ap-upload/components/MultipleFile.vue2.mjs

@@ -1,20 +1,21 @@
-import { defineComponent as Q, inject as a, ref as X, watch as Y, nextTick as Z, createElementBlock as U, openBlock as w, normalizeClass as ee, unref as s, createVNode as x, withCtx as k, createElementVNode as I, createTextVNode as oe, toDisplayString as L, withModifiers as te, createCommentVNode as ae, createBlock as se, resolveDynamicComponent as ne } from "vue";
+import { defineComponent as X, inject as a, ref as Y, watch as Z, nextTick as ee, createElementBlock as U, openBlock as w, normalizeClass as oe, unref as s, createVNode as x, withCtx as k, createElementVNode as M, createTextVNode as te, toDisplayString as S, withModifiers as ae, createCommentVNode as se, createBlock as ne, resolveDynamicComponent as re } from "vue";
 import "../../config-provider/index.mjs";
-import { getPath as re, getName as le, getReturnData as S } from "../utils/returnData.mjs";
-import { useOss as ie, getOssInstance as z } from "../hooks/useOss.mjs";
-import { message as c, Upload as ue, Button as ce } from "@aplus-frontend/antdv";
-import { UploadOutlined as pe, VerticalAlignBottomOutlined as de } from "@ant-design/icons-vue";
-import { fileMatchesAccept as me, getAcceptText as fe } from "../utils/accept.mjs";
-import { useGlobalConfig as ge } from "../../config-provider/hooks/use-global-config.mjs";
-import { useLocale as he } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as ve } from "../../config-provider/hooks/use-namespace.mjs";
-const we = { class: "multiple-file-context" }, xe = { key: 0 }, ye = { key: 1 }, Me = /* @__PURE__ */ Q({
+import { getPath as le, getName as ie, getReturnData as L } from "../utils/returnData.mjs";
+import { useOss as ue, getOssInstance as z } from "../hooks/useOss.mjs";
+import { message as c, Upload as ce, Button as pe } from "@aplus-frontend/antdv";
+import { UploadOutlined as de, VerticalAlignBottomOutlined as me } from "@ant-design/icons-vue";
+import { fileMatchesAccept as fe, getAcceptText as ge } from "../utils/accept.mjs";
+import he from "../style/index.mjs";
+import { useGlobalConfig as ve } from "../../config-provider/hooks/use-global-config.mjs";
+import { useLocale as we } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as xe } from "../../config-provider/hooks/use-namespace.mjs";
+const ye = { class: "multiple-file-context" }, Ce = { key: 0 }, Ue = { key: 1 }, Le = /* @__PURE__ */ X({
   __name: "MultipleFile",
-  setup(Ce, { expose: B }) {
-    const E = ge(
+  setup(ke, { expose: B }) {
+    const E = ve(
       "downloadCenterTriggerConfig"
-    ), { t: r } = he(), { b: N } = ve("ap-upload-multiple-file"), { put: O } = ie(), P = a("theme"), D = a("dirName"), y = a("accept") || "*", _ = a("maxSize") ?? 500, V = a("title") || r("ap.apUpload.uploadFile"), m = a("subTitle"), l = a("maxCount") ?? 10, p = a("uploadingCount"), b = a("beforeUpload"), F = a("customRequest"), T = a("getOssAccess"), q = a("maxSizeErrorMsg"), j = a("maxCountErrorMsg"), $ = a("acceptErrorMsg"), A = a("onRemove"), C = a("showUploadErrorMsg"), n = a("value"), i = [], f = a("needName"), d = X(null);
-    Y(
+    ), { t: r } = we(), { b: N } = xe("ap-upload-multiple-file"), O = he("ap-upload"), { put: P } = ue(), D = a("theme"), V = a("dirName"), y = a("accept") || "*", _ = a("maxSize") ?? 500, q = a("title") || r("ap.apUpload.uploadFile"), m = a("subTitle"), l = a("maxCount") ?? 10, p = a("uploadingCount"), b = a("beforeUpload"), F = a("customRequest"), T = a("getOssAccess"), j = a("maxSizeErrorMsg"), $ = a("maxCountErrorMsg"), G = a("acceptErrorMsg"), A = a("onRemove"), C = a("showUploadErrorMsg"), n = a("value"), i = [], f = a("needName"), d = Y(null);
+    Z(
       () => n?.value,
       function(e) {
         !d?.value?.fileList?.length && e && R(e);
@@ -26,11 +27,11 @@ const we = { class: "multiple-file-context" }, xe = { key: 0 }, ye = { key: 1 },
         u = [], d.value.fileList = [], n.value = void 0, i.splice(0, i.length);
         return;
       }
-      Z(() => {
+      ee(() => {
         const o = e.map((t) => {
-          const h = re(f, t), K = le(f, t), v = new File(
+          const h = le(f, t), Q = ie(f, t), v = new File(
             [t],
-            K,
+            Q,
             {}
           );
           return v.response = h, v.uid = h, v.status = "done", v;
@@ -52,7 +53,7 @@ const we = { class: "multiple-file-context" }, xe = { key: 0 }, ye = { key: 1 },
       });
     }
     B({ setValue: R });
-    let u = [], M;
+    let u = [], I;
     function g(e) {
       setTimeout(() => {
         const o = d.value.fileList.findIndex(
@@ -61,30 +62,30 @@ const we = { class: "multiple-file-context" }, xe = { key: 0 }, ye = { key: 1 },
         o >= 0 && d.value.fileList.splice(o, 1);
       });
     }
-    async function G(e) {
+    async function W(e) {
       if (l && l > 1 && u.length >= l)
-        return clearTimeout(M), M = setTimeout(() => {
+        return clearTimeout(I), I = setTimeout(() => {
           c.warning(
-            j || r("ap.apUpload.maxUploadFiles", {
+            $ || r("ap.apUpload.maxUploadFiles", {
               maxCount: l
             })
           );
         }), g(e), !1;
       if (e.size > _ * 1024 * 1024)
         return c.warning(
-          q || r("ap.apUpload.maxUploadFileSize", {
+          j || r("ap.apUpload.maxUploadFileSize", {
             maxSize: _
           })
         ), g(e), !1;
-      if (!me(e, y))
+      if (!fe(e, y))
         return c.warning(
-          $ || r("ap.apUpload.fileFormatNotSupported")
+          G || r("ap.apUpload.fileFormatNotSupported")
         ), g(e), !1;
       if (typeof b == "function" && await b(e) === !1)
         return g(e), !1;
       l && l === 1 && (u = [], n.value = void 0), u.push(e);
     }
-    async function W(e) {
+    async function H(e) {
       if (p.value++, typeof F == "function") {
         F({
           onProgress: (o) => {
@@ -107,7 +108,7 @@ const we = { class: "multiple-file-context" }, xe = { key: 0 }, ye = { key: 1 },
               e.onSuccess(o);
             }), n.value = [
               ...n.value || [],
-              S(f, o, e.file.name)
+              L(f, o, e.file.name)
             ], i.push({
               uid: e.file.uid,
               path: o
@@ -119,14 +120,14 @@ const we = { class: "multiple-file-context" }, xe = { key: 0 }, ye = { key: 1 },
       }
       try {
         const o = await z(T);
-        e.file.oss = o, O({
+        e.file.oss = o, P({
           file: e.file,
-          dirName: D,
+          dirName: V,
           oss: o,
           successCallBack(t) {
             e.onSuccess(t), n.value = [
               ...n.value || [],
-              S(f, t, e.file.name)
+              L(f, t, e.file.name)
             ], i.push({
               uid: e.file.uid,
               path: t
@@ -153,7 +154,7 @@ const we = { class: "multiple-file-context" }, xe = { key: 0 }, ye = { key: 1 },
         }), p.value--;
       }
     }
-    function H(e) {
+    function J(e) {
       if (A && A?.(e), e.response) {
         if (Array.isArray(n.value)) {
           const t = i.findIndex((h) => h.uid === e.uid);
@@ -166,7 +167,7 @@ const we = { class: "multiple-file-context" }, xe = { key: 0 }, ye = { key: 1 },
       );
       return u.splice(o, 1), Promise.resolve(!0);
     }
-    const J = async (e) => {
+    const K = async (e) => {
       if (E.value?.trigger) {
         let o = [e].map((t) => ({
           objectName: t.response,
@@ -182,12 +183,13 @@ const we = { class: "multiple-file-context" }, xe = { key: 0 }, ye = { key: 1 },
         ]);
     };
     return (e, o) => (w(), U("div", {
-      class: ee({
+      class: oe({
         [s(N)()]: !0,
-        [s(N)("admin")]: s(P) === "admin"
+        [s(N)("admin")]: s(D) === "admin",
+        [s(O) ?? ""]: !0
       })
     }, [
-      x(s(ue), {
+      x(s(ce), {
         ref_key: "uploadRef",
         ref: d,
         accept: s(y),
@@ -198,32 +200,32 @@ const we = { class: "multiple-file-context" }, xe = { key: 0 }, ye = { key: 1 },
           showInfo: !1,
           strokeColor: "#0070FF"
         },
-        "before-upload": G,
-        "custom-request": W,
+        "before-upload": W,
+        "custom-request": H,
         "show-upload-list": { showDownloadIcon: !0, showRemoveIcon: !0 },
-        onRemove: H,
-        onDownload: J
+        onRemove: J,
+        onDownload: K
       }, {
         downloadIcon: k(() => [
-          x(s(de))
+          x(s(me))
         ]),
         default: k(() => [
-          I("div", we, [
-            x(s(ce), { class: "file-btn" }, {
+          M("div", ye, [
+            x(s(pe), { class: "file-btn" }, {
               default: k(() => [
-                x(s(pe)),
-                oe(" " + L(s(V)), 1)
+                x(s(de)),
+                te(" " + S(s(q)), 1)
               ]),
               _: 1
             }),
-            I("div", {
+            M("div", {
               class: "sub-title",
-              onClick: o[0] || (o[0] = te(() => {
+              onClick: o[0] || (o[0] = ae(() => {
               }, ["stop"]))
             }, [
-              typeof s(m) == "string" ? (w(), U("div", xe, L(s(m) || `${s(r)("ap.apUpload.supportExtension")}：${s(fe)(s(y))}`), 1)) : s(m) ? (w(), U("div", ye, [
-                (w(), se(ne(s(m))))
-              ])) : ae("", !0)
+              typeof s(m) == "string" ? (w(), U("div", Ce, S(s(m) || `${s(r)("ap.apUpload.supportExtension")}：${s(ge)(s(y))}`), 1)) : s(m) ? (w(), U("div", Ue, [
+                (w(), ne(re(s(m))))
+              ])) : se("", !0)
             ])
           ])
         ]),
@@ -233,5 +235,5 @@ const we = { class: "multiple-file-context" }, xe = { key: 0 }, ye = { key: 1 },
   }
 });
 export {
-  Me as default
+  Le as default
 };