@creekjs/web-components 1.0.5 → 1.0.6

package/dist/creek-table/SearchTable.js

@@ -33,90 +33,127 @@ __export(SearchTable_exports, {
 });
 module.exports = __toCommonJS(SearchTable_exports);
 var import_pro_components = require("@ant-design/pro-components");
-var import_antd = require("antd");
+var import_ahooks = require("ahooks");
 var import_antd_style = require("antd-style");
 var import_classnames = __toESM(require("classnames"));
-var import_lodash = __toESM(require("lodash"));
 var import_react = require("react");
+var import_creek_style = require("../creek-style");
 var import_hooks = require("./hooks");
-var import_TableOptionRender = require("./TableOptionRender");
-var import_toolBarRender = require("./toolBarRender");
 var import_jsx_runtime = require("react/jsx-runtime");
-var useStyles = (0, import_antd_style.createStyles)(({ css, token }, { scrollY, prefixCls }) => {
+var useStyles = (0, import_antd_style.createStyles)(({ token }, options) => {
+  const { prefixCls = "ant", scrollY, tableHeight, bordered, hasHeaderTitle, tableContainerHeight, hasScroll } = options;
   return {
-    "creek-table-container": css`
-      .${prefixCls}-table-body {
-        overflow-y: auto !important;
-        min-height: ${typeof scrollY === "number" ? `${scrollY}px` : scrollY ?? "auto"};
-
-        /* Firefox 滚动条样式 */
-        scrollbar-width: thin;
-        scrollbar-color: ${token.colorFillSecondary} transparent;
-      }
-
-      /* Webkit (Chrome, Safari, Edge) 滚动条样式 */
-      & *::-webkit-scrollbar {
-        width: 6px !important;
-        height: 6px !important;
-        background-color: transparent !important;
-      }
-
-      & *::-webkit-scrollbar-thumb {
-        background-color: ${token.colorFillSecondary} !important;
-        border-radius: 3px !important;
-        transition: all 0.3s;
-      }
-
-      & *::-webkit-scrollbar-thumb:hover {
-        background-color: ${token.colorFill} !important;
-      }
-
-      & *::-webkit-scrollbar-track {
-        background-color: transparent !important;
-      }
-
-      .${prefixCls}-pagination {
-        .${prefixCls}-pagination-total-text {
-          flex: 1;
+    "creek-table-container": {
+      overflow: "hidden",
+      position: "relative",
+      height: tableHeight ? `${tableHeight}px` : "auto",
+      backgroundColor: token.colorBgContainer,
+      [`.${prefixCls}-table`]: {
+        minHeight: `${tableContainerHeight}px`
+      },
+      [`.${prefixCls}-table-container`]: {
+        borderBottom: "none",
+        overflow: "hidden"
+      },
+      [`.${prefixCls}-table-header`]: {
+        borderRight: bordered && hasScroll ? `1px solid ${token.colorBorderSecondary}` : "none"
+      },
+      [`.${prefixCls}-table-body`]: {
+        overflowY: "auto",
+        maxHeight: `${scrollY}px`,
+        borderRight: bordered && hasScroll ? `1px solid ${token.colorBorderSecondary}` : "none"
+      },
+      // 兼容非 scroll.y 模式下的 table 容器
+      [`.${prefixCls}-table-content`]: {
+        overflowY: "hidden",
+        maxHeight: scrollY ? `${scrollY}px` : void 0
+      },
+      [`.${prefixCls}-table-cell-scrollbar`]: {
+        boxShadow: bordered ? "none!important" : "inherit",
+        borderInlineEnd: bordered ? `none!important` : "none",
+        display: hasScroll ? "table-cell" : "none",
+        width: hasScroll ? "initial" : "0px!important",
+        minWidth: hasScroll ? "initial" : "0px!important",
+        maxWidth: hasScroll ? "initial" : "0px!important",
+        padding: hasScroll ? "initial" : "0px!important",
+        margin: hasScroll ? "initial" : "0px!important"
+      },
+      [`.${prefixCls}-pagination`]: {
+        [`.${prefixCls}-pagination-total-text`]: {
+          flex: 1
         }
-      }
-    `
+      },
+      [`.${prefixCls}-pro-table-search`]: {
+        marginBlockEnd: 0,
+        borderBottom: `1px solid ${token.colorBorderSecondary}`
+      },
+      [`.${prefixCls}-pro-query-filter-container`]: {
+        [`.${prefixCls}-pro-query-filter`]: {
+          padding: token.paddingXS
+        }
+      },
+      // 如果没有 headerTitle，toolbar 展示在 headerTitle 的区域
+      [`.${prefixCls}-pro-table-list-toolbar-right`]: !hasHeaderTitle ? {
+        flex: 1
+      } : {},
+      [`.${prefixCls}-pro-table-list-toolbar-setting-items`]: !hasHeaderTitle ? {
+        marginLeft: "auto"
+      } : {}
+    }
   };
 });
 var SearchProTable = (props) => {
-  var _a;
-  const { columns, prefixCls = "ant", autoAddFilterForColumn = true, className, optionsRender, tableViewRender, pagination, pageFixedBottom = true, pageFixedBottomConfig, ...restProps } = props;
+  var _a, _b;
+  const {
+    columns,
+    prefixCls = "ant",
+    className,
+    optionsRender,
+    tableViewRender,
+    pagination,
+    pageFixedBottom = true,
+    pageFixedBottomConfig,
+    resizable = true,
+    bordered = true,
+    options,
+    size,
+    headerTitle,
+    showIndex = true,
+    ...restProps
+  } = props;
   const proTableRef = (0, import_react.useRef)(null);
-  const { token } = import_antd.theme.useToken();
-  const { columns: adaptiveColumns, totalWidth } = (0, import_hooks.useAutoWidthColumns)(columns, proTableRef);
-  const scrollY = (0, import_hooks.useTableScrollHeight)(prefixCls, proTableRef, pageFixedBottom, token.paddingContentVerticalLG, (pageFixedBottomConfig == null ? void 0 : pageFixedBottomConfig.bottomFix) || token.padding);
-  const { styles } = useStyles({ scrollY, prefixCls });
-  console.log("scrollY", scrollY);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: proTableRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_pro_components.ProTable,
-    {
-      ...props,
-      className: (0, import_classnames.default)(styles["creek-table-container"], className),
-      columns: adaptiveColumns,
-      scroll: {
-        x: totalWidth,
-        y: scrollY ?? ((_a = restProps.scroll) == null ? void 0 : _a.y)
-      },
-      toolbar: {
-        ...restProps.toolbar
-      },
-      optionsRender: (defaultProps, dom) => {
-        var _a2, _b;
-        return import_lodash.default.isFunction(optionsRender) ? optionsRender(defaultProps, dom) : (restProps == null ? void 0 : restProps.options) ? [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TableOptionRender.TableOptionRender, { defaultDom: dom, importConfig: (_a2 = restProps == null ? void 0 : restProps.options) == null ? void 0 : _a2.importConfig, exportConfig: (_b = restProps == null ? void 0 : restProps.options) == null ? void 0 : _b.exportConfig }, "option")] : [];
-      },
-      toolBarRender: (...args) => {
-        return (0, import_toolBarRender.toolBarRender)({ shouldCollapse: false, restProps, args });
-      },
-      tableViewRender: (defaultProps, defaultDom) => {
-        return import_lodash.default.isFunction(tableViewRender) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: tableViewRender(defaultProps, defaultDom) }) : defaultDom;
+  const [resizedWidths, setResizedWidths] = (0, import_ahooks.useSafeState)({});
+  const { finalOptions, tableSize, finalOptionsRender } = (0, import_hooks.useTableOptions)(options, size, optionsRender);
+  const columnsWithIndex = (0, import_hooks.useIndexColumn)(columns, showIndex);
+  const processedColumns = (0, import_hooks.useEllipsisColumns)(columnsWithIndex);
+  const { columns: adaptiveColumns, totalWidth } = (0, import_hooks.useAutoWidthColumns)(processedColumns, proTableRef, resizedWidths, bordered, tableSize);
+  const { columns: resizableColumns, components } = (0, import_hooks.useResizableColumns)(adaptiveColumns, resizable, resizedWidths, setResizedWidths, proTableRef);
+  const { scrollY, tableHeight, tableContainerHeight, hasScroll } = (0, import_hooks.useTableScrollHeight)(prefixCls, proTableRef, pageFixedBottom, pageFixedBottomConfig == null ? void 0 : pageFixedBottomConfig.bottomFix);
+  const { styles } = useStyles({ scrollY, tableHeight, prefixCls, bordered, hasHeaderTitle: !!headerTitle, tableContainerHeight, hasScroll });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: proTableRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_creek_style.GlobalScrollbarStyle, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_pro_components.ProTable,
+      {
+        components,
+        headerTitle,
+        options: finalOptions,
+        optionsRender: finalOptionsRender,
+        size: tableSize,
+        ...restProps,
+        className: (0, import_classnames.default)(styles["creek-table-container"], className),
+        columns: resizableColumns,
+        bordered,
+        scroll: {
+          y: hasScroll ? scrollY || ((_a = restProps.scroll) == null ? void 0 : _a.y) : void 0,
+          x: totalWidth ?? ((_b = restProps.scroll) == null ? void 0 : _b.x)
+        },
+        toolbar: {
+          ...restProps.toolbar
+        }
       }
-    }
-  ) });
+    )
+  ] });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/creek-table/SearchTable.tsx"],
-  "sourcesContent": ["import { ParamsType, ProTable } from '@ant-design/pro-components';\nimport { theme } from 'antd';\nimport { createStyles } from 'antd-style';\nimport classnames from 'classnames';\nimport _ from 'lodash';\nimport { useRef } from 'react';\n\nimport { useAutoWidthColumns, useTableScrollHeight } from './hooks';\nimport { TableOptionRender } from './TableOptionRender';\nimport { toolBarRender } from './toolBarRender';\nimport { CreekTableProps } from './type';\n\nconst useStyles = createStyles(({ css, token }, { scrollY, prefixCls }: { scrollY?: number | string; prefixCls: string }) => {\n  return {\n    'creek-table-container': css`\n      .${prefixCls}-table-body {\n        overflow-y: auto !important;\n        min-height: ${typeof scrollY === 'number' ? `${scrollY}px` : (scrollY ?? 'auto')};\n\n        /* Firefox 滚动条样式 */\n        scrollbar-width: thin;\n        scrollbar-color: ${token.colorFillSecondary} transparent;\n      }\n\n      /* Webkit (Chrome, Safari, Edge) 滚动条样式 */\n      & *::-webkit-scrollbar {\n        width: 6px !important;\n        height: 6px !important;\n        background-color: transparent !important;\n      }\n\n      & *::-webkit-scrollbar-thumb {\n        background-color: ${token.colorFillSecondary} !important;\n        border-radius: 3px !important;\n        transition: all 0.3s;\n      }\n\n      & *::-webkit-scrollbar-thumb:hover {\n        background-color: ${token.colorFill} !important;\n      }\n\n      & *::-webkit-scrollbar-track {\n        background-color: transparent !important;\n      }\n\n      .${prefixCls}-pagination {\n        .${prefixCls}-pagination-total-text {\n          flex: 1;\n        }\n      }\n    `,\n  };\n});\n\n// 独立的 ProTable 组件\nexport const SearchProTable = <T extends ParamsType, U extends ParamsType, ValueType = 'text'>(props: CreekTableProps<T, U, ValueType>) => {\n  const { columns, prefixCls = 'ant', autoAddFilterForColumn = true, className, optionsRender, tableViewRender, pagination, pageFixedBottom = true, pageFixedBottomConfig, ...restProps } = props;\n\n  const proTableRef = useRef<HTMLDivElement>(null);\n\n  const { token } = theme.useToken();\n\n  // // 使用自定义 hook 处理工具栏的自适应功能\n  // const { shouldCollapse } = useAdaptiveToolBar({\n  //   containerRef: proTableRef,\n  //   prefixCls,\n  // });ƒ\n\n  const { columns: adaptiveColumns, totalWidth } = useAutoWidthColumns(columns, proTableRef);\n\n  const scrollY = useTableScrollHeight(prefixCls, proTableRef, pageFixedBottom, token.paddingContentVerticalLG, pageFixedBottomConfig?.bottomFix || token.padding);\n\n  const { styles } = useStyles({ scrollY, prefixCls });\n\n  console.log('scrollY', scrollY);\n\n  return (\n    <div ref={proTableRef}>\n      <ProTable<T, U, ValueType>\n        {...props}\n        className={classnames(styles['creek-table-container'], className)}\n        columns={adaptiveColumns}\n        scroll={{\n          x: totalWidth,\n          y: scrollY ?? restProps.scroll?.y,\n        }}\n        toolbar={{\n          ...restProps.toolbar,\n        }}\n        optionsRender={(defaultProps, dom) => {\n          return _.isFunction(optionsRender)\n            ? optionsRender(defaultProps, dom)\n            : restProps?.options\n              ? [<TableOptionRender key=\"option\" defaultDom={dom} importConfig={restProps?.options?.importConfig} exportConfig={restProps?.options?.exportConfig} />]\n              : [];\n        }}\n        toolBarRender={(...args) => {\n          return toolBarRender({ shouldCollapse: false, restProps, args });\n        }}\n        // 在表格内容区上方显示筛选条件\n        tableViewRender={(defaultProps, defaultDom) => {\n          return _.isFunction(tableViewRender) ? <>{tableViewRender(defaultProps, defaultDom)}</> : defaultDom;\n        }}\n      />\n    </div>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAqC;AACrC,kBAAsB;AACtB,wBAA6B;AAC7B,wBAAuB;AACvB,oBAAc;AACd,mBAAuB;AAEvB,mBAA0D;AAC1D,+BAAkC;AAClC,2BAA8B;AAoFb;AAjFjB,IAAM,gBAAY,gCAAa,CAAC,EAAE,KAAK,MAAM,GAAG,EAAE,SAAS,UAAU,MAAwD;AAC3H,SAAO;AAAA,IACL,yBAAyB;AAAA,SACpB;AAAA;AAAA,sBAEa,OAAO,YAAY,WAAW,GAAG,cAAe,WAAW;AAAA;AAAA;AAAA;AAAA,2BAItD,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAWL,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAMN,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAOzB;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AACF,CAAC;AAGM,IAAM,iBAAiB,CAAiE,UAA4C;AAvD3I;AAwDE,QAAM,EAAE,SAAS,YAAY,OAAO,yBAAyB,MAAM,WAAW,eAAe,iBAAiB,YAAY,kBAAkB,MAAM,uBAAuB,GAAG,UAAU,IAAI;AAE1L,QAAM,kBAAc,qBAAuB,IAAI;AAE/C,QAAM,EAAE,MAAM,IAAI,kBAAM,SAAS;AAQjC,QAAM,EAAE,SAAS,iBAAiB,WAAW,QAAI,kCAAoB,SAAS,WAAW;AAEzF,QAAM,cAAU,mCAAqB,WAAW,aAAa,iBAAiB,MAAM,2BAA0B,+DAAuB,cAAa,MAAM,OAAO;AAE/J,QAAM,EAAE,OAAO,IAAI,UAAU,EAAE,SAAS,UAAU,CAAC;AAEnD,UAAQ,IAAI,WAAW,OAAO;AAE9B,SACE,4CAAC,SAAI,KAAK,aACR;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,kBAAAA,SAAW,OAAO,uBAAuB,GAAG,SAAS;AAAA,MAChE,SAAS;AAAA,MACT,QAAQ;AAAA,QACN,GAAG;AAAA,QACH,GAAG,aAAW,eAAU,WAAV,mBAAkB;AAAA,MAClC;AAAA,MACA,SAAS;AAAA,QACP,GAAG,UAAU;AAAA,MACf;AAAA,MACA,eAAe,CAAC,cAAc,QAAQ;AAzF9C,YAAAC,KAAA;AA0FU,eAAO,cAAAC,QAAE,WAAW,aAAa,IAC7B,cAAc,cAAc,GAAG,KAC/B,uCAAW,WACT,CAAC,4CAAC,8CAA+B,YAAY,KAAK,eAAcD,MAAA,uCAAW,YAAX,gBAAAA,IAAoB,cAAc,eAAc,4CAAW,YAAX,mBAAoB,gBAA5G,QAA0H,CAAE,IACpJ,CAAC;AAAA,MACT;AAAA,MACA,eAAe,IAAI,SAAS;AAC1B,mBAAO,oCAAc,EAAE,gBAAgB,OAAO,WAAW,KAAK,CAAC;AAAA,MACjE;AAAA,MAEA,iBAAiB,CAAC,cAAc,eAAe;AAC7C,eAAO,cAAAC,QAAE,WAAW,eAAe,IAAI,2EAAG,0BAAgB,cAAc,UAAU,GAAE,IAAM;AAAA,MAC5F;AAAA;AAAA,EACF,GACF;AAEJ;",
-  "names": ["classnames", "_a", "_"]
+  "sourcesContent": ["import { ParamsType, ProTable } from '@ant-design/pro-components';\nimport { useSafeState } from 'ahooks';\nimport { createStyles } from 'antd-style';\nimport classnames from 'classnames';\nimport { useRef } from 'react';\n\nimport { GlobalScrollbarStyle } from '../creek-style';\nimport { useAutoWidthColumns, useEllipsisColumns, useIndexColumn, useResizableColumns, useTableOptions, useTableScrollHeight } from './hooks';\n\nimport { CreekTableProps } from './type';\n\nexport type SearchTableStyleOptions = {\n  prefixCls?: string;\n  scrollY?: number;\n  tableContainerHeight?: number;\n  tableHeight?: number;\n  bordered?: boolean;\n  hasHeaderTitle?: boolean;\n  hasScroll?: boolean;\n};\n\nconst useStyles = createStyles(({ token }, options: SearchTableStyleOptions) => {\n  const { prefixCls = 'ant', scrollY, tableHeight, bordered, hasHeaderTitle, tableContainerHeight, hasScroll } = options;\n  return {\n    'creek-table-container': {\n      overflow: 'hidden',\n      position: 'relative',\n      height: tableHeight ? `${tableHeight}px` : 'auto',\n      backgroundColor: token.colorBgContainer,\n      [`.${prefixCls}-table`]: {\n        minHeight: `${tableContainerHeight}px`,\n      },\n      [`.${prefixCls}-table-container`]: {\n        borderBottom: 'none',\n        overflow: 'hidden'\n      },\n     \n      [`.${prefixCls}-table-header`]: {\n        borderRight: (bordered && hasScroll) ? `1px solid ${token.colorBorderSecondary}` : 'none',\n      },\n      [`.${prefixCls}-table-body`]: {\n        overflowY: 'auto',\n        maxHeight: `${scrollY}px`,\n        borderRight: (bordered && hasScroll) ? `1px solid ${token.colorBorderSecondary}` : 'none',\n      },\n      // 兼容非 scroll.y 模式下的 table 容器\n      [`.${prefixCls}-table-content`]: {\n        overflowY: 'hidden',\n        maxHeight: scrollY ? `${scrollY}px` : undefined,\n      },\n\n      [`.${prefixCls}-table-cell-scrollbar`]: {\n        boxShadow: bordered ? 'none!important' : 'inherit',\n        borderInlineEnd: bordered ? `none!important` : 'none',\n        display: hasScroll ? 'table-cell' : 'none',\n        width: hasScroll ? 'initial' : '0px!important',\n        minWidth: hasScroll ? 'initial' : '0px!important',\n        maxWidth: hasScroll ? 'initial' : '0px!important',\n        padding: hasScroll ? 'initial' : '0px!important',\n        margin: hasScroll ? 'initial' : '0px!important',\n      },\n\n      [`.${prefixCls}-pagination`]: {\n        [`.${prefixCls}-pagination-total-text`]: {\n          flex: 1,\n        },\n      },\n      [`.${prefixCls}-pro-table-search`]: {\n        marginBlockEnd: 0,\n        borderBottom: `1px solid ${token.colorBorderSecondary}`,\n      },\n\n      [`.${prefixCls}-pro-query-filter-container`]: {\n        [`.${prefixCls}-pro-query-filter`]: {\n          padding: token.paddingXS,\n        },\n      },\n\n      // 如果没有 headerTitle，toolbar 展示在 headerTitle 的区域\n      [`.${prefixCls}-pro-table-list-toolbar-right`]: !hasHeaderTitle\n        ? {\n            flex: 1,\n          }\n        : {},\n      [`.${prefixCls}-pro-table-list-toolbar-setting-items`]: !hasHeaderTitle\n        ? {\n            marginLeft: 'auto',\n          }\n        : {},\n    },\n  };\n});\n\n// 独立的 ProTable 组件\nexport const SearchProTable = <T extends ParamsType, U extends ParamsType, ValueType = 'text'>(props: CreekTableProps<T, U, ValueType>) => {\n  const {\n    columns,\n    prefixCls = 'ant',\n    className,\n    optionsRender,\n    tableViewRender,\n    pagination,\n    pageFixedBottom = true,\n    pageFixedBottomConfig,\n    resizable = true,\n    bordered = true,\n    options,\n    size,\n    headerTitle,\n    showIndex = true,\n    ...restProps\n  } = props;\n\n  const proTableRef = useRef<HTMLDivElement>(null);\n\n  // 状态提升：管理列宽调整状态，以便 useAutoWidthColumns 能感知到\n  const [resizedWidths, setResizedWidths] = useSafeState<Record<string, number>>({});\n\n  // 使用自定义 Hook 管理 options 和 size\n  const { finalOptions, tableSize, finalOptionsRender } = useTableOptions<T, U, ValueType>(options, size, optionsRender);\n\n  const columnsWithIndex = useIndexColumn<T, ValueType>(columns, showIndex);\n\n  // 处理 columns，默认开启 ellipsis\n  const processedColumns = useEllipsisColumns(columnsWithIndex);\n\n  const { columns: adaptiveColumns, totalWidth } = useAutoWidthColumns<T, ValueType>(processedColumns, proTableRef, resizedWidths, bordered, tableSize);\n\n  const { columns: resizableColumns, components } = useResizableColumns<T, ValueType>(adaptiveColumns, resizable, resizedWidths, setResizedWidths, proTableRef);\n\n  const { scrollY, tableHeight, tableContainerHeight, hasScroll } = useTableScrollHeight(prefixCls, proTableRef, pageFixedBottom, pageFixedBottomConfig?.bottomFix);\n\n  const { styles } = useStyles({ scrollY, tableHeight, prefixCls, bordered, hasHeaderTitle: !!headerTitle, tableContainerHeight, hasScroll });\n\n\n  return (\n    <div ref={proTableRef}>\n      <GlobalScrollbarStyle />\n      {/* 自定义滚动条 */}\n      <ProTable<T, U, ValueType>\n        components={components}\n        headerTitle={headerTitle}\n        options={finalOptions}\n        optionsRender={finalOptionsRender}\n        size={tableSize}\n        {...restProps}\n        className={classnames(styles['creek-table-container'], className)}\n        columns={resizableColumns}\n        bordered={bordered}\n        scroll={{\n          y: hasScroll ? scrollY || restProps.scroll?.y : undefined,\n          x: totalWidth ?? restProps.scroll?.x,\n        }}\n        toolbar={{\n          ...restProps.toolbar,\n        }}\n      />\n    </div>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["classnames"]
 }

package/dist/creek-table/components/DensityIcon.d.ts

@@ -0,0 +1,9 @@
+import { ProTableProps } from '@ant-design/pro-components';
+import React from 'react';
+export type SizeType = ProTableProps<any, any>['size'];
+interface DensityIconProps {
+    tableSize: SizeType;
+    setTableSize: (size: SizeType) => void;
+}
+export declare const DensityIcon: React.FC<DensityIconProps>;
+export {};

package/dist/creek-table/components/DensityIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DensityIcon.d.ts","sourceRoot":"","sources":["../../../src/creek-table/components/DensityIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,QAAQ,GAAG,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvD,UAAU,gBAAgB;IACxB,SAAS,EAAE,QAAQ,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgDlD,CAAC"}

package/dist/creek-table/components/DensityIcon.js

@@ -0,0 +1,77 @@
+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/components/DensityIcon.tsx
+var DensityIcon_exports = {};
+__export(DensityIcon_exports, {
+  DensityIcon: () => DensityIcon
+});
+module.exports = __toCommonJS(DensityIcon_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_i18n = require("../../utils/i18n");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DensityIcon = ({ tableSize, setTableSize }) => {
+  const t = (0, import_i18n.useT)();
+  const items = [
+    {
+      key: "large",
+      label: t("creek-table.components.DensityIcon.kuanSong", "宽松"),
+      onClick: () => setTableSize("large")
+    },
+    {
+      key: "middle",
+      label: t("creek-table.components.DensityIcon.zhongDeng", "中等"),
+      onClick: () => setTableSize("middle")
+    },
+    {
+      key: "small",
+      label: t("creek-table.components.DensityIcon.jinCou", "紧凑"),
+      onClick: () => setTableSize("small")
+    }
+  ];
+  const getTitle = () => {
+    switch (tableSize) {
+      case "large":
+        return t("creek-table.components.DensityIcon.biaoGeMiDu(KuanSong)", "表格密度 (宽松)");
+      case "middle":
+        return t("creek-table.components.DensityIcon.biaoGeMiDu(ZhongDeng)", "表格密度 (中等)");
+      case "small":
+        return t("creek-table.components.DensityIcon.biaoGeMiDu(JinCou)", "表格密度 (紧凑)");
+      default:
+        return t("creek-table.components.DensityIcon.biaoGeMiDu", "表格密度");
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.Dropdown,
+    {
+      menu: {
+        items,
+        selectedKeys: [tableSize || "large"],
+        selectable: true
+      },
+      trigger: ["click"],
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: getTitle(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ColumnHeightOutlined, { style: { fontSize: 16, cursor: "pointer" } }) })
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DensityIcon
+});
+//# sourceMappingURL=DensityIcon.js.map

package/dist/creek-table/components/DensityIcon.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/creek-table/components/DensityIcon.tsx"],
+  "sourcesContent": ["import { ColumnHeightOutlined } from '@ant-design/icons';\nimport { ProTableProps } from '@ant-design/pro-components';\nimport { Dropdown, MenuProps, Tooltip } from 'antd';\nimport React from 'react';\n\nimport { useT } from '@/utils/i18n';\n\nexport type SizeType = ProTableProps<any, any>['size'];\n\ninterface DensityIconProps {\n  tableSize: SizeType;\n  setTableSize: (size: SizeType) => void;\n}\n\nexport const DensityIcon: React.FC<DensityIconProps> = ({ tableSize, setTableSize }) => {\n  const t = useT();\n\n  const items: MenuProps['items'] = [\n    {\n      key: 'large',\n      label: t('creek-table.components.DensityIcon.kuanSong', '宽松'),\n      onClick: () => setTableSize('large'),\n    },\n    {\n      key: 'middle',\n      label: t('creek-table.components.DensityIcon.zhongDeng', '中等'),\n      onClick: () => setTableSize('middle'),\n    },\n    {\n      key: 'small',\n      label: t('creek-table.components.DensityIcon.jinCou', '紧凑'),\n      onClick: () => setTableSize('small'),\n    },\n  ];\n\n  const getTitle = () => {\n    switch (tableSize) {\n      case 'large':\n        return t('creek-table.components.DensityIcon.biaoGeMiDu(KuanSong)', '表格密度 (宽松)');\n      case 'middle':\n        return t('creek-table.components.DensityIcon.biaoGeMiDu(ZhongDeng)', '表格密度 (中等)');\n      case 'small':\n        return t('creek-table.components.DensityIcon.biaoGeMiDu(JinCou)', '表格密度 (紧凑)');\n      default:\n        return t('creek-table.components.DensityIcon.biaoGeMiDu', '表格密度');\n    }\n  };\n\n  return (\n    <Dropdown\n      menu={{\n        items,\n        selectedKeys: [tableSize || 'large'],\n        selectable: true,\n      }}\n      trigger={['click']}\n    >\n      <Tooltip title={getTitle()}>\n        <ColumnHeightOutlined style={{ fontSize: 16, cursor: 'pointer' }} />\n      </Tooltip>\n    </Dropdown>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqC;AAErC,kBAA6C;AAG7C,kBAAqB;AAqDb;AA5CD,IAAM,cAA0C,CAAC,EAAE,WAAW,aAAa,MAAM;AACtF,QAAM,QAAI,kBAAK;AAEf,QAAM,QAA4B;AAAA,IAChC;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,+CAA+C,IAAI;AAAA,MAC5D,SAAS,MAAM,aAAa,OAAO;AAAA,IACrC;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,gDAAgD,IAAI;AAAA,MAC7D,SAAS,MAAM,aAAa,QAAQ;AAAA,IACtC;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,6CAA6C,IAAI;AAAA,MAC1D,SAAS,MAAM,aAAa,OAAO;AAAA,IACrC;AAAA,EACF;AAEA,QAAM,WAAW,MAAM;AACrB,YAAQ,WAAW;AAAA,MACjB,KAAK;AACH,eAAO,EAAE,2DAA2D,WAAW;AAAA,MACjF,KAAK;AACH,eAAO,EAAE,4DAA4D,WAAW;AAAA,MAClF,KAAK;AACH,eAAO,EAAE,yDAAyD,WAAW;AAAA,MAC/E;AACE,eAAO,EAAE,iDAAiD,MAAM;AAAA,IACpE;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,QACJ;AAAA,QACA,cAAc,CAAC,aAAa,OAAO;AAAA,QACnC,YAAY;AAAA,MACd;AAAA,MACA,SAAS,CAAC,OAAO;AAAA,MAEjB,sDAAC,uBAAQ,OAAO,SAAS,GACvB,sDAAC,qCAAqB,OAAO,EAAE,UAAU,IAAI,QAAQ,UAAU,GAAG,GACpE;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/creek-table/components/EllipsisTooltip.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * 使用 Antd Typography 组件实现省略提示
+ * 修复了 findDOMNode 警告问题：通过显式使用 Tooltip 包裹 div 容器
+ * 实现了智能提示：只有内容实际溢出时才显示 Tooltip
+ */
+export declare const EllipsisTooltip: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/creek-table/components/EllipsisTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisTooltip.d.ts","sourceRoot":"","sources":["../../../src/creek-table/components/EllipsisTooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAmCvE;;;;GAIG;AACH,eAAO,MAAM,eAAe;cAA8B,MAAM,SAAS;6CAwExE,CAAC"}

package/dist/creek-table/components/EllipsisTooltip.js

@@ -0,0 +1,122 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __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);
+
+// src/creek-table/components/EllipsisTooltip.tsx
+var EllipsisTooltip_exports = {};
+__export(EllipsisTooltip_exports, {
+  EllipsisTooltip: () => EllipsisTooltip
+});
+module.exports = __toCommonJS(EllipsisTooltip_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_antd_style = require("antd-style");
+var import_react = __toESM(require("react"));
+var import_i18n = require("../../utils/i18n");
+var import_jsx_runtime = require("react/jsx-runtime");
+var useStyles = (0, import_antd_style.createStyles)(({ css, token }) => {
+  return {
+    text: css`
+      width: 100%;
+      margin: 0;
+      padding: 0;
+      // Ensure the wrapper behaves like a block/inline-block that can have width
+      display: block;
+      overflow: hidden;
+    `,
+    tooltipContent: css`
+      max-width: 500px;
+      max-height: 300px;
+      overflow-y: auto;
+    `,
+    tooltipText: css`
+      word-break: break-all;
+      white-space: pre-wrap;
+    `,
+    copyIcon: css`
+      cursor: pointer;
+      color: inherit;
+      transition: color 0.2s;
+
+      &:hover {
+        color: ${token.colorPrimary};
+      }
+    `
+  };
+});
+var EllipsisTooltip = ({ children }) => {
+  const t = (0, import_i18n.useT)();
+  const { styles } = useStyles();
+  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  const textRef = (0, import_react.useRef)(null);
+  const [isEllipsis, setIsEllipsis] = (0, import_react.useState)(false);
+  const isSimpleContent = typeof children === "string" || typeof children === "number";
+  (0, import_react.useEffect)(() => {
+    const checkEllipsis = () => {
+      if (textRef.current) {
+        const prefixCls = getPrefixCls("typography");
+        const typographyEl = textRef.current.querySelector(`.${prefixCls}`);
+        if (typographyEl) {
+          setIsEllipsis(typographyEl.scrollWidth > typographyEl.clientWidth + 1);
+        }
+      }
+    };
+    checkEllipsis();
+    const observer = new ResizeObserver(checkEllipsis);
+    if (textRef.current) {
+      observer.observe(textRef.current);
+    }
+    return () => {
+      observer.disconnect();
+    };
+  }, [children]);
+  const text = String(children);
+  const handleCopy = (e) => {
+    e.stopPropagation();
+    e.preventDefault();
+    navigator.clipboard.writeText(text).then(() => {
+      import_antd.message.success(t("creek-table.components.EllipsisTooltip.fuZhiChengGong", "复制成功"));
+    }).catch(() => {
+      import_antd.message.error(t("creek-table.components.EllipsisTooltip.fuZhiShiBai", "复制失败"));
+    });
+  };
+  const tooltipTitle = import_react.default.useMemo(() => {
+    if (!isSimpleContent) {
+      return children;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { align: "center", gap: 8, className: styles.tooltipContent, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.tooltipText, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CopyOutlined, { onClick: handleCopy, className: styles.copyIcon, title: t("creek-table.components.EllipsisTooltip.fuZhi", "复制") })
+    ] });
+  }, [children, isSimpleContent]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: isEllipsis ? tooltipTitle : void 0, placement: "topLeft", mouseLeaveDelay: 0.2, getPopupContainer: () => document.body, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: textRef, className: styles.text, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Typography.Text, { ellipsis: true, children }) }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EllipsisTooltip
+});
+//# sourceMappingURL=EllipsisTooltip.js.map

package/dist/creek-table/components/EllipsisTooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/creek-table/components/EllipsisTooltip.tsx"],
+  "sourcesContent": ["import { CopyOutlined } from '@ant-design/icons';\nimport { ConfigProvider, Flex, Tooltip, Typography, message } from 'antd';\nimport { createStyles } from 'antd-style';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\n\nimport { useT } from '@/utils/i18n';\n\nconst useStyles = createStyles(({ css, token }) => {\n  return {\n    text: css`\n      width: 100%;\n      margin: 0;\n      padding: 0;\n      // Ensure the wrapper behaves like a block/inline-block that can have width\n      display: block;\n      overflow: hidden;\n    `,\n    tooltipContent: css`\n      max-width: 500px;\n      max-height: 300px;\n      overflow-y: auto;\n    `,\n    tooltipText: css`\n      word-break: break-all;\n      white-space: pre-wrap;\n    `,\n    copyIcon: css`\n      cursor: pointer;\n      color: inherit;\n      transition: color 0.2s;\n\n      &:hover {\n        color: ${token.colorPrimary};\n      }\n    `,\n  };\n});\n\n/**\n * 使用 Antd Typography 组件实现省略提示\n * 修复了 findDOMNode 警告问题：通过显式使用 Tooltip 包裹 div 容器\n * 实现了智能提示：只有内容实际溢出时才显示 Tooltip\n */\nexport const EllipsisTooltip = ({ children }: { children: React.ReactNode }) => {\n  const t = useT();\n\n  const { styles } = useStyles();\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const textRef = useRef<HTMLDivElement>(null);\n  const [isEllipsis, setIsEllipsis] = useState(false);\n  const isSimpleContent = typeof children === 'string' || typeof children === 'number';\n\n  useEffect(() => {\n    const checkEllipsis = () => {\n      if (textRef.current) {\n        const prefixCls = getPrefixCls('typography');\n        // Typography.Text renders a span or div with .ant-typography\n        const typographyEl = textRef.current.querySelector(`.${prefixCls}`);\n        if (typographyEl) {\n          // For simple ellipsis={true}, Antd uses CSS ellipsis.\n          // We can detect if it's truncated by comparing scrollWidth and clientWidth\n          // We add a small buffer (1px) for browser sub-pixel rendering differences\n          setIsEllipsis(typographyEl.scrollWidth > typographyEl.clientWidth + 1);\n        }\n      }\n    };\n\n    // Initial check\n    checkEllipsis();\n    // Use ResizeObserver for more robust size change detection\n    const observer = new ResizeObserver(checkEllipsis);\n    if (textRef.current) {\n      observer.observe(textRef.current);\n    }\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [children]);\n\n  const text = String(children);\n\n  const handleCopy = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    e.preventDefault();\n    navigator.clipboard\n      .writeText(text)\n      .then(() => {\n        message.success(t('creek-table.components.EllipsisTooltip.fuZhiChengGong', '复制成功'));\n      })\n      .catch(() => {\n        message.error(t('creek-table.components.EllipsisTooltip.fuZhiShiBai', '复制失败'));\n      });\n  };\n\n  // Memoize tooltip title content\n  const tooltipTitle = React.useMemo(() => {\n    if (!isSimpleContent) {\n      return children;\n    }\n    return (\n      <Flex align=\"center\" gap={8} className={styles.tooltipContent}>\n        <span className={styles.tooltipText}>{children}</span>\n        <CopyOutlined onClick={handleCopy} className={styles.copyIcon} title={t('creek-table.components.EllipsisTooltip.fuZhi', '复制')} />\n      </Flex>\n    );\n  }, [children, isSimpleContent]);\n\n  return (\n    <Tooltip title={isEllipsis ? tooltipTitle : undefined} placement=\"topLeft\" mouseLeaveDelay={0.2} getPopupContainer={() => document.body}>\n      <div ref={textRef} className={styles.text}>\n        <Typography.Text ellipsis={true}>{children}</Typography.Text>\n      </div>\n    </Tooltip>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAC7B,kBAAmE;AACnE,wBAA6B;AAC7B,mBAA+D;AAE/D,kBAAqB;AAgGf;AA9FN,IAAM,gBAAY,gCAAa,CAAC,EAAE,KAAK,MAAM,MAAM;AACjD,SAAO;AAAA,IACL,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQN,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKhB,aAAa;AAAA;AAAA;AAAA;AAAA,IAIb,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMG,MAAM;AAAA;AAAA;AAAA,EAGrB;AACF,CAAC;AAOM,IAAM,kBAAkB,CAAC,EAAE,SAAS,MAAqC;AAC9E,QAAM,QAAI,kBAAK;AAEf,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,QAAM,EAAE,aAAa,QAAI,yBAAW,2BAAe,aAAa;AAChE,QAAM,cAAU,qBAAuB,IAAI;AAC3C,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAClD,QAAM,kBAAkB,OAAO,aAAa,YAAY,OAAO,aAAa;AAE5E,8BAAU,MAAM;AACd,UAAM,gBAAgB,MAAM;AAC1B,UAAI,QAAQ,SAAS;AACnB,cAAM,YAAY,aAAa,YAAY;AAE3C,cAAM,eAAe,QAAQ,QAAQ,cAAc,IAAI,WAAW;AAClE,YAAI,cAAc;AAIhB,wBAAc,aAAa,cAAc,aAAa,cAAc,CAAC;AAAA,QACvE;AAAA,MACF;AAAA,IACF;AAGA,kBAAc;AAEd,UAAM,WAAW,IAAI,eAAe,aAAa;AACjD,QAAI,QAAQ,SAAS;AACnB,eAAS,QAAQ,QAAQ,OAAO;AAAA,IAClC;AAEA,WAAO,MAAM;AACX,eAAS,WAAW;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,OAAO,OAAO,QAAQ;AAE5B,QAAM,aAAa,CAAC,MAAwB;AAC1C,MAAE,gBAAgB;AAClB,MAAE,eAAe;AACjB,cAAU,UACP,UAAU,IAAI,EACd,KAAK,MAAM;AACV,0BAAQ,QAAQ,EAAE,yDAAyD,MAAM,CAAC;AAAA,IACpF,CAAC,EACA,MAAM,MAAM;AACX,0BAAQ,MAAM,EAAE,sDAAsD,MAAM,CAAC;AAAA,IAC/E,CAAC;AAAA,EACL;AAGA,QAAM,eAAe,aAAAA,QAAM,QAAQ,MAAM;AACvC,QAAI,CAAC,iBAAiB;AACpB,aAAO;AAAA,IACT;AACA,WACE,6CAAC,oBAAK,OAAM,UAAS,KAAK,GAAG,WAAW,OAAO,gBAC7C;AAAA,kDAAC,UAAK,WAAW,OAAO,aAAc,UAAS;AAAA,MAC/C,4CAAC,6BAAa,SAAS,YAAY,WAAW,OAAO,UAAU,OAAO,EAAE,gDAAgD,IAAI,GAAG;AAAA,OACjI;AAAA,EAEJ,GAAG,CAAC,UAAU,eAAe,CAAC;AAE9B,SACE,4CAAC,uBAAQ,OAAO,aAAa,eAAe,QAAW,WAAU,WAAU,iBAAiB,KAAK,mBAAmB,MAAM,SAAS,MACjI,sDAAC,SAAI,KAAK,SAAS,WAAW,OAAO,MACnC,sDAAC,uBAAW,MAAX,EAAgB,UAAU,MAAO,UAAS,GAC7C,GACF;AAEJ;",
+  "names": ["React"]
+}

package/dist/creek-table/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DensityIcon';
+export * from './EllipsisTooltip';

package/dist/creek-table/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/creek-table/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}

package/dist/creek-table/components/index.js

@@ -0,0 +1,26 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/creek-table/components/index.tsx
+var components_exports = {};
+module.exports = __toCommonJS(components_exports);
+__reExport(components_exports, require("./DensityIcon"), module.exports);
+__reExport(components_exports, require("./EllipsisTooltip"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./DensityIcon"),
+  ...require("./EllipsisTooltip")
+});
+//# sourceMappingURL=index.js.map

package/dist/creek-table/components/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/creek-table/components/index.tsx"],
+  "sourcesContent": ["export * from './DensityIcon';\nexport * from './EllipsisTooltip';\n\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,0BAAd;AACA,+BAAc,8BADd;",
+  "names": []
+}

package/dist/creek-table/hooks/index.d.ts

@@ -1,4 +1,9 @@
 export * from './useAdaptiveToolBar';
 export * from './useAutoWidthColumns';
 export * from './useElementDistance';
+export * from './useEllipsisColumns';
+export * from './useIndexColumn';
+export * from './useResizableColumns';
+export * from './useStatusColumns';
+export * from './useTableOptions';
 export * from './useTableScrollHeight';

package/dist/creek-table/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/creek-table/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/creek-table/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC"}

package/dist/creek-table/hooks/index.js

@@ -19,12 +19,22 @@ module.exports = __toCommonJS(hooks_exports);
 __reExport(hooks_exports, require("./useAdaptiveToolBar"), module.exports);
 __reExport(hooks_exports, require("./useAutoWidthColumns"), module.exports);
 __reExport(hooks_exports, require("./useElementDistance"), module.exports);
+__reExport(hooks_exports, require("./useEllipsisColumns"), module.exports);
+__reExport(hooks_exports, require("./useIndexColumn"), module.exports);
+__reExport(hooks_exports, require("./useResizableColumns"), module.exports);
+__reExport(hooks_exports, require("./useStatusColumns"), module.exports);
+__reExport(hooks_exports, require("./useTableOptions"), module.exports);
 __reExport(hooks_exports, require("./useTableScrollHeight"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./useAdaptiveToolBar"),
   ...require("./useAutoWidthColumns"),
   ...require("./useElementDistance"),
+  ...require("./useEllipsisColumns"),
+  ...require("./useIndexColumn"),
+  ...require("./useResizableColumns"),
+  ...require("./useStatusColumns"),
+  ...require("./useTableOptions"),
   ...require("./useTableScrollHeight")
 });
 //# sourceMappingURL=index.js.map

package/dist/creek-table/hooks/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/creek-table/hooks/index.ts"],
-  "sourcesContent": ["export * from './useAdaptiveToolBar';\nexport * from './useAutoWidthColumns';\nexport * from './useElementDistance';\nexport * from './useTableScrollHeight';\n\n\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,iCAAd;AACA,0BAAc,kCADd;AAEA,0BAAc,iCAFd;AAGA,0BAAc,mCAHd;",
+  "sourcesContent": ["export * from './useAdaptiveToolBar';\nexport * from './useAutoWidthColumns';\nexport * from './useElementDistance';\nexport * from './useEllipsisColumns';\nexport * from './useIndexColumn';\nexport * from './useResizableColumns';\nexport * from './useStatusColumns';\nexport * from './useTableOptions';\nexport * from './useTableScrollHeight';\n\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,iCAAd;AACA,0BAAc,kCADd;AAEA,0BAAc,iCAFd;AAGA,0BAAc,iCAHd;AAIA,0BAAc,6BAJd;AAKA,0BAAc,kCALd;AAMA,0BAAc,+BANd;AAOA,0BAAc,8BAPd;AAQA,0BAAc,mCARd;",
   "names": []
 }