@aplus-frontend/ui 0.1.25 → 0.1.27

package/es/src/business/ap-ladder/ApLadder.vue2.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as O, useSlots as T, ref as W, computed as d, unref as l, onMounted as q, openBlock as t, createElementBlock as s, normalizeClass as a, createBlock as P, normalizeProps as S, mergeProps as _, createSlots as V, withCtx as m, Fragment as c, createElementVNode as u, normalizeStyle as p, toDisplayString as i, renderSlot as $, createCommentVNode as C, renderList as E } from "vue";
-import { Tooltip as M } from "ant-design-vue";
+import { defineComponent as q, useSlots as H, ref as R, computed as h, unref as l, onMounted as J, openBlock as t, createElementBlock as r, normalizeClass as u, createBlock as $, normalizeProps as w, mergeProps as E, createSlots as M, withCtx as b, Fragment as y, createElementVNode as p, normalizeStyle as m, toDisplayString as i, renderSlot as N, createCommentVNode as f, renderList as z, createTextVNode as K } from "vue";
+import { Tooltip as O } from "ant-design-vue";
 import "../../config-provider/index.mjs";
+import { locales as Q } from "./interface.mjs";
 import "./style.css";
-import { useNamespace as H } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as J } from "../../config-provider/hooks/use-global-config.mjs";
-const K = { key: 0 }, Q = { key: 1 }, R = ["onClick"], U = { key: 0 }, X = { key: 1 }, re = /* @__PURE__ */ O({
+import { useNamespace as U } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as X } from "../../config-provider/hooks/use-global-config.mjs";
+const Y = { key: 1 }, Z = { key: 0 }, x = { key: 1 }, ee = { key: 0 }, oe = ["onClick"], te = { key: 0 }, re = { key: 1 }, le = { key: 0 }, se = { key: 1 }, me = /* @__PURE__ */ q({
   name: "ApLadder",
   __name: "ApLadder",
   props: {
@@ -33,114 +34,143 @@ const K = { key: 0 }, Q = { key: 1 }, R = ["onClick"], U = { key: 0 }, X = { key
       trigger: "hover"
     }) }
   },
-  setup(w) {
-    const y = T(), r = w, { b: A, e: n, m: B } = H("ap-ladder"), N = J("uiMode", "aplus"), v = `ap-ladder-${Math.floor(Math.random() * 1e7)}`, L = n("ellipsis"), h = W(!1), z = d(() => r.major || r.minor), D = d(() => r.labelValues.length > 0), b = d(() => r.majorColor ? {
-      color: `${r.majorColor}`
-    } : {}), j = d(() => r.minorColor ? {
-      color: `${r.minorColor}`
-    } : {}), f = (e) => e == null ? "--" : typeof e == "string" ? e || "--" : typeof e == "number" ? e.toFixed(2) : "--", F = () => {
-      const e = document.getElementById(v);
-      if (!e)
+  setup(A) {
+    const v = H(), s = A, { b: B, e: n, m: L } = U("ap-ladder"), F = X("uiMode", "aplus"), _ = `ap-ladder-${Math.floor(Math.random() * 1e7)}`, W = n("ellipsis"), k = R(!1), D = h(() => s.labelValues.length === 0), T = h(() => s.labelValues.length > 0), g = h(() => s.majorColor ? {
+      color: `${s.majorColor}`
+    } : {}), S = h(() => s.minorColor ? {
+      color: `${s.minorColor}`
+    } : {}), C = (o) => o == null || typeof o == "string" && o.trim() === "", c = (o, a = {}) => {
+      const e = {
+        rawValue: a.rawValue,
+        precision: a.precision === void 0 ? 2 : a.precision,
+        thousand: a.thousand,
+        thousandSeparator: a.thousandSeparator || ",",
+        currency: a.currency,
+        percent: a.percent
+      };
+      return C(o) ? "--" : e.rawValue ? o : typeof o == "number" ? e.percent ? `${o.toFixed(e.precision)}%` : e.currency ? o.toLocaleString(Q[e.currency], {
+        style: "currency",
+        currency: e.currency
+      }) : e.thousand ? o.toFixed(e.precision).replace(
+        /(\d)(?=(\d{3})+(?!\d))/g,
+        `$1${e.thousandSeparator}`
+      ) : o.toFixed(e.precision) : o;
+    }, G = () => {
+      const o = document.getElementById(_);
+      if (!o)
         return;
-      e.querySelectorAll(`.${L}`).forEach((o) => {
-        o.clientWidth < o.scrollWidth && (h.value = !0);
+      const a = o.querySelectorAll(`.${W}`);
+      new ResizeObserver((d) => {
+        d.forEach((j) => {
+          j.target === o && (k.value = !1, a.forEach((P) => {
+            P.clientWidth < P.scrollWidth && (k.value = !0);
+          }));
+        });
+      }).observe(o), k.value = !1, a.forEach((d) => {
+        d.clientWidth < d.scrollWidth && (k.value = !0);
       });
-    }, g = d(() => y.title ? !0 : r.tooltip && l(h)), G = (e) => {
-      e && window.open(e, "_blank");
+    }, V = h(() => v.title ? !0 : s.tooltip && l(k)), I = (o) => {
+      o && window.open(o, "_blank");
     };
-    return q(() => {
-      F();
-    }), (e, I) => (t(), s("div", {
-      id: v,
-      class: a([l(A)(), `${l(B)(l(N))}`])
+    return J(() => {
+      G();
+    }), (o, a) => (t(), r("div", {
+      id: _,
+      class: u([l(B)(), `${l(L)(l(F))}`])
     }, [
-      z.value ? (t(), P(l(M), S(_({ key: 0 }, { ...r.tooltipProps })), V({
-        default: m(() => [
-          r.layout === "vertical" ? (t(), s(c, { key: 0 }, [
-            u("div", {
-              class: a([l(n)("major"), l(n)("ellipsis")]),
-              style: p(b.value)
-            }, i(e.major || "--"), 7),
-            u("div", {
-              class: a([l(n)("minor"), l(n)("ellipsis")]),
-              style: p(j.value)
-            }, i(e.minor || "--"), 7)
-          ], 64)) : (t(), s("div", {
-            key: 1,
-            class: a(l(n)("ellipsis"))
-          }, [
-            u("span", {
-              class: a([l(n)("major")]),
-              style: p(b.value)
-            }, i(e.major || "--"), 7),
-            u("span", {
-              class: a([l(n)("minor")]),
-              style: p(j.value)
-            }, i(e.minor || "--"), 7)
-          ], 2))
+      D.value ? (t(), $(l(O), w(E({ key: 0 }, { ...s.tooltipProps })), M({
+        default: b(() => [
+          !C(o.major) || !C(o.minor) ? (t(), r(y, { key: 0 }, [
+            s.layout === "vertical" ? (t(), r(y, { key: 0 }, [
+              p("div", {
+                class: u([l(n)("major"), l(n)("ellipsis")]),
+                style: m(g.value)
+              }, i(c(o.major)), 7),
+              p("div", {
+                class: u([l(n)("minor"), l(n)("ellipsis")]),
+                style: m(S.value)
+              }, i(c(o.minor)), 7)
+            ], 64)) : (t(), r("div", {
+              key: 1,
+              class: u(l(n)("ellipsis"))
+            }, [
+              p("span", {
+                class: u([l(n)("major")]),
+                style: m(g.value)
+              }, i(c(o.major)), 7),
+              p("span", {
+                class: u([l(n)("minor")]),
+                style: m(S.value)
+              }, i(c(o.minor)), 7)
+            ], 2))
+          ], 64)) : (t(), r("div", Y, i("--")))
         ]),
         _: 2
       }, [
-        g.value ? {
+        V.value ? {
           name: "title",
-          fn: m(() => [
-            y.title ? $(e.$slots, "title", { key: 0 }) : (t(), s(c, { key: 1 }, [
-              r.tooltipProps.title ? (t(), s("div", K, i(r.tooltipProps.title), 1)) : (t(), s("div", Q, [
-                u("div", null, i(e.major || "--"), 1),
-                u("div", null, i(e.minor || "--"), 1)
+          fn: b(() => [
+            v.title ? N(o.$slots, "title", { key: 0 }) : (t(), r(y, { key: 1 }, [
+              s.tooltipProps.title ? (t(), r("div", Z, i(s.tooltipProps.title), 1)) : (t(), r("div", x, [
+                p("div", null, i(c(o.major)), 1),
+                p("div", null, i(c(o.minor)), 1)
               ]))
             ], 64))
           ]),
           key: "0"
         } : void 0
-      ]), 1040)) : C("", !0),
-      D.value ? (t(), P(l(M), S(_({ key: 1 }, { ...r.tooltipProps })), V({
-        default: m(() => [
-          (t(!0), s(c, null, E(r.labelValues, (o, k) => (t(), s("div", {
-            key: k,
-            class: a([l(n)("ellipsis")])
+      ]), 1040)) : f("", !0),
+      T.value ? (t(), $(l(O), w(E({ key: 1 }, { ...s.tooltipProps })), M({
+        default: b(() => [
+          (t(!0), r(y, null, z(s.labelValues, (e, d) => (t(), r("div", {
+            key: d,
+            class: u([l(n)("ellipsis")])
           }, [
-            u("span", {
-              class: a(l(n)("label")),
-              style: p(o.labelColor ? { color: o.labelColor } : void 0)
-            }, i(o.label) + "：", 7),
-            o.link ? (t(), s("span", {
-              key: 0,
-              class: a(l(n)("link")),
-              style: p(o.linkColor ? { color: o.linkColor } : void 0),
-              onClick: (Y) => G(o.link)
-            }, i(f(o.value)), 15, R)) : (t(), s("span", {
+            p("span", {
+              class: u(l(n)("label")),
+              style: m(e.labelColor ? { color: e.labelColor } : void 0)
+            }, [
+              K(i(e.label), 1),
+              e.label ? (t(), r("span", ee, "：")) : f("", !0)
+            ], 6),
+            C(e.link) ? (t(), r("span", {
               key: 1,
-              class: a(l(n)("value")),
-              style: p(o.valueColor ? { color: o.valueColor } : void 0)
-            }, i(f(o.value)), 7)),
-            o.unit ? (t(), s("span", {
+              class: u(l(n)("value")),
+              style: m(e.valueColor ? { color: e.valueColor } : void 0)
+            }, i(c(e.value, { ...e })), 7)) : (t(), r("span", {
+              key: 0,
+              class: u(l(n)("link")),
+              style: m(e.linkColor ? { color: e.linkColor } : void 0),
+              onClick: (j) => I(e.link)
+            }, i(c(e.value, { ...e })), 15, oe)),
+            e.unit ? (t(), r("span", {
               key: 2,
-              class: a(l(n)("unit")),
-              style: p(o.unitColor ? { color: o.unitColor } : void 0)
-            }, i(o.unit), 7)) : C("", !0)
+              class: u(l(n)("unit")),
+              style: m(e.unitColor ? { color: e.unitColor } : void 0)
+            }, i(e.unit), 7)) : f("", !0)
           ], 2))), 128))
         ]),
         _: 2
       }, [
-        g.value ? {
+        V.value ? {
           name: "title",
-          fn: m(() => [
-            y.title ? $(e.$slots, "title", { key: 0 }) : (t(), s(c, { key: 1 }, [
-              r.tooltipProps.title ? (t(), s("div", U, i(r.tooltipProps.title), 1)) : (t(), s("div", X, [
-                (t(!0), s(c, null, E(r.labelValues, (o, k) => (t(), s("div", { key: k }, [
-                  u("span", null, i(o.label), 1),
-                  u("span", null, i(f(o.value)), 1)
+          fn: b(() => [
+            v.title ? N(o.$slots, "title", { key: 0 }) : (t(), r(y, { key: 1 }, [
+              s.tooltipProps.title ? (t(), r("div", te, i(s.tooltipProps.title), 1)) : (t(), r("div", re, [
+                (t(!0), r(y, null, z(s.labelValues, (e, d) => (t(), r("div", { key: d }, [
+                  e.label ? (t(), r("span", le, i(e.label), 1)) : f("", !0),
+                  e.label ? (t(), r("span", se, "：")) : f("", !0),
+                  p("span", null, i(c(e.value, { ...e })), 1)
                 ]))), 128))
               ]))
             ], 64))
           ]),
           key: "0"
         } : void 0
-      ]), 1040)) : C("", !0)
+      ]), 1040)) : f("", !0)
     ], 2));
   }
 });
 export {
-  re as default
+  me as default
 };

package/es/src/business/ap-ladder/interface.d.ts

@@ -16,6 +16,30 @@ export interface ApLadderLabelValue {
      * 值
      */
     value: string | number | undefined | null;
+    /**
+     * 是否采用原始值
+     */
+    rawValue?: boolean;
+    /**
+     * 精度 默认2位小数
+     */
+    precision?: number;
+    /**
+     * 千分位展示
+     */
+    thousand?: boolean;
+    /**
+     * 千分位分隔符
+     */
+    thousandSeparator?: string;
+    /**
+     * 货币单位
+     */
+    currency?: CurrencyCode;
+    /**
+     * 百分比展示
+     */
+    percent?: boolean;
     /**
      * 自定义单位
      */
@@ -90,3 +114,21 @@ export interface ApLadderProps {
 export interface ApLadderSlots {
     title?: VNode;
 }
+/**
+ * 国际货币代码-映射-语言
+ */
+export interface CurrencyCodeInLocale {
+    [string: string]: Intl.LocalesArgument;
+}
+/**
+ * 国际货币代码
+ * - `CNY` 人民币
+ * - `USD` 美元
+ * - `EUR` 欧元
+ * - `GBP` 英镑
+ */
+export type CurrencyCode = 'CNY' | 'USD' | 'EUR' | 'GBP';
+/**
+ * 国际货币代码-映射-语言
+ */
+export declare const locales: CurrencyCodeInLocale;

package/es/src/business/ap-ladder/interface.mjs

@@ -0,0 +1,10 @@
+const e = {
+  USD: "en-US",
+  CNY: "zh-CN",
+  EUR: "de-DE",
+  GBP: "en-GB"
+  // 请自行添加更多的国际货币代码-映射-语言
+};
+export {
+  e as locales
+};

package/es/src/business/hooks/usePageListApTable.d.ts

@@ -1,4 +1,5 @@
 import { ApTableProps } from '../../';
+import { UseTableRefreshOption } from './useTableRefresh';
 import { Recordable } from '../../type';
 export interface UsePageListApTable extends ApTableProps {
     /** 是否显示默认的行选择配置
@@ -15,6 +16,10 @@ export interface UsePageListApTable extends ApTableProps {
     clearSelectionOnRequest?: boolean;
     /** 用于覆盖默认的class */
     class?: string;
+    /**
+     * 表格刷新相关
+     */
+    tableRefresh?: boolean | Omit<UseTableRefreshOption, 'apTableRef'>;
 }
 /**
  * 集成了列表页面的ApTable的默认配置
@@ -33,14 +38,14 @@ export declare function usePageListApTable(props?: UsePageListApTable): [ApTable
         dataSource: any;
         rowSelection?: {
             select: (item: any) => void;
+            selectAll: () => void;
+            unSelectAll: () => void;
             selectedRows: any[];
             unSelect: (item: any) => void;
             isSelected: (item: any) => boolean;
-            selectAll: () => void;
-            unSelectAll: () => void;
             clearAll: () => void;
             toggleSelect: (item: any) => void;
         } | undefined;
-    } | null;
+    } | null | undefined;
     clearSelection: () => void;
 }];

package/es/src/business/hooks/usePageListApTable.mjs

@@ -1,17 +1,27 @@
 import { merge as m } from "lodash-unified";
-import { ref as d } from "vue";
-function y(n) {
-  const r = d(null), {
+import { ref as b } from "vue";
+import { useTableRefresh as d } from "./useTableRefresh.mjs";
+function h(a) {
+  return a === !0 ? {} : a === !1 ? {
+    refreshBefore: () => !1
+  } : a;
+}
+function F(a) {
+  const r = b(null), {
     isShowRowSelection: c = !0,
     clearSelectionOnRequest: u = !0,
     transformSearchFormValues: o,
-    api: a,
-    ...i
-  } = n || {}, l = () => {
+    api: s,
+    tableRefresh: i = !1,
+    ...f
+  } = a || {}, n = () => {
     var e, t;
     (t = (e = r.value) == null ? void 0 : e.rowSelection) == null || t.clearAll();
   };
-  return [m(
+  return d({
+    ...h(i),
+    apTableRef: r
+  }), [m(
     {
       // scroll，tableLayout，columnResizable设置表格可拖动
       scroll: { x: "100%", y: "100%" },
@@ -19,17 +29,17 @@ function y(n) {
       columnResizable: !0,
       // 表格header吸顶效果
       class: "ap-table--sticky",
-      request: a ? async (e) => {
+      request: s ? async (e) => {
         const t = o ? o(e) : e;
         try {
-          if (!a) throw new Error("api is not defined");
-          const { records: s, total: p } = await a(t);
-          return u && l(), {
-            data: s,
+          if (!s) throw new Error("api is not defined");
+          const { records: l, total: p } = await s(t);
+          return u && n(), {
+            data: l,
             total: p
           };
-        } catch (s) {
-          return console.error(s), {
+        } catch (l) {
+          return console.error(l), {
             data: [],
             total: 0
           };
@@ -44,7 +54,7 @@ function y(n) {
         r.value = e;
       }
     },
-    i
+    f
   ), {
     reload: () => {
       var e;
@@ -60,9 +70,9 @@ function y(n) {
       return o ? o(e) : e;
     },
     getApTableInstance: () => r.value,
-    clearSelection: l
+    clearSelection: n
   }];
 }
 export {
-  y as usePageListApTable
+  F as usePageListApTable
 };

package/es/src/business/hooks/useTableRefresh.d.ts

@@ -1,10 +1,10 @@
 import { Ref } from 'vue';
-import { ApTableExpose } from '../..';
-interface UseTableRefreshOption {
+import { ApTableExpose } from '../../';
+export interface UseTableRefreshOption {
     /**
      * apTable实例
      */
-    apTableRef?: Ref<ApTableExpose | undefined>;
+    apTableRef?: Ref<ApTableExpose | undefined | null>;
     /**
      * 刷新类型，reset：重置，submit：提交
      */
@@ -15,4 +15,3 @@ interface UseTableRefreshOption {
     refreshBefore?: () => boolean;
 }
 export declare function useTableRefresh(option?: UseTableRefreshOption): void;
-export {};

package/es/src/business/hooks/useTableRefresh.mjs

@@ -1,16 +1,16 @@
-import { onActivated as l } from "vue";
-function c(e) {
+import { onMounted as c, nextTick as l, onActivated as T } from "vue";
+function m(e) {
   const a = (["reset", "submit", void 0].includes(e == null ? void 0 : e.refreskType) ? e == null ? void 0 : e.refreskType : "submit") ?? "submit", r = (e == null ? void 0 : e.refreshBefore) ?? (() => !0);
   let s = !0;
-  l(() => {
-    var u, f;
-    if (s) {
+  c(() => {
+    l(() => {
       s = !1;
-      return;
-    }
-    r != null && r() && ((f = (u = e == null ? void 0 : e.apTableRef) == null ? void 0 : u.value) == null || f[a]());
+    });
+  }), T(() => {
+    var u, f;
+    s || r != null && r() && ((f = (u = e == null ? void 0 : e.apTableRef) == null ? void 0 : u.value) == null || f[a]());
   });
 }
 export {
-  c as useTableRefresh
+  m as useTableRefresh
 };

package/es/src/business/index.d.ts

@@ -3,7 +3,7 @@ import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOpt
 import { TooltipPlacement, AdjustOverflow } from 'ant-design-vue/es/tooltip';
 import { VueTypeValidableDef } from '../../node_modules/vue-types';
 import { LiteralUnion, Key } from 'ant-design-vue/es/_util/type';
-import { ApStatusProps, ApStatusGroupItemProps, ApSelectItem, ApLabelGroupItemProps, ApBatchActionGroupMenuProps } from '.';
+import { ApStatusProps, ApStatusGroupItemProps, ApSelectItem, ApLabelGroupItemProps, ApBatchActionGroupMenuProps, ApLadderLabelValue } from '.';
 import { ValueType } from 'ant-design-vue/es/input-number/src/utils/MiniDecimal';
 import { ApInputRadioOptions } from './ap-input-radio';
 import { KeyboardEventHandler, MouseEventHandler, FocusEventHandler } from 'ant-design-vue/es/_util/EventInterface';
@@ -17,7 +17,7 @@ import { accessCreate } from '@aplus-frontend/oss';
 import { TriggerType } from 'ant-design-vue/es/tooltip/abstractTooltipProps';
 import { PresetColorType } from 'ant-design-vue/es/_util/colors';
 import { AlignType, BuildInPlacements } from 'ant-design-vue/es/vc-trigger/interface';
-import { ApLadderLabelValue, ApLadderSlots } from './ap-ladder/interface';
+import { ApLadderSlots } from './ap-ladder/interface';
 import { AttachmentItemProps, ApAttachmentProps } from './ap-attachment';
 export * from './hooks/index';
 export type { ApTitleProps } from './title/interface';
@@ -27,7 +27,7 @@ export type { ApStatusProps, ApStatusGroupProps, ApStatusGroupItemProps } from '
 export type { ApSelectItem, ApSelectLayoutProps } from './ap-select-layout/interface';
 export type { ApInputRadioProps, ApInputValType } from './ap-input-radio/interface';
 export type { ApExportGroupProps } from './ap-export-group/interface';
-export type { ApLadderProps } from './ap-ladder/interface';
+export type { ApLadderProps, ApLadderLabelValue, CurrencyCode, TooltipNeedProps } from './ap-ladder/interface';
 export * from './ap-batch-action-group/interface';
 export type { AttachmentItemProps, ApAttachmentProps } from './ap-attachment';
 export declare const ApTitle: {
@@ -2748,7 +2748,7 @@ export declare const ApAttachment: DefineComponent<{
     toolTipBgColor: {
         type: StringConstructor;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+}, () => false | import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     attachmentList: {
         type: PropType<Array< AttachmentItemProps>>;
         default: never[];

package/es/src/editable-table/interface.d.ts

@@ -12,7 +12,7 @@ export type EditableColumnType<RecordType = any, ExtraValueType = 'text', ValueT
     /**
      * 在title之后展示一个icon并触发tooltip
      */
-    tooltip?: string;
+    tooltip?: any;
     /**
      * 是否可以复制（不可编辑模式下可用）
      */

package/es/src/locale/lang/en.mjs

@@ -85,6 +85,20 @@ const e = {
         totalLeftSuffix: "items",
         totalRightPrefix: "Page",
         totalRightSuffix: ""
+      },
+      setting: {
+        title: "Custom Table",
+        selectAll: "Select All",
+        unSelectAll: "Deselect All",
+        selectAllTip: "Please select the columns to display in the table.",
+        sizeSmall: "Small",
+        sizeNormal: "Normal",
+        selectCount: "Selected fields ({count})",
+        reset: "Reset",
+        fixToLeft: "Fixed on the left",
+        fixToRight: "Fixed on the right",
+        unFixed: "Not fixed",
+        delete: "Delete"
       }
     },
     apUpload: {

package/es/src/locale/lang/zh-cn.mjs

@@ -85,6 +85,20 @@ const e = {
         totalLeftSuffix: "条记录",
         totalRightPrefix: "第",
         totalRightSuffix: "页"
+      },
+      setting: {
+        title: "自定义表格",
+        selectAll: "全选",
+        unSelectAll: "取消全选",
+        selectAllTip: "请选择需要展示在表格的字段",
+        sizeSmall: "紧凑",
+        sizeNormal: "正常",
+        selectCount: "已选字段({count})",
+        reset: "重置",
+        fixToLeft: "固定在左侧",
+        fixToRight: "固定在右侧",
+        unFixed: "不固定",
+        delete: "删除"
       }
     },
     apUpload: {

package/es/src/theme/ap-attachment/ap-attachment.css

@@ -39,6 +39,8 @@
   max-width: 312px;
   display: flex;
   flex-direction: column;
+  margin: 0;
+  padding: 0;
 }
 .aplus-ap-attachment__file-item {
   flex: 1;

package/es/src/theme/ap-download/ap-download.css

@@ -14,6 +14,9 @@
   font-size: 18px;
   margin-right: 5px;
 }
+.aplus-ap-download-inner-wrapper .text {
+  color: var(--download-main-color);
+}
 .aplus-ap-download-inner-wrapper:hover {
   color: var(--download-main-color-opacity);
 }

package/es/src/theme/ap-table/ap-table.css

@@ -7,7 +7,9 @@
   display: flex;
   flex-direction: column;
 }
-.aplus-ap-table-adaptive .ant-table-wrapper,
+.aplus-ap-table-adaptive .ant-table-wrapper {
+  flex: 1;
+}
 .aplus-ap-table-adaptive .ant-spin-nested-loading,
 .aplus-ap-table-adaptive .ant-spin-container {
   height: 100%;
@@ -35,6 +37,8 @@
 .aplus-ap-table__table-wrapper {
   flex: 1;
   max-height: 100%;
+  display: flex;
+  flex-direction: column;
 }
 .aplus-ap-table__table-wrapper-card {
   padding: 16px;
@@ -98,3 +102,27 @@
 .aplus-ap-table-pagination-total-wrapper {
   color: var(--ap-table-pagination-total-color, #526A90);
 }
+.aplus-ap-table-header {
+  padding-bottom: 16px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.aplus-ap-table-header__title {
+  flex: 1;
+  flex-shrink: 1;
+  min-width: 0;
+}
+.aplus-ap-table-table-header__title {
+  display: -webkit-inline-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: normal;
+  max-width: 100%;
+  vertical-align: middle;
+  word-break: break-all;
+  flex: 1;
+}