bitz-react-admin-ui 2.6.1 → 2.6.2

package/dist/components/BitzConfigProvider/context.d.ts

@@ -13,10 +13,16 @@ export type StylesConfigScopeType = 'current' | 'global';
 export interface TableComponentContextProps {
     /** 是否显示外边框和列边框 */
     bordered?: BitzTableBorderedType;
-    /** 默认size */
+    /** size */
     defaultSize?: DensitySize;
     /** 是否开启斑马纹，填充偶数行背景色 */
     zebra?: boolean;
+    /** 操作列位置 */
+    operationPlacement?: boolean;
+    /** pageSize */
+    pageSize?: boolean;
+    /** 数据排序 */
+    orderBy?: boolean;
     /** 是否开启rowHover样式 */
     rowHoverable?: boolean;
     /** 根据从左到右方向排序，不在数组中则不显示 */

package/dist/components/BitzTable/ActionCol/index.mjs

@@ -1,132 +1,132 @@
-import { j as n } from "../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
-import T from "../../../node_modules/.store/ahooks@3.8.0/node_modules/ahooks/es/useSize/index.mjs";
-import { Space as I, Skeleton as R, theme as P } from "antd";
-import { forwardRef as E, useContext as L, useMemo as C, Fragment as M, useRef as D } from "react";
-import x from "../../BitzButton/index.mjs";
+import { j as l } from "../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
+import I from "../../../node_modules/.store/ahooks@3.8.0/node_modules/ahooks/es/useSize/index.mjs";
+import { Space as R, Skeleton as P, theme as E } from "antd";
+import { forwardRef as L, useContext as M, useMemo as g, Fragment as D, useRef as w } from "react";
+import f from "../../BitzButton/index.mjs";
 import F, { actionColBtnGap as H } from "./style.mjs";
 import "../index.mjs";
-import w from "../Dropdown/index.mjs";
+import z from "../Dropdown/index.mjs";
 import { tablePaddingInline as O } from "../../BitzConfigProvider/context.mjs";
 import { BitzTableContext as W } from "../Store/index.mjs";
 const b = ({
-  skeletonCls: m,
-  ...l
-}) => /* @__PURE__ */ n.jsxs(x, { type: "text", ...l, children: [
-  /* @__PURE__ */ n.jsx("span", { children: l.children }),
-  /* @__PURE__ */ n.jsx(
-    R,
+  skeletonCls: h,
+  ...s
+}) => /* @__PURE__ */ l.jsxs(f, { type: "text", ...s, children: [
+  /* @__PURE__ */ l.jsx("span", { children: s.children }),
+  /* @__PURE__ */ l.jsx(
+    P,
     {
       active: !0,
       title: !1,
-      className: m,
+      className: h,
       paragraph: {
         rows: 1,
         width: "100%"
       }
     }
   )
-] }), _ = E(
-  ({ loading: m, actionGroup: l, customActions: r }, p) => {
-    const { loading: f, fullscreen: y } = L(W), a = C(() => m ?? f, [m, f]), {
-      primaryBtnClassName: d,
-      dangerBtnClassName: o,
-      secondaryBtnClassName: u,
-      maskClassName: B,
-      skeletonBtnClassName: h,
-      skeletonClassName: g
-    } = F(), j = C(() => {
-      const i = l.length >= 4 ? 2 : l.length, c = l.slice(0, i), t = [];
-      if (c != null && c.length && c.forEach((e, s) => {
+] }), _ = L(
+  ({ loading: h, actionGroup: s, customActions: r }, p) => {
+    const { loading: C, fullscreen: y } = M(W), o = g(() => h ?? C, [h, C]), {
+      primaryBtnClassName: c,
+      dangerBtnClassName: n,
+      secondaryBtnClassName: x,
+      maskClassName: j,
+      skeletonBtnClassName: k,
+      skeletonClassName: u
+    } = F(), B = g(() => {
+      const a = s.length >= 4 ? 2 : s.length, d = s.slice(0, a), t = [];
+      if (d != null && d.length && d.forEach((e, i) => {
         t.push(
-          a ? /* @__PURE__ */ n.jsx(
+          o ? /* @__PURE__ */ l.jsx(
             b,
             {
-              className: h,
-              skeletonCls: g,
+              className: k,
+              skeletonCls: u,
               children: e == null ? void 0 : e.label
             },
-            s
-          ) : e.children ? /* @__PURE__ */ n.jsx(w, { menu: { items: e.children }, children: /* @__PURE__ */ n.jsx(
-            x,
+            i
+          ) : e.children ? /* @__PURE__ */ l.jsx(z, { menu: { items: e.children }, children: /* @__PURE__ */ l.jsx(
+            f,
             {
               type: "text",
-              className: e.danger ? o : d,
+              className: e.danger ? n : c,
               children: e == null ? void 0 : e.label
             }
-          ) }, s) : /* @__PURE__ */ n.jsx(
-            x,
+          ) }, i) : /* @__PURE__ */ l.jsx(
+            f,
             {
               type: "text",
-              className: e.danger ? o : d,
+              className: e.danger ? n : c,
               onClick: e == null ? void 0 : e.onClick,
               children: e == null ? void 0 : e.label
             },
-            s
+            i
           )
         );
-      }), i === 2 && l.length >= 4) {
-        const e = l.slice(2, l.length);
+      }), a === 2 && s.length >= 4) {
+        const e = s.slice(2, s.length);
         t.push(
-          a ? /* @__PURE__ */ n.jsx(
+          o ? /* @__PURE__ */ l.jsx(
             b,
             {
-              className: h,
-              skeletonCls: g,
+              className: k,
+              skeletonCls: u,
               children: "更多"
             },
             5
-          ) : /* @__PURE__ */ n.jsx(w, { menu: { items: e }, children: /* @__PURE__ */ n.jsx(x, { type: "text", className: u, children: "更多" }) }, 5)
+          ) : /* @__PURE__ */ l.jsx(z, { menu: { items: e }, children: /* @__PURE__ */ l.jsx(f, { type: "text", className: x, children: "更多" }) }, 5)
         );
       }
       return t;
-    }, [a, l]), k = C(() => {
+    }, [o, s]), N = g(() => {
       if (!(r != null && r.length))
         return;
-      const i = r.map((t, e) => /* @__PURE__ */ n.jsx(
+      const a = r.map((t, e) => /* @__PURE__ */ l.jsx(
         b,
         {
-          className: h,
-          skeletonCls: g,
+          className: k,
+          skeletonCls: u,
           children: t == null ? void 0 : t.label
         },
         e
-      )), c = r.map((t, e) => {
-        let s = /* @__PURE__ */ n.jsx(
-          x,
+      )), d = r.map((t, e) => {
+        let i = /* @__PURE__ */ l.jsx(
+          f,
           {
             type: "text",
-            className: t.danger ? o : d,
+            className: t.danger ? n : c,
             onClick: t.onClick,
             children: t == null ? void 0 : t.label
           },
           e
         );
-        t.type === "secondary" && (s = /* @__PURE__ */ n.jsx(
-          x,
+        t.type === "secondary" && (i = /* @__PURE__ */ l.jsx(
+          f,
           {
             type: "text",
-            className: u,
+            className: x,
             onClick: t.onClick,
             children: t == null ? void 0 : t.label
           },
           e
         ));
-        const N = t.render ?? ((z, S) => /* @__PURE__ */ n.jsx(M, { children: z }, S));
-        return N == null ? void 0 : N(s, e);
+        const m = t.render ?? ((S, T) => /* @__PURE__ */ l.jsx(D, { children: S }, T));
+        return m == null ? void 0 : m(i, e);
       });
-      return a ? i : c;
-    }, [a, r]);
-    return /* @__PURE__ */ n.jsxs("div", { onClick: (i) => i.stopPropagation(), style: { overflow: "hidden" }, children: [
-      /* @__PURE__ */ n.jsx(I, { size: H, ref: p, className: "actionGroup", children: k ?? j }),
-      /* @__PURE__ */ n.jsx("div", { className: B })
+      return o ? a : d;
+    }, [o, r]);
+    return /* @__PURE__ */ l.jsxs("div", { onClick: (a) => a.stopPropagation(), style: { overflow: "hidden" }, children: [
+      /* @__PURE__ */ l.jsx(R, { size: H, ref: p, className: "actionGroup", children: N ?? B }),
+      /* @__PURE__ */ l.jsx("div", { className: j })
     ] });
   }
 );
-function $(m) {
-  var h;
-  const { actionGroup: l, loading: r, customActions: p, defaultWidth: f, ...y } = m, a = ((h = P.useToken().token.Table) == null ? void 0 : h.cellPaddingInline) ?? O, d = D(null), o = T(d), u = C(() => o != null && o.width ? o.width + a * 2 + 1 : f ?? 141, [o, a, f]);
-  return C(() => ({
-    width: Math.floor(u),
+function $(h) {
+  var u;
+  const { actionGroup: s, loading: r, customActions: p, defaultWidth: C, ...y } = h, o = ((u = E.useToken().token.Table) == null ? void 0 : u.cellPaddingInline) ?? O, c = w(null), n = I(c), x = w(0), j = g(() => (n != null && n.width && (x.current = n == null ? void 0 : n.width), !(n != null && n.width) && x.current ? x.current + o * 2 + 1 : n != null && n.width ? n.width + o * 2 + 1 : C ?? 141), [n, o, C]);
+  return g(() => ({
+    width: Math.floor(j),
     mobileHide: !0,
     isOperationCol: !0,
     title: "操作",
@@ -135,21 +135,21 @@ function $(m) {
     dataIndex: "operationCol",
     className: "operationCol",
     disabled: !0,
-    render: (g, j, k) => {
-      var t, e;
-      const i = ((t = p == null ? void 0 : p(j, k)) == null ? void 0 : t.filter((s) => s.type != "detail")) ?? [], c = ((e = l == null ? void 0 : l(j, k)) == null ? void 0 : e.filter((s) => s.type != "detail")) ?? [];
-      return /* @__PURE__ */ n.jsx(
+    render: (B, N, a) => {
+      var e, i;
+      const d = ((e = p == null ? void 0 : p(N, a)) == null ? void 0 : e.filter((m) => m.type != "detail")) ?? [], t = ((i = s == null ? void 0 : s(N, a)) == null ? void 0 : i.filter((m) => m.type != "detail")) ?? [];
+      return /* @__PURE__ */ l.jsx(
         _,
         {
-          actionGroup: c,
-          customActions: i,
+          actionGroup: t,
+          customActions: d,
           loading: r,
-          ref: d
+          ref: c
         }
       );
     },
     ...y
-  }), [u, d, r, l, p]);
+  }), [j, c, r, s, p]);
 }
 export {
   _ as BitzTableAction,

package/dist/components/BitzTable/Store/index.d.ts

@@ -28,10 +28,14 @@ export type ColumnStateType<TableKey extends string = any> = {
     /** 仅在 persistenceType=online 有效 用于获取网络数据 */
     onlineGet?: (key: TableKey) => Promise<Record<string, ColumnsConfigProps> | null | undefined>;
 };
+export type OrderByType = 'asc' | 'desc';
 export interface StylesConfigProps {
     size?: DensitySize;
     bordered?: BitzTableBorderedType;
     zebra?: boolean;
+    operationPlacement?: 'left' | 'right';
+    pageSize?: number;
+    orderBy?: OrderByType;
 }
 export interface StylesConfigOnChangeValue extends StylesConfigProps {
     stylesScope?: StylesConfigScopeType;
@@ -95,6 +99,12 @@ export type UseContainerProps<T = any> = {
     defaultZebra?: StylesConfigProps['zebra'];
     bordered?: BitzTableBorderedType;
     defaultBordered?: BitzTableBorderedType;
+    operationPlacement?: StylesConfigProps['operationPlacement'];
+    defaultOperationPlacement?: StylesConfigProps['operationPlacement'];
+    pageSize?: StylesConfigProps['pageSize'];
+    defaultPageSize?: StylesConfigProps['pageSize'];
+    orderBy?: StylesConfigProps['orderBy'];
+    defaultOrderBy?: StylesConfigProps['orderBy'];
     /** 导出配置 */
     exportConfigState?: ExportColumnStateType;
     defaultExportConfig?: ExportConfigProps;
@@ -114,6 +124,12 @@ declare function useContainer(props: UseContainerProps): {
     setSelected: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     toolbarWidth: number;
     setToolbarWidth: import("react").Dispatch<import("react").SetStateAction<number>>;
+    startAutoSaveCountdown: () => void;
+    isSaving: boolean;
+    countdown: number;
+    cancelAutoSave: () => void;
+    immediateSave: () => void;
+    setCountdown: import("react").Dispatch<import("react").SetStateAction<number>>;
     columns: BitzTableColumnsType<any> | undefined;
     baseColumns: (BitzTableColumnType<any> | import("..").BitzTableColumnGroupType<any>)[];
     persistenceType: "online" | "localStorage" | "sessionStorage" | undefined;
@@ -136,6 +152,9 @@ declare function useContainer(props: UseContainerProps): {
         size: "xl" | "lg" | "md" | "sm" | "xs";
         zebra: boolean;
         bordered: BitzTableBorderedType;
+        operationPlacement: boolean | "left" | "right";
+        pageSize: number | boolean;
+        orderBy: boolean | OrderByType;
     } & StylesConfigProps;
     exportConfig: ExportConfigProps<"config">;
     setTableExportConfig: (updater: ExportConfigProps<"config"> | ((origin: ExportConfigProps<"config">) => ExportConfigProps<"config">), ignoreDestroy?: boolean | undefined) => void;
@@ -148,6 +167,7 @@ declare function useContainer(props: UseContainerProps): {
     rowHoverable: boolean;
     showColumnBorder: boolean;
     hideRowBorder: boolean;
+    operationPlacement: "left" | "right" | undefined;
 };
 declare const BitzTableContext: import("react").Context<{
     loading: boolean;
@@ -161,6 +181,12 @@ declare const BitzTableContext: import("react").Context<{
     setSelected: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     toolbarWidth: number;
     setToolbarWidth: import("react").Dispatch<import("react").SetStateAction<number>>;
+    startAutoSaveCountdown: () => void;
+    isSaving: boolean;
+    countdown: number;
+    cancelAutoSave: () => void;
+    immediateSave: () => void;
+    setCountdown: import("react").Dispatch<import("react").SetStateAction<number>>;
     columns: BitzTableColumnsType<any> | undefined;
     baseColumns: (BitzTableColumnType<any> | import("..").BitzTableColumnGroupType<any>)[];
     persistenceType: "online" | "localStorage" | "sessionStorage" | undefined;
@@ -183,6 +209,9 @@ declare const BitzTableContext: import("react").Context<{
         size: "xl" | "lg" | "md" | "sm" | "xs";
         zebra: boolean;
         bordered: BitzTableBorderedType;
+        operationPlacement: boolean | "left" | "right";
+        pageSize: number | boolean;
+        orderBy: boolean | OrderByType;
     } & StylesConfigProps;
     exportConfig: ExportConfigProps<"config">;
     setTableExportConfig: (updater: ExportConfigProps<"config"> | ((origin: ExportConfigProps<"config">) => ExportConfigProps<"config">), ignoreDestroy?: boolean | undefined) => void;
@@ -195,6 +224,7 @@ declare const BitzTableContext: import("react").Context<{
     rowHoverable: boolean;
     showColumnBorder: boolean;
     hideRowBorder: boolean;
+    operationPlacement: "left" | "right" | undefined;
 }>;
 export type ContainerType = typeof useContainer;
 declare const Container: React.FC<{