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

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

@@ -1,16 +1,18 @@
-import { defineComponent as E, ref as d, unref as r, computed as G, h as H, createBlock as w, openBlock as g, mergeProps as m, withCtx as k, createCommentVNode as U, createVNode as h, resolveDynamicComponent as q } from "vue";
-import { message as R, Modal as V } from "@aplus-frontend/antdv";
+import { defineComponent as G, ref as d, unref as r, computed as H, h as U, createBlock as w, openBlock as g, mergeProps as m, withCtx as k, createCommentVNode as q, createVNode as h, resolveDynamicComponent as V } from "vue";
+import { message as R, Modal as j } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
-import { ApTable as $ } from "../../ap-table/index.mjs";
-import { cloneDeep as j, omit as T } from "lodash-unified";
-import { transformTableParams as z } from "@aplus-frontend/utils";
+import { ApTable as z } from "../../ap-table/index.mjs";
+import { cloneDeep as W, omit as T } from "lodash-unified";
+import { transformTableParams as J } from "@aplus-frontend/utils";
 import "./modal-title.vue.mjs";
 import { AsyncOpenResultError as y } from "./interface.mjs";
 import "./table-layout/index.vue.mjs";
-import { useLocale as W } from "../../config-provider/hooks/use-locale.mjs";
-import J from "./modal-title.vue2.mjs";
-import Q from "./table-layout/index.vue2.mjs";
-const ue = /* @__PURE__ */ E({
+import Q from "./style/index.mjs";
+import { useNamespace as X } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as Y } from "../../config-provider/hooks/use-locale.mjs";
+import Z from "./modal-title.vue2.mjs";
+import ee from "./table-layout/index.vue2.mjs";
+const ye = /* @__PURE__ */ G({
   __name: "table-modal",
   props: {
     columns: {},
@@ -65,10 +67,10 @@ const ue = /* @__PURE__ */ E({
   },
   emits: ["finish"],
   setup(S, { expose: B, emit: P }) {
-    const e = S, M = P, s = d(!1), v = d({}), i = d(null), a = d([]), C = d();
+    const e = S, M = P, s = d(!1), v = d({}), i = d(null), a = d([]), b = d();
     let f = null, u = null;
-    const { t: b } = W(), K = async (t = [], o = {}) => {
-      switch (a.value = [...t], s.value = !0, v.value = o?.extraParams, C.value = o.apTableDataSources || e.apTableProps?.dataSource, o.refreshMode || "reset") {
+    const { b: K } = X("ap-table-modal"), I = Q("ap-table-modal"), { t: C } = Y(), O = async (t = [], o = {}) => {
+      switch (a.value = [...t], s.value = !0, v.value = o?.extraParams, b.value = o.apTableDataSources || e.apTableProps?.dataSource, o.refreshMode || "reset") {
         case "reset":
           i.value?.reset();
           break;
@@ -83,8 +85,8 @@ const ue = /* @__PURE__ */ E({
       });
     }, x = () => {
       s.value = !1, f = null, u?.(y.ModalCancel), u = null;
-    }, O = async (t) => {
-      t = z({
+    }, _ = async (t) => {
+      t = J({
         ...t,
         ...v.value
       });
@@ -93,13 +95,13 @@ const ue = /* @__PURE__ */ E({
         data: n,
         total: l
       };
-    }, _ = async () => {
+    }, N = async () => {
       if (a.value.length > e.maxCount) {
         u?.(y.ExceedMaxCount);
         return;
       }
       if (e.getRowKey) {
-        const t = j(r(a)), o = t.map(e.getRowKey);
+        const t = W(r(a)), o = t.map(e.getRowKey);
         if (e.onOk && await e.onOk({
           keys: o,
           rows: t
@@ -111,7 +113,7 @@ const ue = /* @__PURE__ */ E({
         return;
       }
       s.value = !1;
-    }, I = G(() => {
+    }, D = H(() => {
       if (!e.getRowKey) return;
       const t = e.getRowKey;
       return {
@@ -122,7 +124,7 @@ const ue = /* @__PURE__ */ E({
         onSelectAll(o, n) {
           if (n.length > e.maxCount) {
             R.warning(
-              b("ap.apTableModal.messageMaxCount", {
+              C("ap.apTableModal.messageMaxCount", {
                 maxCount: e.maxCount
               })
             );
@@ -130,7 +132,7 @@ const ue = /* @__PURE__ */ E({
           }
           const l = i.value?.dataSource;
           if (o) {
-            const c = r(l).filter((p) => !a.value.some((F) => t(F) === t(p)));
+            const c = r(l).filter((p) => !a.value.some((E) => t(E) === t(p)));
             a.value = a.value.concat(c);
           } else
             a.value = a.value?.filter((c) => !l.some((p) => t(p) === t(c)));
@@ -139,7 +141,7 @@ const ue = /* @__PURE__ */ E({
           if (n) {
             if (a.value.length >= e.maxCount) {
               R.warning(
-                b("ap.apTableModal.messageMaxCount", {
+                C("ap.apTableModal.messageMaxCount", {
                   maxCount: e.maxCount
                 })
               );
@@ -159,8 +161,8 @@ const ue = /* @__PURE__ */ E({
         }),
         ...e.rowSelection || {}
       };
-    }), D = () => e.isRenderModalTitleSuffix ? H(
-      J,
+    }), L = () => e.isRenderModalTitleSuffix ? U(
+      Z,
       {
         title: e.title,
         count: a.value.length || 0,
@@ -169,9 +171,9 @@ const ue = /* @__PURE__ */ E({
       {
         default: e.renderModalTitleSuffix ?? void 0
       }
-    ) : e.title, L = () => i.value, N = () => {
+    ) : e.title, A = () => i.value, F = () => {
       a.value = [];
-    }, A = (t) => {
+    }, $ = (t) => {
       const o = e.getRowKey;
       if (!o) return;
       const n = a.value.findIndex(
@@ -180,10 +182,10 @@ const ue = /* @__PURE__ */ E({
       a.value.splice(n, 1);
     };
     return B({
-      open: K,
+      open: O,
       close: x,
-      getApTableInstance: L
-    }), (t, o) => (g(), w(r(V), m(
+      getApTableInstance: A
+    }), (t, o) => (g(), w(r(j), m(
       {
         open: s.value,
         "onUpdate:open": o[0] || (o[0] = (n) => s.value = n)
@@ -203,30 +205,31 @@ const ue = /* @__PURE__ */ E({
         "tableLayoutConfig"
       ]),
       {
-        title: D(),
+        title: L(),
         centered: e.centered ?? !0,
-        onOk: _,
+        "wrap-class-name": `${r(K)()} ${r(I)}`,
+        onOk: N,
         onCancel: x
       }
     ), {
       default: k(() => [
-        e.renderHeader ? (g(), w(q(e.renderHeader), { key: 0 })) : U("", !0),
-        h(Q, m(e.tableLayoutConfig || {}, {
+        e.renderHeader ? (g(), w(V(e.renderHeader), { key: 0 })) : q("", !0),
+        h(ee, m(e.tableLayoutConfig || {}, {
           "selected-list": a.value,
-          onClear: N,
-          onDeleteItem: A
+          onClear: F,
+          onDeleteItem: $
         }), {
           default: k(() => [
-            h(r($), m({
+            h(r(z), m({
               ref_key: "apTableRef",
               ref: i,
               scroll: { y: 450 },
               style: { padding: "0px" },
               columns: t.columns,
-              request: O,
+              request: _,
               "row-key": t.getRowKey,
-              "row-selection": I.value,
-              "data-source": C.value,
+              "row-selection": D.value,
+              "data-source": b.value,
               "search-form": {
                 sortable: !1,
                 countPerRow: 2
@@ -237,9 +240,9 @@ const ue = /* @__PURE__ */ E({
         }, 16, ["selected-list"])
       ]),
       _: 1
-    }, 16, ["open", "title", "centered"]));
+    }, 16, ["open", "title", "centered", "wrap-class-name"]));
   }
 });
 export {
-  ue as default
+  ye as default
 };

package/es/src/business/ap-title/ApTitle.vue2.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as d, computed as g, createElementBlock as a, openBlock as l, normalizeClass as o, unref as t, createElementVNode as r, renderSlot as n, Fragment as h, createBlock as C, createCommentVNode as y, toDisplayString as k, withCtx as v, createVNode as M, normalizeStyle as $ } from "vue";
-import { Tooltip as I } from "@aplus-frontend/antdv";
+import { defineComponent as g, computed as h, createElementBlock as a, openBlock as o, normalizeClass as l, unref as t, createElementVNode as r, renderSlot as n, Fragment as y, createBlock as C, createCommentVNode as k, toDisplayString as v, withCtx as I, createVNode as M, normalizeStyle as S } from "vue";
+import { Tooltip as $ } from "@aplus-frontend/antdv";
 import { QuestionCircleOutlined as N } from "@ant-design/icons-vue";
 import "../../config-provider/index.mjs";
-import { useNamespace as S } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as B } from "../../config-provider/hooks/use-global-config.mjs";
-const D = /* @__PURE__ */ d({
+import B from "./style/index.mjs";
+import { useNamespace as T } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as V } from "../../config-provider/hooks/use-global-config.mjs";
+const O = /* @__PURE__ */ g({
   name: "ApTitle",
   __name: "ApTitle",
   props: {
@@ -15,34 +16,34 @@ const D = /* @__PURE__ */ d({
     trigger: { default: "hover" }
   },
   setup(p) {
-    const i = p, { b: m, e: s, m: u } = S("ap-title"), c = B("uiMode", "aplus"), f = g(() => i.helpIconColor ? {
-      color: `${i.helpIconColor}`
+    const s = p, { b: m, e: i, m: u } = T("ap-title"), c = B("ap-title"), f = V("uiMode", "aplus"), d = h(() => s.helpIconColor ? {
+      color: `${s.helpIconColor}`
     } : {});
-    return (e, T) => (l(), a("div", {
-      class: o([t(m)(), `${t(u)(t(c))}`])
+    return (e, b) => (o(), a("div", {
+      class: l([t(m)(), `${t(u)(t(f))}`, t(c)])
     }, [
       r("div", {
-        class: o(t(s)("prefix"))
+        class: l(t(i)("prefix"))
       }, [
-        e.$slots.prefix ? n(e.$slots, "prefix", { key: 0 }) : (l(), a(h, { key: 1 }, [
-          r("span", null, k(e.title), 1),
-          e.helpMessage ? (l(), C(t(I), {
+        e.$slots.prefix ? n(e.$slots, "prefix", { key: 0 }) : (o(), a(y, { key: 1 }, [
+          r("span", null, v(e.title), 1),
+          e.helpMessage ? (o(), C(t($), {
             key: 0,
             title: e.helpMessage,
             placement: e.placement,
             trigger: e.trigger
           }, {
-            default: v(() => [
+            default: I(() => [
               M(t(N), {
-                style: $(f.value)
+                style: S(d.value)
               }, null, 8, ["style"])
             ]),
             _: 1
-          }, 8, ["title", "placement", "trigger"])) : y("", !0)
+          }, 8, ["title", "placement", "trigger"])) : k("", !0)
         ], 64))
       ], 2),
       r("div", {
-        class: o(t(s)("suffix"))
+        class: l(t(i)("suffix"))
       }, [
         n(e.$slots, "suffix")
       ], 2)
@@ -50,5 +51,5 @@ const D = /* @__PURE__ */ d({
   }
 });
 export {
-  D as default
+  O as default
 };

package/es/src/business/ap-title/style/index.d.ts

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

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

@@ -0,0 +1,75 @@
+import { genComponentStyleHook as t } from "../../../utils/cssinjs/index.mjs";
+const i = (e) => {
+  const { componentCls: o } = e;
+  return {
+    [o]: {
+      position: "relative",
+      width: "100%",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      paddingInline: "10px",
+      fontSize: e.fontSize,
+      "&::before": {
+        position: "absolute",
+        content: '""',
+        left: 0,
+        top: "50%",
+        transform: "translateY(-50%)",
+        width: "3px",
+        height: "14px",
+        backgroundColor: e.colorPrimary,
+        borderRadius: "0px 4px 4px 0px",
+        zIndex: 1
+      },
+      [`${o}__prefix`]: {
+        fontWeight: "bold",
+        color: e.textColor2,
+        display: "flex",
+        alignItems: "center",
+        ".anticon-question-circle": {
+          fontSize: e.fontSizeLG,
+          marginInlineStart: "5px",
+          color: "#8896b0"
+        }
+      },
+      "&--admin": {
+        paddingLeft: "14px",
+        "&::before": {
+          top: "50%",
+          transform: "translateY(-50%)",
+          width: "8px",
+          height: "8px",
+          borderRadius: "50%",
+          borderWidth: "2px",
+          borderStyle: "solid",
+          borderColor: e.colorPrimary,
+          background: "#fff",
+          zIndex: 1
+        },
+        [o]: {
+          "&__prefix": {
+            fontWeight: "bold",
+            color: "#333",
+            display: "flex",
+            alignItems: "center",
+            ".anticon-question-circle": {
+              fontSize: e.fontSizeLG,
+              marginLeft: "5px",
+              color: "#999"
+            }
+          }
+        }
+      },
+      [`${o}__suffix`]: {
+        color: "#526a90"
+      }
+    }
+  };
+}, n = t("ApTitle", (e) => [
+  i(e)
+]);
+export {
+  n as default,
+  i as genApTitleStyle
+};

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

@@ -1,17 +1,18 @@
-import { defineComponent as h, computed as C, createBlock as b, 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 N, h as S, Fragment as D } from "vue";
-import { clearSingleFile as Q, clearAllFile as y } from "../utils/fileList.mjs";
+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 g from "../icon/file-icon.vue.mjs";
 import k from "../icon/delete-icon.vue.mjs";
-import { Form as W, UploadDragger as X, TypographyParagraph as x, Progress as Y, Tooltip as L } 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 { 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 "../../../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 le } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as se } from "../../../config-provider/hooks/use-namespace.mjs";
-const be = /* @__PURE__ */ h({
+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({
   __name: "ap-upload-single",
   props: {
     dirName: {},
@@ -29,27 +30,27 @@ const be = /* @__PURE__ */ h({
   },
   emits: ["update:fileList"],
   setup(A, { emit: E }) {
-    const P = Z.useInject(), $ = C(() => P.status), d = A, q = E, B = W.useInjectFormItemContext(), r = C({
+    const P = ee.useInject(), $ = C(() => P.status), d = A, q = E, B = X.useInjectFormItemContext(), r = C({
       get() {
         return d.fileList || [];
       },
       set(c) {
         q("update:fileList", c), B?.onFieldChange();
       }
-    }), o = C(() => r.value?.[0]), O = w("apUpload"), { t: T, lang: U } = le(), {
+    }), o = C(() => r.value?.[0]), O = w("apUpload"), { t: T, lang: U } = ne(), {
       title: j,
       subTitle: z,
       beforeUpload: R,
       customRequest: M
-    } = ee(d), V = M;
-    te(
+    } = te(d), h = M;
+    oe(
       T,
       U,
       d?.getOssAccess ?? O.value?.getOssAccess
     );
-    const { b: F, e: t } = se("ap-upload-single"), I = w("uiMode");
+    const { b: I, e: t } = ae("ap-upload-single"), V = se("ap-upload-single"), F = w("uiMode");
     function _(c) {
-      return oe(c, [
+      return le(c, [
         "dirName",
         "needName",
         "getOssAccess",
@@ -58,7 +59,7 @@ const be = /* @__PURE__ */ h({
         "subTitle"
       ]);
     }
-    return (c, a) => (u(), b(e(X), G({
+    return (c, a) => (u(), y(e(Y), H({
       ...c.$attrs,
       ..._(d)
     }, {
@@ -67,14 +68,14 @@ const be = /* @__PURE__ */ h({
       "max-count": 1,
       "show-upload-list": !1,
       disabled: !!o.value && [void 0, "uploading", "error", "success", "done"].includes(o.value.status),
-      class: [e(F)(), `${e(F)()}-affix-wrapper-status-${$.value}`],
+      class: [e(I)(), `${e(I)()}-affix-wrapper-status-${$.value}`, e(V)],
       "before-upload": e(R),
-      "custom-request": e(V)
+      "custom-request": e(h)
     }), {
       default: i(() => [
-        H(c.$slots, "default", J(K({
+        J(c.$slots, "default", K(Q({
           file: o.value,
-          clear: () => o.value && e(Q)(o.value, r.value, { maxCount: 1 })
+          clear: () => o.value && e(W)(o.value, r.value, { maxCount: 1 })
         })), () => [
           s("div", {
             class: l([e(t)("content")])
@@ -100,17 +101,17 @@ const be = /* @__PURE__ */ h({
                   ]),
                   _: 1
                 }, 8, ["tooltip"]),
-                n(e(Y), {
+                n(e(Z), {
                   percent: o.value.percent || 0,
                   size: 4,
                   "show-info": !1,
-                  "trail-color": e(I) === "admin" ? "#D9D9D9" : "#DEE4ED",
-                  "stroke-color": e(I) === "admin" ? "#34B77C" : "#0070FF"
+                  "trail-color": e(F) === "admin" ? "#D9D9D9" : "#DEE4ED",
+                  "stroke-color": e(F) === "admin" ? "#34B77C" : "#0070FF"
                 }, null, 8, ["percent", "trail-color", "stroke-color"])
               ], 2),
               s("div", {
                 class: l([e(t)("content-file-delete")]),
-                onClick: a[0] || (a[0] = (f) => e(y)(r.value))
+                onClick: a[0] || (a[0] = (f) => e(b)(r.value))
               }, [
                 n(k)
               ], 2)
@@ -146,7 +147,7 @@ const be = /* @__PURE__ */ h({
               ], 2),
               s("div", {
                 class: l([e(t)("content-file-delete")]),
-                onClick: a[1] || (a[1] = (f) => e(y)(r.value))
+                onClick: a[1] || (a[1] = (f) => e(b)(r.value))
               }, [
                 n(k)
               ], 2)
@@ -182,7 +183,7 @@ const be = /* @__PURE__ */ h({
               ], 2),
               s("div", {
                 class: l([e(t)("content-file-delete")]),
-                onClick: a[2] || (a[2] = (f) => e(y)(r.value))
+                onClick: a[2] || (a[2] = (f) => e(b)(r.value))
               }, [
                 n(k)
               ], 2)
@@ -198,12 +199,12 @@ const be = /* @__PURE__ */ h({
               s("div", {
                 class: l([e(t)("content-empty-title")])
               }, [
-                (u(), b(N(S(D, [e(j)]))))
+                (u(), y(S(N(D, [e(j)]))))
               ], 2),
               s("div", {
                 class: l([e(t)("content-empty-sub-title")])
               }, [
-                (u(), b(N(S(D, [e(z)]))))
+                (u(), y(S(N(D, [e(z)]))))
               ], 2)
             ], 2))
           ], 2)
@@ -214,5 +215,5 @@ const be = /* @__PURE__ */ h({
   }
 });
 export {
-  be as default
+  xe as default
 };

package/es/src/business/ap-upload-file/ap-upload-single/style/index.d.ts

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

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

@@ -0,0 +1,121 @@
+import { genComponentStyleHook as t } from "../../../../utils/cssinjs/index.mjs";
+const n = (o) => {
+  const { componentCls: e } = o;
+  return {
+    [e]: {
+      userSelect: "none",
+      ".ant-upload-drag": {
+        background: "#F2F6F9",
+        border: "1px dashed var(--ap-border-color-base)",
+        height: "200px",
+        "&:not(.ant-upload-disabled):hover": {
+          background: "rgba(0, 112, 255, 0.1)",
+          borderColor: "#0070ff"
+        },
+        ".ant-upload-btn": {
+          padding: 0
+        },
+        ".ant-upload-disabled": {
+          cursor: "default"
+        }
+      },
+      [`${e}__content`]: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: "100%"
+      },
+      [`${e}__content-file`]: {
+        width: "min(516px, 77.24%)",
+        height: "96px",
+        background: "#FFFFFF",
+        borderRadius: "4px",
+        display: "flex",
+        alignItems: "center",
+        padding: "0 24px",
+        "&-icon": {
+          flexShrink: 0,
+          marginRight: "16px",
+          svg: {
+            width: "48px"
+          }
+        },
+        "&-name": {
+          flex: 1,
+          textAlign: "start",
+          "&>.ant-typography": {
+            color: "var(--name-color)",
+            marginBottom: 0,
+            wordBreak: "break-all"
+          }
+        },
+        "&-delete": {
+          flexShrink: 0,
+          marginLeft: "24px",
+          svg: {
+            width: "20px",
+            color: "#FF4D4F",
+            fontSize: "20px",
+            cursor: "pointer"
+          }
+        }
+      },
+      [`${e}__content-ing`]: {
+        "&-name": {
+          "--name-color": "var(--ap-text-color-2)",
+          ".ant-progress-line": {
+            marginInlineEnd: 0,
+            marginBottom: 0
+          }
+        }
+      },
+      [`${e}__content-error`]: {
+        "&-name": {
+          "--name-color": "#FF4D4F"
+        }
+      },
+      [`${e}__content-done`]: {
+        "&-name": {
+          "--name-color": "#0070ff"
+        }
+      },
+      [`${e}__content-empty`]: {
+        cursor: "pointer",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        "&-icon": {
+          svg: {
+            width: "56px"
+          }
+        },
+        "&-title": {
+          marginTop: "10px",
+          color: "var(--ap-text-color-2)",
+          fontSize: "16px",
+          lineHeight: "22px"
+        },
+        "&-sub-title": {
+          marginTop: 4,
+          color: "var(--ap-text-color-3)",
+          fontSize: "12px",
+          lineHeight: "18px"
+        }
+      }
+    },
+    [`${e}-affix-wrapper-status-error`]: {
+      ".ant-upload-drag:not(.ant-upload-disabled)": {
+        borderColor: "#ff4d4f",
+        "&:hover": {
+          borderColor: "#FF4D4F80"
+        }
+      }
+    }
+  };
+}, a = t("ApUploadSingle", (o) => [
+  n(o)
+]);
+export {
+  a as default,
+  n as genProCardStyle
+};