@aplus-frontend/ui 7.0.0 → 7.1.0

package/es/src/ap-upload/style/multiple-file.mjs

@@ -1,7 +1,7 @@
-const a = (t) => {
-  const { componentCls: l } = t, o = `${l}-multiple-file`;
+const a = (l) => {
+  const { componentCls: o } = l;
   return {
-    [o]: {
+    [`${o}-multiple-file`]: {
       ".multiple-file-context": {
         display: "flex",
         alignItems: "center",
@@ -10,22 +10,22 @@ const a = (t) => {
           alignItems: "center",
           padding: "7px 12px",
           transition: "all 0.3s",
-          border: "1px solid #dee4ed",
+          border: `1px solid ${l.borderColorBase}`,
           borderRadius: "4px",
-          color: "#182948",
+          color: l.textColor1,
           "&:hover": {
-            borderColor: "#0070ff",
-            color: "#0070ff"
+            borderColor: l.colorPrimary,
+            color: l.colorPrimary
           }
         },
         ".sub-title": {
           paddingLeft: "16px",
-          color: "#8896b0",
-          fontSize: t.fontSize
+          color: l.textColor3,
+          fontSize: l.fontSize
         }
       },
       ".ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover": {
-        backgroundColor: "rgb(245 249 250)",
+        backgroundColor: l.colorBgLayout,
         ".ant-upload-list-item-actions .ant-upload-list-item-action:focus": {
           opacity: 1
         }
@@ -39,7 +39,7 @@ const a = (t) => {
         opacity: 0
       },
       ".ant-upload-text-icon": {
-        color: "#abb7cc"
+        color: l.textColor4
       },
       ".ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error": {
         ".ant-upload-list-item-name": {
@@ -53,37 +53,10 @@ const a = (t) => {
         }
       },
       ".ant-upload-list-item-done": {
-        color: "#0070ff"
+        color: l.colorLink
       },
       ".ant-upload-list-item-undefined": {
-        color: "#0070ff"
-      }
-    },
-    [`${o}-admin`]: {
-      ".multiple-file-context": {
-        ".file-btn": {
-          border: "1px solid #d9d9d9",
-          color: "#333333",
-          "&:hover": {
-            borderColor: "#34b77c",
-            color: "#34b77c"
-          }
-        },
-        ".sub-title": {
-          color: "#999"
-        }
-      },
-      ".ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover": {
-        background: "#fafafa"
-      },
-      ".ant-upload-text-icon": {
-        color: "#bfbfbf"
-      },
-      ".ant-upload-list-item-done": {
-        color: "#1890ff"
-      },
-      ".ant-upload-list-item-undefined": {
-        color: "#1890ff"
+        color: l.colorLink
       }
     }
   };

package/es/src/ap-upload/style/picture.mjs

@@ -1,7 +1,7 @@
-const i = (e) => {
-  const { componentCls: o } = e, t = `${o}-picture`;
+const r = (t) => {
+  const { componentCls: e } = t;
   return {
-    [t]: {
+    [`${e}-picture`]: {
       ".picture-context": {
         display: "grid",
         gap: "16px",
@@ -15,23 +15,23 @@ const i = (e) => {
           width: "100px",
           overflow: "hidden",
           transition: "all 0.2s",
-          border: "1px dashed #dee4ed",
+          border: `1px dashed ${t.borderColorBase}`,
           borderRadius: "4px",
-          background: "#f2f6f9",
-          color: "#abb7cc",
+          background: t.colorBgLayout,
+          color: t.textColor4,
           fontSize: "16px",
           cursor: "pointer",
           aspectRatio: "1 / 1",
-          "& > * + *": { marginTop: "4px", fontSize: e.fontSize },
+          "& > * + *": { marginTop: "4px", fontSize: t.fontSize },
           "&:hover": {
-            border: "1px dashed #0070ff"
+            border: `1px dashed ${t.colorPrimary}`
           }
         },
         ".picture-item": {
           width: "100px",
           padding: "8px",
           overflow: "hidden",
-          border: "1px solid #dee4ed",
+          border: `1px solid ${t.borderColorBase}`,
           borderRadius: "4px",
           background: "#fff",
           aspectRatio: "1 / 1",
@@ -58,7 +58,7 @@ const i = (e) => {
               borderRadius: "2px",
               background: "rgb(0 0 0 / 50%)",
               color: "#fff",
-              fontSize: e.fontSize,
+              fontSize: t.fontSize,
               ".picture-item-close": {
                 display: "flex",
                 position: "absolute",
@@ -91,30 +91,12 @@ const i = (e) => {
       },
       ".picture-title": {
         marginTop: "8px",
-        color: "#8896b0",
+        color: t.textColor3,
         fontSize: "12px"
       }
-    },
-    [`${t}-admin`]: {
-      ".picture-context": {
-        ".picture-upload": {
-          border: "1px dashed #d9d9d9",
-          background: "#fafafa",
-          color: "#bfbfbf",
-          "&:hover": {
-            border: "1px dashed #34b77c"
-          }
-        },
-        ".picture-item": {
-          border: "1px solid #d9d9d9"
-        }
-      },
-      ".picture-title": {
-        color: "#999"
-      }
     }
   };
 };
 export {
-  i as pictureStyle
+  r as pictureStyle
 };

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

@@ -1,4 +1,4 @@
-const n = (e) => {
+const r = (e) => {
   const { componentCls: i } = e, t = `${i}-single-file`;
   return {
     [t]: {
@@ -9,7 +9,7 @@ const n = (e) => {
       height: "200px",
       overflow: "hidden",
       transition: "all 0.3s",
-      border: "1px dashed #dee4ed",
+      border: `1px dashed ${e.borderColorBase}`,
       borderRadius: "4px",
       background: "#f2f6f9",
       userSelect: "none",
@@ -26,13 +26,13 @@ const n = (e) => {
         },
         ".state-un-title": {
           marginTop: "10px",
-          color: "#182948",
+          color: e.textColor1,
           fontSize: e.fontSizeLG,
           lineHeight: e.lineHeightLG
         },
         ".state-un-subtitle": {
           marginTop: "4px",
-          color: "#abb7cc",
+          color: e.textColor4,
           fontSize: "12px",
           lineHeight: "18px"
         }
@@ -89,20 +89,9 @@ const n = (e) => {
         border: "1px dashed #0070ff",
         background: "rgb(0 112 255 / 10%)"
       }
-    },
-    [`${t}-admin`]: {
-      border: "1px dashed #D9D9D9",
-      ".state-un": {
-        ".state-un-title": {
-          color: "#333"
-        },
-        ".state-un-subtitle": {
-          color: "#BFBFBF"
-        }
-      }
     }
   };
 };
 export {
-  n as singleFileStyle
+  r as singleFileStyle
 };

package/es/src/business/ag-grid-modal/interface.d.ts

@@ -77,7 +77,7 @@ export interface AgGridSelectModalProps<RowType = any> extends AgGridModalBasicP
     /** 设置是否是复杂布局 */
     modalLayout?: ModalLayoutConfig<RowType>;
     /** ag-grid 额外配置 */
-    gridProps?: Omit<AgGridProps<RowType>, 'rowHeight' | 'rowSelection' | 'rowKey'>;
+    gridProps?: Omit<AgGridProps<RowType>, 'rowSelection' | 'rowKey'>;
 }
 export interface SelectModalReturnType<T = any> {
     /** 打开弹框 */

package/es/src/business/ag-grid-modal/wrapper/index.vue.d.ts

@@ -7,13 +7,17 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        wrapperContainer: HTMLDivElement;
+    };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     rowHeight: number;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    wrapperContainer: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/es/src/business/ag-grid-modal/wrapper/index.vue2.mjs

@@ -1,25 +1,42 @@
-import { defineComponent as c, computed as t, createElementBlock as u, openBlock as s, normalizeStyle as d, unref as m, renderSlot as p } from "vue";
-import { LARGER_HEIGHT as f, SMALL_HEIGHT as o } from "../constants.mjs";
-import { useAgGridModalInject as h } from "../hooks/use-ag-grid-instance.mjs";
-const v = /* @__PURE__ */ c({
+import { defineComponent as p, useTemplateRef as f, computed as g, ref as h, watch as d, onMounted as m, createElementBlock as H, openBlock as v, normalizeStyle as _, unref as y, renderSlot as w } from "vue";
+import { SMALL_HEIGHT as l, LARGER_HEIGHT as S } from "../constants.mjs";
+import { useAgGridModalInject as L } from "../hooks/use-ag-grid-instance.mjs";
+const G = /* @__PURE__ */ p({
   __name: "index",
   props: {
-    rowHeight: { default: 40 }
+    rowHeight: { default: 32 }
   },
-  setup(r) {
-    const n = r, i = h(), l = t(() => i?.dataSourceLength?.value || 0), a = t(() => l.value * n.rowHeight > 400 ? f : o);
-    return (e, g) => (s(), u("div", {
-      style: d({
-        minHeight: m(o),
+  setup(c) {
+    const s = c, t = f("wrapperContainer"), u = L(), r = g(
+      () => u?.dataSourceLength?.value || 0
+    ), a = h(l), i = () => {
+      const e = t.value?.clientHeight, o = t.value?.querySelector(
+        ".ag-body.ag-layout-normal"
+      )?.clientHeight;
+      let n = 0;
+      !e || !o ? n = 0 : n = e - o, r.value * s.rowHeight > 480 - n && (a.value = S);
+    };
+    return d(
+      () => r.value,
+      () => {
+        i();
+      }
+    ), m(() => {
+      i();
+    }), (e, o) => (v(), H("div", {
+      ref_key: "wrapperContainer",
+      ref: t,
+      style: _({
+        minHeight: y(l),
         height: a.value,
         display: "flex",
         flexDirection: "column"
       })
     }, [
-      p(e.$slots, "default")
+      w(e.$slots, "default")
     ], 4));
   }
 });
 export {
-  v as default
+  G as default
 };

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

@@ -51,7 +51,7 @@ const r = (o) => {
               ".ant-typography": {
                 fontSize: o.fontSize,
                 lineHeight: o.lineHeight,
-                color: o.textColor2,
+                color: o.textColor1,
                 transition: "color 0.2s"
               }
             },

package/es/src/business/ap-attachment/ApAttachment.mjs

@@ -1,71 +1,74 @@
-import { defineComponent as W, ref as x, useSlots as _, computed as n, cloneVNode as j, toRaw as h, unref as K, createVNode as t, createTextVNode as R } from "vue";
+import { defineComponent as W, ref as k, useSlots as _, computed as o, cloneVNode as j, toRaw as h, unref as K, createVNode as t, createTextVNode as R } from "vue";
 import { Tooltip as B, Popover as G } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
 import { ApAttachmentProps as H } from "./constans.mjs";
-import { getHexWithOpacity as q, getFileInfo as O } from "../../ap-download/utils/getFileInfo.mjs";
-import { useOssInit as D } from "../../ap-download/hooks/index.mjs";
-import { debounce as E, isArray as J } from "lodash-unified";
+import { getHexWithOpacity as M, getFileInfo as F } from "../../ap-download/utils/getFileInfo.mjs";
+import { useOssInit as q } from "../../ap-download/hooks/index.mjs";
+import { debounce as D, isArray as E } from "lodash-unified";
 import { LoadingOutlined as g } from "@ant-design/icons-vue";
-import { warning as Q } from "../../utils/warning.mjs";
-import X from "./style/index.mjs";
+import { warning as J } from "../../utils/warning.mjs";
+import Q from "./style/index.mjs";
+import { useToken as X } from "../../config-provider/hooks/use-token.mjs";
 import { useNamespace as Y } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as p } from "../../config-provider/hooks/use-global-config.mjs";
+import { useGlobalConfig as T } from "../../config-provider/hooks/use-global-config.mjs";
 import { useLocale as Z } from "../../config-provider/hooks/use-locale.mjs";
-const de = /* @__PURE__ */ W({
+const fe = /* @__PURE__ */ W({
   name: "ApAttachment",
   props: H(),
   setup(e, {
-    emit: C
+    emit: p
   }) {
     const {
-      b: T,
+      b: x,
       e: a
-    } = Y("ap-attachment"), L = X("ap-attachment"), k = p("uiMode"), N = p("apUpload"), w = p("downloadCenterTriggerConfig"), {
-      lang: P,
+    } = Y("ap-attachment"), L = Q("ap-attachment"), C = T("apUpload"), N = T("downloadCenterTriggerConfig"), {
+      token: w
+    } = X(), {
+      lang: O,
       t: m
-    } = Z(), i = x(!1), c = x(""), d = _(), I = n(() => P.value === "zh-cn" ? "zh_CN" : "en_US"), s = n(() => e.needName ?? N?.value?.needName), f = n(() => e.attachmentList.length === 1), y = n(() => s.value ? e.attachmentList.length > 0 && s.value && s.value?.nameKey ? e.attachmentList[0][s.value.nameKey] : "" : e.attachmentList.length > 0 ? e.attachmentList[0].fileName : ""), S = n(() => f.value ? y.value : m("ap.apAttachment.downloadall")), A = n(() => e.color ? e.color : k.value === "aplus" ? "#0070FF" : "#1890FF"), F = n(() => ({
-      "--download-main-color": A.value,
-      "--download-main-color-opacity": q(A.value, 0.6)
-    })), V = n(() => e.getOssAccess || N.value?.getOssAccess), z = n(() => {
+    } = Z(), i = k(!1), c = k(""), d = _(), P = o(() => O.value === "zh-cn" ? "zh_CN" : "en_US"), s = o(() => e.needName ?? C?.value?.needName), f = o(() => e.attachmentList.length === 1), y = o(() => s.value ? e.attachmentList.length > 0 && s.value && s.value?.nameKey ? e.attachmentList[0][s.value.nameKey] : "" : e.attachmentList.length > 0 ? e.attachmentList[0].fileName : ""), I = o(() => f.value ? y.value : m("ap.apAttachment.downloadall")), A = o(() => ({
+      "--download-main-color": w.value?.colorLink,
+      "--download-main-color-opacity": M(w.value?.colorLink, 0.6)
+    })), S = o(() => e.getOssAccess || C.value?.getOssAccess), V = o(() => {
       const l = d.default ? d.default()[0] : null;
       return l ? j(l, {
         style: {
           "font-size": "16px"
         }
       }) : null;
-    }), v = E(async (l, u) => {
+    }), v = D(async (l, r) => {
       if (!e.disabled) {
-        i.value = !0, u && (c.value = u);
+        i.value = !0, r && (c.value = r);
         try {
-          const o = J(h(l)) ? h(l) : [h(l)];
-          if (w.value?.trigger) {
-            const r = O(s.value, o).map((b) => ({
+          const n = E(h(l)) ? h(l) : [h(l)];
+          if (N.value?.trigger) {
+            const u = F(s.value, n).map((b) => ({
               objectName: b.path,
               fileName: b.fileName
             }));
-            w.value?.trigger(r), C("downloadCallback", r);
+            N.value?.trigger(u), p("downloadCallback", u);
           } else {
-            const r = await (await D(V.value, K(I))).downloadFile(O(e.needName, o));
-            C("downloadCallback", r);
+            const u = await (await q(S.value, K(P))).downloadFile(F(e.needName, n));
+            p("downloadCallback", u);
           }
-        } catch (o) {
-          Q(!1, o);
+        } catch (n) {
+          J(!1, n);
         } finally {
           i.value = !1, c.value = "";
         }
       }
-    }, 500), M = (l) => l && l.length > 0 ? t("ul", {
+    }, 500), z = (l) => l && l.length > 0 ? t("ul", {
       class: [a("file-list"), L.value],
-      style: F.value
-    }, [l.map((u, o) => t("li", {
-      key: o,
+      style: A.value
+    }, [l.map((r, n) => t("li", {
+      key: n,
       class: [a("file-item")],
-      onClick: () => v(u, o + 1)
-    }, [i.value && c.value === o + 1 ? t("span", {
+      onClick: () => v(r, n + 1)
+    }, [i.value && c.value === n + 1 ? t("span", {
       class: [a("spin")]
     }, [t(g, {
       spin: !0
-    }, null)]) : null, u.fileName])), t("li", {
+    }, null)]) : null, r.fileName])), t("li", {
       class: [a("download-all")],
       onClick: () => v(e.attachmentList, "all")
     }, [i.value && c.value === "all" ? t("span", {
@@ -74,10 +77,10 @@ const de = /* @__PURE__ */ W({
       spin: !0
     }, null)]) : null, m("ap.apAttachment.downloadall")])]) : null;
     return () => e.attachmentList?.length > 0 && t("div", {
-      class: [T(), L.value],
-      style: [F.value]
+      class: [x(), L.value],
+      style: [A.value]
     }, [t(B, {
-      title: S.value,
+      title: I.value,
       placement: e.textToolTipPlacement,
       color: e.toolTipBgColor
     }, {
@@ -90,14 +93,14 @@ const de = /* @__PURE__ */ W({
         spin: !0
       }, null)]) : null, d.default ? t("div", {
         class: [a("text-render")]
-      }, [z.value, R(" ")]) : null, t("div", {
+      }, [V.value, R(" ")]) : null, t("div", {
         class: [a("text-inner")],
         style: {
           "max-width": e.maxWidth ? e.maxWidth + "px" : "auto"
         }
       }, [y.value])])]
     }), t(G, {
-      content: M(e.attachmentList),
+      content: z(e.attachmentList),
       placement: e.fileMorePopoverPlacement,
       color: "#fff"
     }, {
@@ -108,5 +111,5 @@ const de = /* @__PURE__ */ W({
   }
 });
 export {
-  de as default
+  fe as default
 };

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

@@ -23,7 +23,7 @@ const r = (o) => {
         lineHeight: "18px"
       },
       [`${t}--text-major`]: {
-        color: o.textColor2
+        color: o.textColor1
       },
       [`${t}--text-minor`]: {
         color: o.textColor3