@aplus-frontend/ui 7.6.0 → 7.7.0

package/es/src/ap-pro-card/style/statistic.mjs

@@ -1,15 +1,15 @@
-import { defaultToken as n } from "./token.mjs";
-import { genComponentStyleHook as e } from "../../utils/cssinjs/index.mjs";
+import { defaultToken as e } from "./token.mjs";
+import { genComponentStyleHook as n } from "../../utils/cssinjs/index.mjs";
 const o = (t) => {
   const { componentCls: i } = t;
   return {
     [i]: {
       display: "flex",
       "& + &": {
-        marginBlockStart: "4px"
+        marginBlockStart: t.spaceXS
       },
       [`${i}-tip`]: {
-        marginInlineStart: "4px",
+        marginInlineStart: t.spaceXS,
         color: t.textColor3
       },
       [`${i}-wrapper`]: {
@@ -23,7 +23,7 @@ const o = (t) => {
         }
       },
       [`${i}-icon`]: {
-        marginInlineEnd: "16px"
+        marginInlineEnd: t.spaceXL
       },
       [`${i}-trend-icon`]: {
         width: 0,
@@ -41,8 +41,8 @@ const o = (t) => {
       [`${i}-content`]: {
         width: "100%",
         ".ant-statistic-content": {
-          fontSize: "20px",
-          lineHeight: "24px",
+          fontSize: t.fontSizeXXL,
+          lineHeight: t.lineHeightLG,
           fontWeight: "bold"
         }
       },
@@ -54,11 +54,11 @@ const o = (t) => {
         color: t.textColor2,
         fontSize: t.fontSize,
         lineHeight: t.lineHeight,
-        marginBlockEnd: "8px"
+        marginBlockEnd: t.space
       },
       "&-size-small": {
         ".ant-statistic-title": {
-          marginBlockEnd: "4px"
+          marginBlockEnd: t.spaceXS
         },
         [`${i}-content`]: {
           "div.ant-statistic-content": {
@@ -103,7 +103,7 @@ const o = (t) => {
       [`${i}-layout-inline`]: {
         display: "inline-flex",
         ".ant-statistic-title": {
-          marginInlineEnd: "6px",
+          marginInlineEnd: t.spaceSM,
           marginBlockEnd: 0,
           color: t.textColor3,
           fontSize: t.fontSize,
@@ -124,10 +124,10 @@ const o = (t) => {
       }
     }
   };
-}, a = e(
+}, a = n(
   "ProCard.Statistic",
   (t) => [o(t)],
-  n
+  e
 );
 export {
   a as default,

package/es/src/ap-pro-card/style/statistics-card.mjs

@@ -1,24 +1,24 @@
-import { defaultToken as o } from "./token.mjs";
-import { genComponentStyleHook as a } from "../../utils/cssinjs/index.mjs";
-const e = (r) => {
+import { defaultToken as a } from "./token.mjs";
+import { genComponentStyleHook as e } from "../../utils/cssinjs/index.mjs";
+const i = (r) => {
   const { componentCls: t } = r;
   return {
     [t]: {
       [`${t}-chart`]: {
         display: "flex",
         flexDirection: "column",
-        marginBlockStart: "8px",
-        marginBlockEnd: "8px",
+        marginBlockStart: r.space,
+        marginBlockEnd: r.space,
         width: "100%",
         alignItems: "center",
         alignSelf: "flex-start",
         "&-left": {
           marginBlockStart: 0,
-          marginInlineEnd: "16px"
+          marginInlineEnd: r.spaceXL
         },
         "&-right": {
           marginBlockStart: 0,
-          marginInlineStart: "16px"
+          marginInlineStart: r.spaceXL
         }
       },
       [`${t}-content`]: {
@@ -29,17 +29,17 @@ const e = (r) => {
         }
       },
       [`${t}-footer`]: {
-        marginBlockStart: "8px",
-        paddingBlockStart: "16px",
+        marginBlockStart: r.space,
+        paddingBlockStart: r.spaceXL,
         borderBlockStart: `${r.apProCardBorderLineWidth} ${r.apProCardBorderLineType} ${r.apProCardBorderColorSplit}`
       }
     }
   };
-}, l = a(
+}, n = e(
   "StatisticsCard",
-  (r) => [e(r)],
-  o
+  (r) => [i(r)],
+  a
 );
 export {
-  l as default
+  n as default
 };

package/es/src/ap-pro-card/style/title.mjs

@@ -1,50 +1,30 @@
-import { genComponentStyleHook as e } from "../../utils/cssinjs/index.mjs";
-const r = (t) => {
-  const { componentCls: o } = t;
+import { genTitlePrefix as l } from "../../business/ap-title/style/index.mjs";
+import { genComponentStyleHook as i } from "../../utils/cssinjs/index.mjs";
+const r = (e) => {
+  const { componentCls: t } = e, { normal: a, admin: o } = l(e);
   return {
-    [o]: {
+    [t]: {
       "&-default": {
         position: "relative",
         fontWeight: "bold",
-        fontSize: "12px",
+        fontSize: e.fontSize,
         display: "flex",
         alignItems: "center",
         "&-user": {
-          paddingLeft: "10px",
-          "&::before": {
-            position: "absolute",
-            content: '""',
-            left: 0,
-            top: "50%",
-            transform: "translateY(-50%)",
-            width: "3px",
-            height: "14px",
-            backgroundColor: t.colorPrimary,
-            borderRadius: "0px 4px 4px 0px"
-          }
+          paddingLeft: e.calc(e.spaceSM).add("3px").equal(),
+          "&::before": a
         },
         "&-admin": {
-          paddingLeft: "14px",
-          "&::before": {
-            position: "absolute",
-            content: '""',
-            left: 0,
-            top: "50%",
-            transform: "translateY(-50%)",
-            width: "8px",
-            height: "8px",
-            borderRadius: "50%",
-            border: `2px solid ${t.colorPrimary}`,
-            background: "#fff"
-          }
+          paddingLeft: e.calc(e.spaceSM).add("8px").equal(),
+          "&::before": o
         }
       }
     }
   };
-}, i = e("ProCard.Title", (t) => [
-  r(t)
+}, f = i("ProCard.Title", (e) => [
+  r(e)
 ]);
 export {
-  i as default,
+  f as default,
   r as genProCardTitleStyle
 };

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

@@ -9,7 +9,7 @@ import { isUndefined as g, omit as ie, isBoolean as Ye } from "lodash-unified";
 import { getColumnOrder as ce, updateFormProps as Ze, getFieldProps as er, getSearchFormItemRenderNode as rr, recursionApColumns as pe, getTableTitle as or, getTableRenderType as tr, getTableRenderProps as ar, getTableCellRenderNode as lr, apColumnToColumn as nr, falseToUndefined as sr, objectToString as ur } from "./utils.mjs";
 import dr from "./hooks/use-table-content-height.mjs";
 import ir from "./hooks/use-table-row-selection.mjs";
-import { getScrollbarSize as cr, isDef as fe } from "../utils/index.mjs";
+import { getScrollbarSize as cr } from "../utils/index.mjs";
 import "./components/setting/modal/index.vue.mjs";
 import "./components/paragraph-ellipsis/index.vue.mjs";
 import { useProvideApTable as pr } from "./context.mjs";
@@ -20,10 +20,11 @@ import { useDevWarning as gr } from "../utils/warning.mjs";
 import br from "./style/index.mjs";
 import { useNamespace as yr } from "../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as Sr } from "../config-provider/hooks/use-global-config.mjs";
+import { isDef as fe } from "../utils/is.mjs";
 import hr from "./components/paragraph-ellipsis/index.vue2.mjs";
 import wr from "./components/setting/modal/index.vue2.mjs";
 import vr from "../scroll-bar/index.vue.mjs";
-const Gr = /* @__PURE__ */ $e({
+const Jr = /* @__PURE__ */ $e({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -497,5 +498,5 @@ const Gr = /* @__PURE__ */ $e({
   }
 });
 export {
-  Gr as default
+  Jr as default
 };

package/es/src/ap-table/hooks/use-table-column-state.mjs

@@ -1,12 +1,13 @@
 import { ref as D, shallowRef as G, unref as i, computed as W, watchEffect as X } from "vue";
-import { isDef as q } from "../../utils/index.mjs";
-import H, { customCloneColumnStates as v, getColumnStateString as L } from "../components/setting/utils.mjs";
-import { useInjectApTable as P } from "../context.mjs";
-import { isObject as T, mergeWith as A, isBoolean as Q, omit as U, isString as V, isNumber as b } from "lodash-unified";
+import "../../utils/index.mjs";
+import q, { customCloneColumnStates as v, getColumnStateString as H } from "../components/setting/utils.mjs";
+import { useInjectApTable as L } from "../context.mjs";
+import { isObject as T, mergeWith as A, isBoolean as P, omit as Q, isString as U, isNumber as b } from "lodash-unified";
 import "../../config-provider/index.mjs";
-import { useToken as Y } from "@aplus-frontend/antdv/es/theme/internal";
-import { getTableTitle as Z } from "../utils.mjs";
-import { useNamespace as $ } from "../../config-provider/hooks/use-namespace.mjs";
+import { useToken as V } from "@aplus-frontend/antdv/es/theme/internal";
+import { getTableTitle as Y } from "../utils.mjs";
+import { useNamespace as Z } from "../../config-provider/hooks/use-namespace.mjs";
+import { isDef as $ } from "../../utils/is.mjs";
 function c(r, o) {
   r.forEach((n) => {
     o(n), n.children?.length && c(n.children, o);
@@ -24,12 +25,12 @@ function N(r, o) {
 }
 const y = Number.MAX_SAFE_INTEGER;
 function ee(r, o, n, a) {
-  return a ? a.fixed : o ? o.fixed : n && "fixed" in n ? n.fixed : Q(r.fixed) ? r.fixed ? "left" : void 0 : r.fixed;
+  return a ? a.fixed : o ? o.fixed : n && "fixed" in n ? n.fixed : P(r.fixed) ? r.fixed ? "left" : void 0 : r.fixed;
 }
-const ce = (r, o, n) => {
-  const { be: a } = $("ap-table"), [te, B] = Y(), l = D(n), d = G(
+const de = (r, o, n) => {
+  const { be: a } = Z("ap-table"), [te, B] = V(), l = D(n), d = G(
     v(n)
-  ), { columnsBackup: m, updateColumns: E } = P(), F = r.persistenceType || "localStorage", h = window[F];
+  ), { columnsBackup: m, updateColumns: E } = L(), F = r.persistenceType || "localStorage", h = window[F];
   function I() {
     const e = K(
       h,
@@ -44,7 +45,7 @@ const ce = (r, o, n) => {
       return R.map((f) => {
         const k = j?.[f.key] || {}, g = {
           key: f.key,
-          label: V(f.title) ? Z(
+          label: U(f.title) ? Y(
             f,
             a("table-header", "title"),
             void 0,
@@ -58,7 +59,7 @@ const ce = (r, o, n) => {
             z
           ),
           disabled: !1,
-          ...U(k, ["children", "fixed"])
+          ...Q(k, ["children", "fixed"])
         };
         return g.children = f.children?.length ? u(
           f.children,
@@ -74,8 +75,8 @@ const ce = (r, o, n) => {
     let u = b(t.order) ? t.order : y;
     return e.fixed === "right" && t.fixed !== "right" && (u = s - 1), t.fixed === "left" && e.fixed !== "left" && (u = s - 1), s - u;
   }
-  const S = W(() => i(l).every((e) => e.show));
-  function p() {
+  const p = W(() => i(l).every((e) => e.show));
+  function S() {
     const e = i(l);
     c(e, (t) => {
       !t.disabled && (t.show = !0);
@@ -88,11 +89,11 @@ const ce = (r, o, n) => {
     });
   }
   function _() {
-    i(S) ? x() : p();
+    i(p) ? x() : S();
   }
   function J(e, t) {
     c(i(l), (s) => {
-      s.key === e && (s.show = q(t) ? t : !s.show);
+      s.key === e && (s.show = $(t) ? t : !s.show);
     });
   }
   function C(e) {
@@ -103,25 +104,25 @@ const ce = (r, o, n) => {
   }
   function w(e) {
     if (i(o)) {
-      const t = L(e);
+      const t = H(e);
       h.setItem(i(o), JSON.stringify(t));
     }
   }
   return X(() => {
     const e = I();
     C(e), r.onChange?.(e), E?.(
-      H(
+      q(
         i(m),
         i(e)
       )
     ), d.value = v(e), w(e);
   }), {
     columnState: l,
-    selectAll: p,
+    selectAll: S,
     unSelectAll: x,
     toggleSelect: J,
     setColumnState: C,
-    isAllSelected: S,
+    isAllSelected: p,
     toggleSelectAll: _,
     columnStateBackup: d,
     setColumnStateBackup: M,
@@ -129,5 +130,5 @@ const ce = (r, o, n) => {
   };
 };
 export {
-  ce as useTableColumnState
+  de as useTableColumnState
 };

package/es/src/ap-table/hooks/use-table-paging-ng.d.ts

@@ -91,8 +91,8 @@ export declare const useTablePaging: <DataType = any, ParamsType = Record<string
             current: number;
             pageSize: number;
             total: number;
-            showSizeChanger: boolean;
-            showQuickJumper: boolean;
+            showSizeChanger: NonNullable<boolean | undefined>;
+            showQuickJumper: NonNullable<boolean | undefined>;
             showLessItems: boolean | undefined;
             size: "default" | "small";
             pageSizeOptions: (string | number)[];

package/es/src/ap-table/hooks/use-table-paging-ng.mjs

@@ -3,9 +3,10 @@ import { useTableSortedAndFiltered as de } from "./use-sorted-filtered.mjs";
 import "../../config-provider/index.mjs";
 import { parseFieldValue as pe, dataIndexToStr as me, isEqualCustom as he } from "../utils.mjs";
 import { isArray as N, isEqualWith as Se, isUndefined as ze } from "lodash-unified";
-import { isDef as k } from "../../utils/index.mjs";
+import "../../utils/index.mjs";
 import { useLocale as Pe } from "../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as Te } from "../../config-provider/hooks/use-namespace.mjs";
+import { isDef as k } from "../../utils/is.mjs";
 const d = 1, E = 20, B = {
   defaultCurrent: d,
   defaultPageSize: E,
@@ -22,7 +23,7 @@ function Ce(c) {
   const u = {};
   return c === !1 || (c === !0 || c == null ? (u.current = d, u.pageSize = E) : (u.current = c.defaultCurrent || d, u.pageSize = c.defaultPageSize || E)), u;
 }
-const Le = ({
+const ye = ({
   manual: c = !1,
   request: u,
   params: v = {},
@@ -246,5 +247,5 @@ const Le = ({
 export {
   d as DEFAULT_CURRENT,
   E as DEFAULT_PAGE_SIZE,
-  Le as useTablePaging
+  ye as useTablePaging
 };

package/es/src/ap-table/style/index-comp.d.ts

@@ -1,5 +1,6 @@
 import { GenStyleFunc } from '../../design-token/interface';
+import { ApTableToken } from '.';
 import { ComputedRef } from 'vue';
-export declare const genTableIndexCellStyle: GenStyleFunc;
+export declare const genTableIndexCellStyle: GenStyleFunc<ApTableToken>;
 declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;

package/es/src/ap-table/style/index-comp.mjs

@@ -1,23 +1,26 @@
-import { genComponentStyleHook as n } from "../../utils/cssinjs/index.mjs";
-const o = (e) => ({
+import { genComponentStyleHook as l } from "../../utils/cssinjs/index.mjs";
+import { defaultValue as i } from "./index.mjs";
+const n = (e) => ({
   [e.componentCls]: {
     "&--bordered": {
       display: "inline-flex",
       justifyContent: "center",
       alignItems: "center",
-      width: "14px",
-      height: "14px",
+      width: e.apTableIndexSize,
+      height: e.apTableIndexSize,
       color: "#fff",
-      fontSize: "10px",
-      lineHeight: "10px",
-      borderRadius: "7px",
+      fontSize: e.fontSizeSM,
+      lineHeight: e.fontSizeSM,
+      borderRadius: e.calc(e.apTableIndexSize).div(2).equal(),
       backgroundColor: "#979797"
     }
   }
-}), l = n("ApTable.Index", (e) => [
-  o(e)
-]);
+}), t = l(
+  "ApTable.Index",
+  (e) => [n(e)],
+  i
+);
 export {
-  l as default,
-  o as genTableIndexCellStyle
+  t as default,
+  n as genTableIndexCellStyle
 };

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

@@ -2,7 +2,10 @@ import { GenStyleFunc, StyleMixin } from '../../design-token/interface';
 import { ComputedRef } from 'vue';
 export type ApTableToken = {
     apTableHeaderBg: string;
+    apTableIndexSize: number;
+    apTableSettingRightWidth: number;
 };
+export declare const defaultValue: ApTableToken;
 export declare const genSettingTriggerBtnStyle: StyleMixin;
 export declare const genApTableStyle: GenStyleFunc<ApTableToken>;
 declare const _default: (prefixCls: string) => ComputedRef<string>;

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

@@ -1,13 +1,17 @@
 import { multiRows as l, resetScrollbar as i } from "../../style/index.mjs";
 import { genComponentStyleHook as o } from "../../utils/cssinjs/index.mjs";
-const r = (t) => ({
+const r = {
+  apTableHeaderBg: "#F2F6F9",
+  apTableIndexSize: 14,
+  apTableSettingRightWidth: 240
+}, p = (t) => ({
   [`.${t.namespace}-ap-table-setting-trigger-button`]: {
     color: t.textColor2,
     "&:hover": {
       color: "unset"
     }
   }
-}), p = (t) => {
+}), d = (t) => {
   const { componentCls: a, namespace: n } = t, e = `--${n}-ap-table-scroll-bar-width`;
   return {
     [a]: {
@@ -153,7 +157,7 @@ const r = (t) => ({
         textAlign: "right"
       },
       // 表格设置触发按钮样式
-      ...r(t),
+      ...p(t),
       // 粘贴布局并且滚动条占据空间
       "&--sticky-relative": {
         ".ant-table-container": {
@@ -175,15 +179,14 @@ const r = (t) => ({
       }
     }
   };
-}, b = o(
+}, s = o(
   "ApTable",
-  (t) => [p(t)],
-  {
-    apTableHeaderBg: "#F2F6F9"
-  }
+  (t) => [d(t)],
+  r
 );
 export {
-  b as default,
-  p as genApTableStyle,
-  r as genSettingTriggerBtnStyle
+  s as default,
+  r as defaultValue,
+  d as genApTableStyle,
+  p as genSettingTriggerBtnStyle
 };

package/es/src/ap-table/style/setting.d.ts

@@ -1,6 +1,7 @@
 import { GenStyleFunc } from '../../design-token/interface';
+import { ApTableToken } from '.';
 import { ComputedRef } from 'vue';
-export declare const genTableSettingStyle: GenStyleFunc;
+export declare const genTableSettingStyle: GenStyleFunc<ApTableToken>;
 export declare const genTableSettingSelectGroupStyle: GenStyleFunc;
 export declare const genTableSettingSortableItemMetaStyle: GenStyleFunc;
 export declare const genTableSettingSortableItemStyle: GenStyleFunc;