@creekjs/web-components 1.0.5 → 1.0.6

package/src/creek-table/hooks/useTableScrollHeight.tsx

@@ -1,8 +1,11 @@
 import { useDebounceFn, useEventListener } from 'ahooks';
 import { useEffect, useState } from 'react';
 
-export const useTableScrollHeight = (prefixCls: string, tableRef: React.RefObject<HTMLDivElement>, pageFixedBottom: boolean = true, contentPadding: number = 16, offsetBottom: number = 16) => {
+export const useTableScrollHeight = (prefixCls: string, tableRef: React.RefObject<HTMLDivElement>, pageFixedBottom: boolean = true, offsetBottom: number = 0) => {
   const [scrollY, setScrollY] = useState<number | undefined>(undefined);
+  const [tableHeight, setTableHeight] = useState<number | undefined>(undefined);
+  const [tableContainerHeight, setTableContainerHeight] = useState<number | undefined>(0);
+  const [hasScroll, setHasScroll] = useState<boolean>(false);
 
   const { run: calcHeight } = useDebounceFn(
     () => {
@@ -10,8 +13,41 @@ export const useTableScrollHeight = (prefixCls: string, tableRef: React.RefObjec
 
       const tableEl = tableRef.current;
 
+      // 如果元素不可见（例如在 display: none 的 tab 中），不进行计算，防止计算出错误的高度
+      if (tableEl.offsetParent === null) return;
+
       const tableHeader = tableEl.querySelector(`.${prefixCls}-table-thead`);
-      const tableBody = tableEl.querySelector(`.${prefixCls}-table-body`);
+      const tableBody = tableEl.querySelector(`.${prefixCls}-table-tbody`);
+
+      // 尝试动态获取 layout content padding
+      // Ant Design Pro Layout 的 content 容器通常有 class 包含 'pro-layout-content'
+      // 例如：ant-pro-layout-content, my-prefix-pro-layout-content
+      let currentContentPadding = 0; // 默认使用传入的
+
+      const layoutContentEl = tableEl.closest(`div[class*="pro-layout-content"]`);
+      if (layoutContentEl) {
+        const style = window.getComputedStyle(layoutContentEl);
+        // 我们主要关心底部的 padding，因为它影响到底部留白
+        const paddingBottom = parseFloat(style.paddingBottom);
+        if (!isNaN(paddingBottom)) {
+          currentContentPadding = paddingBottom;
+        }
+      }
+
+      // 尝试动态获取 layout content padding
+      // Ant Design Pro Layout 的 content 容器通常有 class 包含 'pro-layout-content'
+      // 例如：ant-pro-layout-content, my-prefix-pro-layout-content
+      let currentCardContentPadding = 0; // 默认使用传入的
+
+      const cardContentEl = tableEl.querySelector(`.${prefixCls}-pro-card-body`);
+      if (cardContentEl) {
+        const style = window.getComputedStyle(cardContentEl);
+        // 我们主要关心底部的 padding，因为它影响到底部留白
+        const paddingBottom = parseFloat(style.paddingBottom);
+        if (!isNaN(paddingBottom)) {
+          currentCardContentPadding = paddingBottom;
+        }
+      }
 
       let top = 0;
       if (tableHeader) {
@@ -21,8 +57,9 @@ export const useTableScrollHeight = (prefixCls: string, tableRef: React.RefObjec
       }
 
       const windowHeight = window.innerHeight;
-  
-      let height = windowHeight - top -  contentPadding - offsetBottom;
+
+      let height = windowHeight - top - currentContentPadding - currentCardContentPadding - offsetBottom;
+      let currentTableHeight = windowHeight - tableEl.getBoundingClientRect().top;
 
       const pagination = tableEl.querySelector(`.${prefixCls}-pagination`);
 
@@ -33,16 +70,29 @@ export const useTableScrollHeight = (prefixCls: string, tableRef: React.RefObjec
         const totalPaginationMargin = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
 
         height = height - paginationHeight - totalPaginationMargin;
+        setTableHeight(0);
       } else {
         // 如果没有找到分页，预留一个高度（假设分页高度为 24px + margin 16px = 40px）
         // 这样可以避免初始加载时高度过大，导致出现滚动条，然后分页出现后高度又变小
         height = height - 40;
+
+        setTableHeight(currentTableHeight);
+      }
+
+      let currentHasScroll = false;
+      if (tableBody) {
+        currentHasScroll = tableBody.scrollHeight > height;
       }
+      setHasScroll(currentHasScroll);
 
       // Minimum height to avoid crashes or ugly rendering
       setScrollY(height);
+
+      if (tableHeader) {
+        setTableContainerHeight(height + tableHeader?.clientHeight);
+      }
     },
-    { wait: 100 },
+    { wait: 16,leading: true },
   );
 
   useEffect(() => {
@@ -59,5 +109,10 @@ export const useTableScrollHeight = (prefixCls: string, tableRef: React.RefObjec
 
   useEventListener('resize', calcHeight);
 
-  return scrollY;
+  return {
+    scrollY,
+    tableHeight,
+    tableContainerHeight,
+    hasScroll,
+  };
 };

package/src/creek-table/type.ts

@@ -6,16 +6,14 @@ export type OptionRenderCustom = {
   onClick?: () => void;
 };
 
-export type CreekTableProps<T extends ParamsType, U extends ParamsType, ValueType = 'text'> = Omit<ProTableProps<T, U, ValueType>,  'options'> & {
+export type CreekTableProps<T extends ParamsType, U extends ParamsType, ValueType = 'text'> = ProTableProps<T, U, ValueType> & {
   pageFixedBottom?: boolean; // 是否固定分页在底部
   pageFixedBottomConfig?: {
     /** 底部保留空间（如固定在底部的元素高度），默认 0 */
     bottomFix?: number;
   };
-  options?: ProTableProps<T, U, ValueType>['options'] & {
-    importConfig?: OptionRenderCustom;
-    exportConfig?: OptionRenderCustom;
-  };
-  // 是否自动为列添加筛选功能，默认 true
-  autoAddFilterForColumn?: boolean;
+  // 是否显示序号列，默认 true
+  showIndex?: boolean;
+  /** 是否可拖动列宽，默认 true */
+  resizable?: boolean;
 };

package/src/index.tsx

@@ -2,7 +2,11 @@
 export * from './creek-config-provider';
 export * from './creek-hooks';
 export * from './creek-icon';
+export * from './creek-keep-alive';
 export * from './creek-layout';
 export * from './creek-loading';
+export * from './creek-locale-button';
+export * from './creek-page-container';
+export * from './creek-style';
 export * from './creek-table';
 

package/src/locales/en-US.ts

@@ -0,0 +1,24 @@
+export default {
+  'creek-keep-alive.index.guanBiDangQian': 'Close Current',
+  'creek-keep-alive.index.guanBiQiTa': 'Close Others',
+  'creek-keep-alive.index.guanBiYouCe': 'Close Right',
+  'creek-layout.ActionRender.FullScreen.tuiChuQuanPing': 'Exit Full Screen',
+  'creek-layout.ActionRender.FullScreen.quanPing': 'Full Screen',
+  'creek-table.components.DensityIcon.kuanSong': 'Loose',
+  'creek-table.components.DensityIcon.zhongDeng': 'Medium',
+  'creek-table.components.DensityIcon.jinCou': 'Compact',
+  'creek-table.components.DensityIcon.biaoGeMiDu(KuanSong)': 'Table Density (Loose)',
+  'creek-table.components.DensityIcon.biaoGeMiDu(ZhongDeng)': 'Table Density (Medium)',
+  'creek-table.components.DensityIcon.biaoGeMiDu(JinCou)': 'Table Density (Compact)',
+  'creek-table.components.DensityIcon.biaoGeMiDu': 'Table Density',
+  'creek-table.components.EllipsisTooltip.fuZhiChengGong': 'Copied Successfully',
+  'creek-table.components.EllipsisTooltip.fuZhiShiBai': 'Copy Failed',
+  'creek-table.components.EllipsisTooltip.fuZhi': 'Copy',
+  'creek-table.hooks.useIndexColumn.xuHao': 'No.',
+  'creek-layout.ActionRender.LayoutSettings.title': 'System Settings',
+  'creek-layout.ActionRender.LayoutSettings.themeColor': 'Theme Color',
+  'creek-layout.ActionRender.LayoutSettings.showFullScreen': 'Show Full Screen Button',
+  'creek-layout.ActionRender.LayoutSettings.showLocaleButton': 'Show Locale Button',
+  'creek-locale-button.index.jianTiZhongWen': 'Simplified Chinese',
+  'creek-layout.ActionRender.LayoutSettings.keepAlive': 'Enable Page Cache (Keep Alive)',
+};

package/src/locales/zh-CN.ts

@@ -0,0 +1,24 @@
+export default {
+  "creek-keep-alive.index.guanBiDangQian": "关闭当前",
+  "creek-keep-alive.index.guanBiQiTa": "关闭其他",
+  "creek-keep-alive.index.guanBiYouCe": "关闭右侧",
+  "creek-layout.ActionRender.FullScreen.tuiChuQuanPing": "退出全屏",
+  "creek-layout.ActionRender.FullScreen.quanPing": "全屏",
+  "creek-table.components.DensityIcon.kuanSong": "宽松",
+  "creek-table.components.DensityIcon.zhongDeng": "中等",
+  "creek-table.components.DensityIcon.jinCou": "紧凑",
+  "creek-table.components.DensityIcon.biaoGeMiDu(KuanSong)": "表格密度 (宽松)",
+  "creek-table.components.DensityIcon.biaoGeMiDu(ZhongDeng)": "表格密度 (中等)",
+  "creek-table.components.DensityIcon.biaoGeMiDu(JinCou)": "表格密度 (紧凑)",
+  "creek-table.components.DensityIcon.biaoGeMiDu": "表格密度",
+  "creek-table.components.EllipsisTooltip.fuZhiChengGong": "复制成功",
+  "creek-table.components.EllipsisTooltip.fuZhiShiBai": "复制失败",
+  "creek-table.components.EllipsisTooltip.fuZhi": "复制",
+  "creek-table.hooks.useIndexColumn.xuHao": "序号",
+  "creek-layout.ActionRender.LayoutSettings.title": "系统设置",
+  "creek-layout.ActionRender.LayoutSettings.themeColor": "主题色",
+  "creek-layout.ActionRender.LayoutSettings.showFullScreen": "展示全屏按钮",
+  "creek-layout.ActionRender.LayoutSettings.showLocaleButton": "展示国际化按钮",
+  "creek-locale-button.index.jianTiZhongWen": "简体中文",
+  "creek-layout.ActionRender.LayoutSettings.keepAlive": "开启页面缓存 (Keep Alive)"
+};

package/src/utils/i18n.ts

@@ -0,0 +1,4 @@
+import { setLocaleMessages, t, useT } from '@creekjs/i18n/react';
+
+export { setLocaleMessages, t, useT };
+

package/dist/creek-table/TableOptionRender.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ParamsType } from '@ant-design/pro-components';
-import { OptionRenderCustom } from './type';
-export type TableOptionRenderProps<T extends ParamsType, U extends ParamsType, ValueType = 'text'> = {
-    defaultDom?: React.ReactNode[];
-    importConfig?: OptionRenderCustom;
-    exportConfig?: OptionRenderCustom;
-};
-export declare const TableOptionRender: <T extends ParamsType, U extends ParamsType, ValueType = "text">(props: TableOptionRenderProps<T, U, ValueType>) => import("react/jsx-runtime").JSX.Element;

package/dist/creek-table/TableOptionRender.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableOptionRender.d.ts","sourceRoot":"","sources":["../../src/creek-table/TableOptionRender.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAIxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAa5C,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,UAAU,EAAE,CAAC,SAAS,UAAU,EAAE,SAAS,GAAG,MAAM,IAAI;IACnG,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,YAAY,CAAC,EAAE,kBAAkB,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,0EAA2E,uBAAuB,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,4CAgC/I,CAAC"}

package/dist/creek-table/TableOptionRender.js

@@ -1,74 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/creek-table/TableOptionRender.tsx
-var TableOptionRender_exports = {};
-__export(TableOptionRender_exports, {
-  TableOptionRender: () => TableOptionRender
-});
-module.exports = __toCommonJS(TableOptionRender_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_antd_style = require("antd-style");
-var import_jsx_runtime = require("react/jsx-runtime");
-var useStyles = (0, import_antd_style.createStyles)(({ prefixCls, token }) => {
-  return {
-    "table-option-render-item": {
-      border: `1px solid ${token.colorBorder}`,
-      borderRadius: token.borderRadius,
-      padding: "8px",
-      cursor: "pointer"
-    }
-  };
-});
-var TableOptionRender = (props) => {
-  const { defaultDom, importConfig, exportConfig } = props;
-  const { styles } = useStyles();
-  const [reload, dis, setting] = defaultDom || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: 8, children: [
-    importConfig && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "span",
-      {
-        className: styles["table-option-render-item"],
-        onClick: () => {
-          var _a;
-          (_a = importConfig.onClick) == null ? void 0 : _a.call(importConfig);
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: importConfig.text || "导入", children: importConfig.icon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ImportOutlined, {}) })
-      }
-    ),
-    exportConfig && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "span",
-      {
-        className: styles["table-option-render-item"],
-        onClick: () => {
-          var _a;
-          (_a = exportConfig.onClick) == null ? void 0 : _a.call(exportConfig);
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: exportConfig.text || "导出", children: exportConfig.icon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ExportOutlined, {}) })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles["table-option-render-item"], children: reload }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles["table-option-render-item"], children: setting })
-  ] });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TableOptionRender
-});
-//# sourceMappingURL=TableOptionRender.js.map

package/dist/creek-table/TableOptionRender.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/creek-table/TableOptionRender.tsx"],
-  "sourcesContent": ["import { ExportOutlined, ImportOutlined } from '@ant-design/icons';\nimport { ParamsType } from '@ant-design/pro-components';\nimport { Space, Tooltip } from 'antd';\nimport { createStyles } from 'antd-style';\n\nimport { OptionRenderCustom } from './type';\n\nconst useStyles = createStyles(({ prefixCls, token }) => {\n  return {\n    'table-option-render-item': {\n      border: `1px solid ${token.colorBorder}`,\n      borderRadius: token.borderRadius,\n      padding: '8px',\n      cursor: 'pointer',\n    },\n  };\n});\n\nexport type TableOptionRenderProps<T extends ParamsType, U extends ParamsType, ValueType = 'text'> = {\n  defaultDom?: React.ReactNode[];\n  importConfig?: OptionRenderCustom;\n  exportConfig?: OptionRenderCustom;\n};\n\nexport const TableOptionRender = <T extends ParamsType, U extends ParamsType, ValueType = 'text'>(props: TableOptionRenderProps<T, U, ValueType>) => {\n  const { defaultDom, importConfig, exportConfig } = props;\n\n  const { styles } = useStyles();\n\n  const [reload, dis, setting] = defaultDom || [];\n  return (\n    <Space size={8}>\n      {importConfig && (\n        <span\n          className={styles['table-option-render-item']}\n          onClick={() => {\n            importConfig.onClick?.();\n          }}\n        >\n          <Tooltip title={importConfig.text || '导入'}>{importConfig.icon || <ImportOutlined />}</Tooltip>\n        </span>\n      )}\n      {exportConfig && (\n        <span\n          className={styles['table-option-render-item']}\n          onClick={() => {\n            exportConfig.onClick?.();\n          }}\n        >\n          <Tooltip title={exportConfig.text || '导出'}>{exportConfig.icon || <ExportOutlined />}</Tooltip>\n        </span>\n      )}\n      <span className={styles['table-option-render-item']}>{reload}</span>\n      <span className={styles['table-option-render-item']}>{setting}</span>\n    </Space>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+C;AAE/C,kBAA+B;AAC/B,wBAA6B;AA4BzB;AAxBJ,IAAM,gBAAY,gCAAa,CAAC,EAAE,WAAW,MAAM,MAAM;AACvD,SAAO;AAAA,IACL,4BAA4B;AAAA,MAC1B,QAAQ,aAAa,MAAM;AAAA,MAC3B,cAAc,MAAM;AAAA,MACpB,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;AAQM,IAAM,oBAAoB,CAAiE,UAAmD;AACnJ,QAAM,EAAE,YAAY,cAAc,aAAa,IAAI;AAEnD,QAAM,EAAE,OAAO,IAAI,UAAU;AAE7B,QAAM,CAAC,QAAQ,KAAK,OAAO,IAAI,cAAc,CAAC;AAC9C,SACE,6CAAC,qBAAM,MAAM,GACV;AAAA,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO,0BAA0B;AAAA,QAC5C,SAAS,MAAM;AAnCzB;AAoCY,6BAAa,YAAb;AAAA,QACF;AAAA,QAEA,sDAAC,uBAAQ,OAAO,aAAa,QAAQ,MAAO,uBAAa,QAAQ,4CAAC,+BAAe,GAAG;AAAA;AAAA,IACtF;AAAA,IAED,gBACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO,0BAA0B;AAAA,QAC5C,SAAS,MAAM;AA7CzB;AA8CY,6BAAa,YAAb;AAAA,QACF;AAAA,QAEA,sDAAC,uBAAQ,OAAO,aAAa,QAAQ,MAAO,uBAAa,QAAQ,4CAAC,+BAAe,GAAG;AAAA;AAAA,IACtF;AAAA,IAEF,4CAAC,UAAK,WAAW,OAAO,0BAA0B,GAAI,kBAAO;AAAA,IAC7D,4CAAC,UAAK,WAAW,OAAO,0BAA0B,GAAI,mBAAQ;AAAA,KAChE;AAEJ;",
-  "names": []
-}

package/dist/creek-table/toolBarRender.d.ts

@@ -1,5 +0,0 @@
-export declare const toolBarRender: (options: {
-    shouldCollapse: boolean;
-    restProps: any;
-    args?: any[];
-}) => any;

package/dist/creek-table/toolBarRender.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toolBarRender.d.ts","sourceRoot":"","sources":["../../src/creek-table/toolBarRender.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,YAAa;IAAE,cAAc,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;CAAE,QAwB/F,CAAC"}

package/dist/creek-table/toolBarRender.js

@@ -1,58 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/creek-table/toolBarRender.tsx
-var toolBarRender_exports = {};
-__export(toolBarRender_exports, {
-  toolBarRender: () => toolBarRender
-});
-module.exports = __toCommonJS(toolBarRender_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_jsx_runtime = require("react/jsx-runtime");
-var toolBarRender = (options) => {
-  var _a;
-  const { shouldCollapse, restProps, args = [] } = options;
-  const baseActions = ((_a = restProps.toolBarRender) == null ? void 0 : _a.call(restProps, ...args)) || [];
-  if (!shouldCollapse || baseActions.length <= 1) {
-    return baseActions;
-  }
-  const [first, ...rest] = baseActions;
-  return [
-    first,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_antd.Dropdown,
-      {
-        menu: {
-          items: rest.map((item, index) => ({ key: index, label: item }))
-        },
-        trigger: ["click"],
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Button, { children: [
-          "更多 ",
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.DownOutlined, {})
-        ] })
-      },
-      "more"
-    )
-  ];
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  toolBarRender
-});
-//# sourceMappingURL=toolBarRender.js.map

package/dist/creek-table/toolBarRender.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/creek-table/toolBarRender.tsx"],
-  "sourcesContent": ["import { DownOutlined } from '@ant-design/icons';\nimport { Button, Dropdown } from 'antd';\n\nexport const toolBarRender = (options: { shouldCollapse: boolean; restProps: any; args?: any[] }) => {\n  const { shouldCollapse, restProps, args = [] } = options;\n\n  const baseActions = restProps.toolBarRender?.(...args) || [];\n  if (!shouldCollapse || baseActions.length <= 1) {\n    return baseActions;\n  }\n\n  const [first, ...rest] = baseActions;\n\n  return [\n    first,\n    <Dropdown\n      key=\"more\"\n      menu={{\n        items: rest.map((item: React.ReactDOM, index: number) => ({ key: index, label: item })),\n      }}\n      trigger={['click']}\n    >\n      <Button>\n        更多 <DownOutlined />\n      </Button>\n    </Dropdown>,\n  ];\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAC7B,kBAAiC;AAqB3B;AAnBC,IAAM,gBAAgB,CAAC,YAAuE;AAHrG;AAIE,QAAM,EAAE,gBAAgB,WAAW,OAAO,CAAC,EAAE,IAAI;AAEjD,QAAM,gBAAc,eAAU,kBAAV,mCAA0B,GAAG,UAAS,CAAC;AAC3D,MAAI,CAAC,kBAAkB,YAAY,UAAU,GAAG;AAC9C,WAAO;AAAA,EACT;AAEA,QAAM,CAAC,OAAO,GAAG,IAAI,IAAI;AAEzB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM;AAAA,UACJ,OAAO,KAAK,IAAI,CAAC,MAAsB,WAAmB,EAAE,KAAK,OAAO,OAAO,KAAK,EAAE;AAAA,QACxF;AAAA,QACA,SAAS,CAAC,OAAO;AAAA,QAEjB,uDAAC,sBAAO;AAAA;AAAA,UACH,4CAAC,6BAAa;AAAA,WACnB;AAAA;AAAA,MARI;AAAA,IASN;AAAA,EACF;AACF;",
-  "names": []
-}

package/src/creek-table/TableOptionRender.tsx

@@ -1,57 +0,0 @@
-import { ExportOutlined, ImportOutlined } from '@ant-design/icons';
-import { ParamsType } from '@ant-design/pro-components';
-import { Space, Tooltip } from 'antd';
-import { createStyles } from 'antd-style';
-
-import { OptionRenderCustom } from './type';
-
-const useStyles = createStyles(({ prefixCls, token }) => {
-  return {
-    'table-option-render-item': {
-      border: `1px solid ${token.colorBorder}`,
-      borderRadius: token.borderRadius,
-      padding: '8px',
-      cursor: 'pointer',
-    },
-  };
-});
-
-export type TableOptionRenderProps<T extends ParamsType, U extends ParamsType, ValueType = 'text'> = {
-  defaultDom?: React.ReactNode[];
-  importConfig?: OptionRenderCustom;
-  exportConfig?: OptionRenderCustom;
-};
-
-export const TableOptionRender = <T extends ParamsType, U extends ParamsType, ValueType = 'text'>(props: TableOptionRenderProps<T, U, ValueType>) => {
-  const { defaultDom, importConfig, exportConfig } = props;
-
-  const { styles } = useStyles();
-
-  const [reload, dis, setting] = defaultDom || [];
-  return (
-    <Space size={8}>
-      {importConfig && (
-        <span
-          className={styles['table-option-render-item']}
-          onClick={() => {
-            importConfig.onClick?.();
-          }}
-        >
-          <Tooltip title={importConfig.text || '导入'}>{importConfig.icon || <ImportOutlined />}</Tooltip>
-        </span>
-      )}
-      {exportConfig && (
-        <span
-          className={styles['table-option-render-item']}
-          onClick={() => {
-            exportConfig.onClick?.();
-          }}
-        >
-          <Tooltip title={exportConfig.text || '导出'}>{exportConfig.icon || <ExportOutlined />}</Tooltip>
-        </span>
-      )}
-      <span className={styles['table-option-render-item']}>{reload}</span>
-      <span className={styles['table-option-render-item']}>{setting}</span>
-    </Space>
-  );
-};

package/src/creek-table/toolBarRender.tsx

@@ -1,28 +0,0 @@
-import { DownOutlined } from '@ant-design/icons';
-import { Button, Dropdown } from 'antd';
-
-export const toolBarRender = (options: { shouldCollapse: boolean; restProps: any; args?: any[] }) => {
-  const { shouldCollapse, restProps, args = [] } = options;
-
-  const baseActions = restProps.toolBarRender?.(...args) || [];
-  if (!shouldCollapse || baseActions.length <= 1) {
-    return baseActions;
-  }
-
-  const [first, ...rest] = baseActions;
-
-  return [
-    first,
-    <Dropdown
-      key="more"
-      menu={{
-        items: rest.map((item: React.ReactDOM, index: number) => ({ key: index, label: item })),
-      }}
-      trigger={['click']}
-    >
-      <Button>
-        更多 <DownOutlined />
-      </Button>
-    </Dropdown>,
-  ];
-};