@cozeloop/components 0.0.1 → 0.0.3

package/dist/lib/table/sort-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-icon.js","sourceRoot":"","sources":["../../../src/table/sort-icon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEzE,MAAM,WAAW,GAAG,6BAA6B,CAAC;AAClD,MAAM,aAAa,GAAG,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,SAAS,EACT,GAAG,IAAI,EAG0B,EAAE,EAAE;IACrC,IAAI,YAAY,GAAG,cAAc,CAAC;IAClC,IAAI,WAAW,GAAG,cAAc,CAAC;IACjC,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QAC5B,YAAY,GAAG,WAAW,CAAC;QAC3B,WAAW,GAAG,aAAa,CAAC;IAC9B,CAAC;SAAM,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;QAClC,YAAY,GAAG,aAAa,CAAC;QAC7B,WAAW,GAAG,WAAW,CAAC;IAC5B,CAAC;IAED,OAAO,CACL,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B,KAC9B,IAAI,aAER,eACE,CAAC,EAAC,ymBAAymB,EAC3mB,IAAI,EAAE,YAAY,GAClB,EACF,eACE,CAAC,EAAC,2mBAA2mB,EAC7mB,IAAI,EAAE,WAAW,GACjB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe;AACf,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,SAAS,GAGV;IACC,IAAI,OAAO,GAAG,MAAM,CAAC;IACrB,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;QAC3B,OAAO,GAAG,MAAM,CAAC;IACnB,CAAC;SAAM,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QACnC,OAAO,GAAG,UAAU,CAAC;IACvB,CAAC;IACD,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,YACpC,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,mBAAmB,IAClB,IAAI,EACF,KAAC,aAAa,IACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,gCAAgC,GAC1C,GAEJ,GACE,GACE,CACX,CAAC;AACJ,CAAC"}

package/dist/{table → lib/table}/table-with-pagination.d.ts

@@ -1,8 +1,10 @@
 import { type Params, type PaginationResult } from 'ahooks/lib/usePagination/types';
 import { type TableProps } from '@coze-arch/coze-design';
+/** 获取本地存储的表格分页数量 */
+export declare function getStoragePageSize(pageSizeStorageKey: string | undefined): number | undefined;
 export declare const PAGE_SIZE_OPTIONS: number[];
-export declare const DEFAULT_PAGE_SIZE = 10;
-export declare function TableWithPagination<RecordItem>(props: TableProps & {
+export declare const DEFAULT_PAGE_SIZE = 20;
+export type TableWithPaginationProps<RecordItem> = TableProps & {
     heightFull?: boolean;
     service: Pick<PaginationResult<{
         total: number;
@@ -10,5 +12,10 @@ export declare function TableWithPagination<RecordItem>(props: TableProps & {
     }, Params>, 'data' | 'pagination' | 'loading'>;
     pageSizeOpts?: number[];
     header?: React.ReactNode;
+    /** 该参数将插入到分页器左侧，共同作为 footer 的一部分 */
     footerWithPagination?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+    pageSizeStorageKey?: string;
+    showSizeChanger?: boolean;
+    footerClassName?: string;
+};
+export declare function TableWithPagination<RecordItem>(props: TableWithPaginationProps<RecordItem>): import("react/jsx-runtime").JSX.Element;

package/dist/lib/table/table-with-pagination.js

@@ -1,146 +1,74 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from 'react';
+import cls from 'classnames';
+import { useSize } from 'ahooks';
+import { CozPagination } from '@coze-arch/coze-design';
+import LoopTableSortIcon from './sort-icon';
+import { LoopTable } from './index';
+/** 获取本地存储的表格分页数量 */
+export function getStoragePageSize(pageSizeStorageKey) {
+    if (!pageSizeStorageKey) {
+        return undefined;
     }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var table_with_pagination_exports = {};
-__export(table_with_pagination_exports, {
-  DEFAULT_PAGE_SIZE: () => DEFAULT_PAGE_SIZE,
-  PAGE_SIZE_OPTIONS: () => PAGE_SIZE_OPTIONS,
-  TableWithPagination: () => TableWithPagination
-});
-module.exports = __toCommonJS(table_with_pagination_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_ahooks = require("ahooks");
-var import_coze_design = require("@coze-arch/coze-design");
-var import_sort_icon = __toESM(require("./sort-icon"));
-var import_index = require("./index");
-const PAGE_SIZE_OPTIONS = [10, 20, 50];
-const DEFAULT_PAGE_SIZE = 10;
-function TableWithPagination(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const {
-    pageSizeOpts,
-    service,
-    header,
-    heightFull = false,
-    footerWithPagination
-  } = props;
-  const { columns } = (_a = props.tableProps) != null ? _a : {};
-  const tableContainerRef = (0, import_react.useRef)(null);
-  const size = (0, import_ahooks.useSize)(tableContainerRef.current);
-  const tableHeaderSize = (0, import_ahooks.useSize)(
-    (_b = tableContainerRef.current) == null ? void 0 : _b.querySelector(".semi-table-header")
-  );
-  const tablePagination = (0, import_react.useMemo)(
-    () => ({
-      currentPage: service.pagination.current,
-      pageSize: service.pagination.pageSize,
-      total: Number(service.pagination.total),
-      onChange: (page, pageSize) => {
-        service.pagination.onChange(page, pageSize);
-      },
-      showSizeChanger: true,
-      pageSizeOpts: pageSizeOpts != null ? pageSizeOpts : PAGE_SIZE_OPTIONS
-    }),
-    [service.pagination, pageSizeOpts]
-  );
-  (0, import_react.useEffect)(() => {
-    var _a2, _b2;
-    if (service.pagination.current > 1 && ((_b2 = (_a2 = service == null ? void 0 : service.data) == null ? void 0 : _a2.list) == null ? void 0 : _b2.length) === 0) {
-      service.pagination.changeCurrent(1);
+    const pageSize = localStorage.getItem(pageSizeStorageKey);
+    if (pageSize && !isNaN(Number(pageSize))) {
+        return Number(pageSize);
     }
-  }, [service.pagination.current, (_c = service == null ? void 0 : service.data) == null ? void 0 : _c.list]);
-  const tableHeaderHeight = (_d = tableHeaderSize == null ? void 0 : tableHeaderSize.height) != null ? _d : 56;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
-    {
-      className: `${heightFull ? "h-full flex overflow-hidden" : ""} flex flex-col gap-3`,
-      children: [
-        header ? header : null,
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "div",
-          {
-            ref: tableContainerRef,
-            className: heightFull ? "flex-1 overflow-hidden" : "",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_index.LoopTable,
-              __spreadProps(__spreadValues({}, props), {
-                tableProps: __spreadProps(__spreadValues({
-                  empty: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
-                }, (_e = props.tableProps) != null ? _e : {}), {
-                  scroll: __spreadValues({
-                    // 表格容器的高度减去表格头的高度
-                    y: (size == null ? void 0 : size.height) === void 0 || !heightFull ? void 0 : size.height - tableHeaderHeight - 2
-                  }, (_g = (_f = props.tableProps) == null ? void 0 : _f.scroll) != null ? _g : {}),
-                  loading: service == null ? void 0 : service.loading,
-                  columns: (_h = columns == null ? void 0 : columns.filter(
-                    (column) => column.hidden !== true && column.checked !== false
-                  )) == null ? void 0 : _h.map((column) => __spreadValues(__spreadValues({}, column), column.sorter && !column.sortIcon ? { sortIcon: import_sort_icon.default } : {})),
-                  dataSource: (_j = (_i = service == null ? void 0 : service.data) == null ? void 0 : _i.list) != null ? _j : []
-                })
-              })
-            )
-          }
-        ),
-        service.pagination.current > 1 || ((_l = (_k = service == null ? void 0 : service.data) == null ? void 0 : _k.list) == null ? void 0 : _l.length) && ((_n = (_m = service == null ? void 0 : service.data) == null ? void 0 : _m.list) == null ? void 0 : _n.length) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "shrink-0 flex flex-row-reverse justify-between items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_coze_design.CozPagination,
-            __spreadProps(__spreadValues({}, tablePagination), {
-              showTotal: true,
-              showSizeChanger: true
-            })
-          ),
-          footerWithPagination
-        ] }) : null
-      ]
-    }
-  );
+    return undefined;
+}
+export const PAGE_SIZE_OPTIONS = [10, 20, 50];
+export const DEFAULT_PAGE_SIZE = 20;
+// eslint-disable-next-line complexity
+export function TableWithPagination(props) {
+    const { pageSizeOpts, service, header, heightFull = false, footerWithPagination, pageSizeStorageKey, showSizeChanger = true, footerClassName, className, } = props;
+    const { columns } = props.tableProps ?? {};
+    const tableContainerRef = useRef(null);
+    const size = useSize(tableContainerRef.current);
+    const tableHeaderSize = useSize(tableContainerRef.current?.querySelector('.semi-table-header'));
+    const tablePagination = useMemo(() => ({
+        currentPage: service.pagination.current,
+        pageSize: getStoragePageSize(pageSizeStorageKey) || service.pagination.pageSize,
+        total: Number(service.pagination.total),
+        onChange: (page, pageSize) => {
+            service.pagination.onChange(page, pageSize);
+        },
+        onPageSizeChange(newPageSize) {
+            if (pageSizeStorageKey) {
+                localStorage.setItem(pageSizeStorageKey, String(newPageSize));
+            }
+        },
+        showSizeChanger,
+        pageSizeOpts: pageSizeOpts ?? PAGE_SIZE_OPTIONS,
+    }), [service.pagination, pageSizeOpts, pageSizeStorageKey, showSizeChanger]);
+    useEffect(() => {
+        if (service.pagination.current > 1 && service?.data?.list?.length === 0) {
+            service.pagination.changeCurrent(1);
+        }
+    }, [service.pagination.current, service?.data?.list]);
+    const tableHeaderHeight = tableHeaderSize?.height ?? 56;
+    return (_jsxs("div", { className: cls('flex flex-col gap-3 w-full', className, {
+            'h-full flex overflow-hidden': heightFull,
+        }), children: [header ? header : null, _jsx("div", { ref: tableContainerRef, className: heightFull ? 'flex-1 overflow-hidden' : '', children: _jsx(LoopTable, { ...props, tableProps: {
+                        empty: _jsx(_Fragment, {}),
+                        ...(props.tableProps ?? {}),
+                        scroll: {
+                            // 表格容器的高度减去表格头的高度
+                            y: size?.height === undefined || !heightFull
+                                ? undefined
+                                : size.height - tableHeaderHeight - 2,
+                            ...(props.tableProps?.scroll ?? {}),
+                        },
+                        loading: service?.loading || props?.tableProps?.loading,
+                        columns: columns
+                            ?.filter(column => column.hidden !== true && column.checked !== false)
+                            ?.map(column => ({
+                            ...column,
+                            ...(column.sorter && !column.sortIcon
+                                ? { sortIcon: LoopTableSortIcon }
+                                : {}),
+                        })),
+                        dataSource: service?.data?.list ?? [],
+                    } }) }), service.pagination.current > 1 ||
+                (service?.data?.list?.length && service?.data?.list?.length > 0) ? (_jsxs("div", { className: cls('shrink-0 flex flex-row-reverse justify-between items-center', footerClassName), children: [_jsx(CozPagination, { ...tablePagination, showTotal: true, showSizeChanger: true }), footerWithPagination] })) : null] }));
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DEFAULT_PAGE_SIZE,
-  PAGE_SIZE_OPTIONS,
-  TableWithPagination
-});
+//# sourceMappingURL=table-with-pagination.js.map

package/dist/lib/table/table-with-pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-with-pagination.js","sourceRoot":"","sources":["../../../src/table/table-with-pagination.tsx"],"names":[],"mappings":"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"}

package/dist/lib/table/table-without-pagniation.d.ts

@@ -0,0 +1,6 @@
+import { type TableProps } from '@coze-arch/coze-design';
+export type TableWithoutPaginationProps = TableProps & {
+    heightFull?: boolean;
+    header?: React.ReactNode;
+};
+export declare function TableWithoutPagination(props: TableWithoutPaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/table/table-without-pagniation.js

@@ -1,108 +1,37 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var table_without_pagniation_exports = {};
-__export(table_without_pagniation_exports, {
-  DEFAULT_PAGE_SIZE: () => DEFAULT_PAGE_SIZE,
-  PAGE_SIZE_OPTIONS: () => PAGE_SIZE_OPTIONS,
-  TableWithoutPagination: () => TableWithoutPagination
-});
-module.exports = __toCommonJS(table_without_pagniation_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_ahooks = require("ahooks");
-var import_sort_icon = __toESM(require("./sort-icon"));
-var import_index = require("./index");
-const PAGE_SIZE_OPTIONS = [10, 20, 50];
-const DEFAULT_PAGE_SIZE = 10;
-function TableWithoutPagination(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const { header, heightFull = false } = props;
-  const { columns } = (_a = props.tableProps) != null ? _a : {};
-  const tableContainerRef = (0, import_react.useRef)(null);
-  const size = (0, import_ahooks.useSize)(tableContainerRef.current);
-  const tableHeaderSize = (0, import_ahooks.useSize)(
-    (_b = tableContainerRef.current) == null ? void 0 : _b.querySelector(".semi-table-header")
-  );
-  const tableHeaderHeight = (_c = tableHeaderSize == null ? void 0 : tableHeaderSize.height) != null ? _c : 56;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
-    {
-      className: `${heightFull ? "h-full flex overflow-hidden" : ""} flex flex-col gap-3`,
-      children: [
-        header ? header : null,
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "div",
-          {
-            ref: tableContainerRef,
-            className: heightFull ? "flex-1 overflow-hidden" : "",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_index.LoopTable,
-              __spreadProps(__spreadValues({}, props), {
-                tableProps: __spreadProps(__spreadValues({
-                  empty: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
-                }, (_d = props.tableProps) != null ? _d : {}), {
-                  scroll: __spreadValues({
-                    // 表格容器的高度减去表格头的高度
-                    y: (size == null ? void 0 : size.height) === void 0 || !heightFull ? void 0 : size.height - tableHeaderHeight - 2
-                  }, (_f = (_e = props.tableProps) == null ? void 0 : _e.scroll) != null ? _f : {}),
-                  columns: (_g = columns == null ? void 0 : columns.filter(
-                    (column) => column.hidden !== true && column.checked !== false
-                  )) == null ? void 0 : _g.map((column) => __spreadValues(__spreadValues({}, column), column.sorter && !column.sortIcon ? { sortIcon: import_sort_icon.default } : {}))
-                })
-              })
-            )
-          }
-        )
-      ]
-    }
-  );
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable complexity */
+import { useRef } from 'react';
+import cls from 'classnames';
+import { useSize } from 'ahooks';
+import LoopTableSortIcon from './sort-icon';
+import { LoopTable } from './index';
+export function TableWithoutPagination(props) {
+    const { header, heightFull = false, className } = props;
+    const { columns } = props.tableProps ?? {};
+    const tableContainerRef = useRef(null);
+    const size = useSize(tableContainerRef.current);
+    const tableHeaderSize = useSize(tableContainerRef.current?.querySelector('.semi-table-header'));
+    const tableHeaderHeight = tableHeaderSize?.height ?? 56;
+    return (_jsxs("div", { className: cls('flex flex-col gap-3 w-full', className, {
+            'h-full flex overflow-hidden': heightFull,
+        }), children: [header ? header : null, _jsx("div", { ref: tableContainerRef, className: heightFull ? 'flex-1 overflow-hidden' : '', children: _jsx(LoopTable, { ...props, tableProps: {
+                        empty: _jsx(_Fragment, {}),
+                        ...(props.tableProps ?? {}),
+                        scroll: {
+                            // 表格容器的高度减去表格头的高度
+                            y: size?.height === undefined || !heightFull
+                                ? undefined
+                                : size.height - tableHeaderHeight - 2,
+                            ...(props.tableProps?.scroll ?? {}),
+                        },
+                        columns: columns
+                            ?.filter(column => column.hidden !== true && column.checked !== false)
+                            ?.map(column => ({
+                            ...column,
+                            ...(column.sorter && !column.sortIcon
+                                ? { sortIcon: LoopTableSortIcon }
+                                : {}),
+                        })),
+                    } }) })] }));
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DEFAULT_PAGE_SIZE,
-  PAGE_SIZE_OPTIONS,
-  TableWithoutPagination
-});
+//# sourceMappingURL=table-without-pagniation.js.map

package/dist/lib/table/table-without-pagniation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-without-pagniation.js","sourceRoot":"","sources":["../../../src/table/table-without-pagniation.tsx"],"names":[],"mappings":";AAAA,+BAA+B;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGjC,OAAO,iBAAiB,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAOpC,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACxD,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;IAC3C,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACvD,MAAM,IAAI,GAAG,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,OAAO,CAC7B,iBAAiB,CAAC,OAAO,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAC/D,CAAC;IAEF,MAAM,iBAAiB,GAAG,eAAe,EAAE,MAAM,IAAI,EAAE,CAAC;IAExD,OAAO,CACL,eACE,SAAS,EAAE,GAAG,CAAC,4BAA4B,EAAE,SAAS,EAAE;YACtD,6BAA6B,EAAE,UAAU;SAC1C,CAAC,aAED,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACvB,cACE,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,YAErD,KAAC,SAAS,OACJ,KAAK,EACT,UAAU,EAAE;wBACV,KAAK,EAAE,mBAAK;wBACZ,GAAG,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;wBAC3B,MAAM,EAAE;4BACN,kBAAkB;4BAClB,CAAC,EACC,IAAI,EAAE,MAAM,KAAK,SAAS,IAAI,CAAC,UAAU;gCACvC,CAAC,CAAC,SAAS;gCACX,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,iBAAiB,GAAG,CAAC;4BACzC,GAAG,CAAC,KAAK,CAAC,UAAU,EAAE,MAAM,IAAI,EAAE,CAAC;yBACpC;wBACD,OAAO,EAAE,OAAO;4BACd,EAAE,MAAM,CACN,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,KAAK,IAAI,IAAI,MAAM,CAAC,OAAO,KAAK,KAAK,CAC7D;4BACD,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;4BACf,GAAG,MAAM;4BACT,GAAG,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ;gCACnC,CAAC,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE;gCACjC,CAAC,CAAC,EAAE,CAAC;yBACR,CAAC,CAAC;qBACN,GACD,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/lib/table-batch-operate/table-batch-operation.d.ts

@@ -0,0 +1,9 @@
+import { type BatchOperateStore } from './use-batch-operate';
+export interface BatchOperateProps<RecordItem> {
+    /** 批量操作接口 */
+    batchOperateStore: BatchOperateStore<RecordItem>;
+    /** 自定义批量操作按钮 */
+    actions?: React.ReactNode;
+}
+/** 表格批量操作 */
+export declare function TableBatchOperate<RecordItem>({ actions, batchOperateStore, }: BatchOperateProps<RecordItem>): import("react/jsx-runtime").JSX.Element;

package/dist/lib/table-batch-operate/table-batch-operation.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@coze-arch/coze-design';
+/** 表格批量操作 */
+export function TableBatchOperate({ actions, batchOperateStore, }) {
+    const { selectedItems, setSelectedItems, enableBatchOperate, setEnableBatchOperate, } = batchOperateStore;
+    if (!enableBatchOperate) {
+        return (_jsx(Button, { color: "primary", onClick: () => setEnableBatchOperate?.(true), children: "\u6279\u91CF\u9009\u62E9" }));
+    }
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("div", { className: "text-xs", children: ["\u5DF2\u9009 ", selectedItems.length, " \u6761\u6570\u636E", _jsx("span", { className: "ml-1 text-[rgb(var(--coze-up-brand-9))] cursor-pointer", onClick: () => {
+                            setSelectedItems([]);
+                            setEnableBatchOperate?.(false);
+                        }, children: "\u53D6\u6D88\u9009\u62E9" })] }), actions] }));
+}
+//# sourceMappingURL=table-batch-operation.js.map

package/dist/lib/table-batch-operate/table-batch-operation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-batch-operation.js","sourceRoot":"","sources":["../../../src/table-batch-operate/table-batch-operation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAWhD,aAAa;AACb,MAAM,UAAU,iBAAiB,CAAa,EAC5C,OAAO,EACP,iBAAiB,GACa;IAC9B,MAAM,EACJ,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,GACtB,GAAG,iBAAiB,CAAC;IACtB,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxB,OAAO,CACL,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC,yCAE3D,CACV,CAAC;IACJ,CAAC;IACD,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAK,SAAS,EAAC,SAAS,8BAClB,aAAa,CAAC,MAAM,yBACxB,eACE,SAAS,EAAC,wDAAwD,EAClE,OAAO,EAAE,GAAG,EAAE;4BACZ,gBAAgB,CAAC,EAAE,CAAC,CAAC;4BACrB,qBAAqB,EAAE,CAAC,KAAK,CAAC,CAAC;wBACjC,CAAC,yCAGI,IACH,EACL,OAAO,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/lib/table-batch-operate/use-batch-operate.d.ts

@@ -0,0 +1,30 @@
+import { type RowSelection } from '@coze-arch/coze-design';
+/** 批量操作接口 */
+export interface BatchOperateStore<RecordItem> {
+    /** 表格行选择器 */
+    rowSelection: RowSelection<RecordItem>;
+    /** 已选择的表格行记录数据 */
+    selectedItems: RecordItem[];
+    /** 设置已选择的表格行记录数据 */
+    setSelectedItems: (items: RecordItem[]) => void;
+    /** 批量操作状态 */
+    enableBatchOperate: boolean;
+    /** 设置批量操作状态 */
+    setEnableBatchOperate: (enable: boolean) => void;
+    /** 取消批量操作 */
+    onCancelBatchOperate: () => void;
+}
+/** 批量操作配置 */
+export interface BatchOperateOptions<RecordItem> {
+    /** 表格行记录数据的唯一ID字段，默认 `id` */
+    recordKey?: keyof RecordItem;
+    /** 最大可选数量，默认不限制 */
+    maxSelectionCount?: number;
+}
+/**
+ * 表格批量操作状态管理。
+ * 支持跨分页选择数据。
+ * @param recordKey 表格行记录数据的唯一ID字段，默认 `id`
+ * @returns 批量操作接口
+ */
+export declare function useBatchOperate<RecordItem>({ recordKey, maxSelectionCount, }?: BatchOperateOptions<RecordItem>): BatchOperateStore<RecordItem>;

package/dist/lib/table-batch-operate/use-batch-operate.js

@@ -0,0 +1,71 @@
+/* eslint-disable security/detect-object-injection */
+import { useMemo, useState } from 'react';
+/** 计算数组元素的映射表 */
+function arrayToMap(array, key) {
+    const map = {};
+    array.forEach(item => {
+        const mapKey = item[key];
+        if (mapKey !== undefined) {
+            const val = item;
+            map[mapKey] = val;
+        }
+    });
+    return map;
+}
+/**
+ * 表格批量操作状态管理。
+ * 支持跨分页选择数据。
+ * @param recordKey 表格行记录数据的唯一ID字段，默认 `id`
+ * @returns 批量操作接口
+ */
+export function useBatchOperate({ recordKey = 'id', maxSelectionCount, } = {}) {
+    const [enableBatchOperate, setEnableBatchOperate] = useState(false);
+    const [selectedItems, setSelectedItems] = useState([]);
+    const rowSelection = useMemo(() => {
+        // 是否开启最大可选数量限制
+        const hasMaxLimit = typeof maxSelectionCount === 'number' && !Number.isNaN(maxSelectionCount);
+        // 选择数量是否达到最大数量
+        const isSelectionMaximum = hasMaxLimit && selectedItems.length >= maxSelectionCount;
+        // 表格行选择器配置
+        const newRowSelection = {
+            // 禁用表格列标题处的checkbox
+            disabled: hasMaxLimit && selectedItems.length >= maxSelectionCount,
+            // 隐藏表格行选择器
+            hidden: !enableBatchOperate,
+            // 已选择的表格行记录数据的唯一ID字段值数组
+            selectedRowKeys: selectedItems?.map(item => item[recordKey]),
+            // 表格行选择器变化事件
+            onChange(newKeys = [], rows = []) {
+                const map = arrayToMap([...rows, ...selectedItems], recordKey);
+                const newSelectKeys = hasMaxLimit
+                    ? newKeys.slice(0, maxSelectionCount)
+                    : newKeys;
+                const newSelectedItems = newSelectKeys
+                    .map(key => map[key])
+                    .filter(Boolean);
+                setSelectedItems(newSelectedItems);
+            },
+        };
+        // 表格行选择器获取checkbox属性事件, 超出最大选中数量时禁用所有未选项
+        if (hasMaxLimit) {
+            const selectedKeyMap = new Map(selectedItems.map(item => [item[recordKey], item]));
+            newRowSelection.getCheckboxProps = (record) => ({
+                disabled: isSelectionMaximum && !selectedKeyMap.has(record[recordKey]),
+            });
+        }
+        return newRowSelection;
+    }, [enableBatchOperate, selectedItems, maxSelectionCount, recordKey]);
+    const onCancelBatchOperate = () => {
+        setEnableBatchOperate(false);
+        setSelectedItems([]);
+    };
+    return {
+        enableBatchOperate,
+        selectedItems,
+        setEnableBatchOperate,
+        onCancelBatchOperate,
+        setSelectedItems,
+        rowSelection,
+    };
+}
+//# sourceMappingURL=use-batch-operate.js.map

package/dist/lib/table-batch-operate/use-batch-operate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-batch-operate.js","sourceRoot":"","sources":["../../../src/table-batch-operate/use-batch-operate.ts"],"names":[],"mappings":"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"}

package/dist/lib/table-col-actions/index.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from 'react';
+import { type SpaceProps, type TypographyProps } from '@coze-arch/coze-design';
+export interface TableColAction {
+    label: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+    hide?: boolean;
+    type?: TypographyProps['type'];
+    disabledTooltip?: string;
+    onClick?: () => void;
+    tooltip?: string;
+}
+interface Props {
+    actions: TableColAction[];
+    maxCount?: number;
+    disabled?: boolean;
+    spaceProps?: SpaceProps;
+    wrapperClassName?: string;
+    textClassName?: string;
+}
+export declare function TableColActions({ actions, maxCount, disabled, spaceProps, wrapperClassName, textClassName, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};