@creekjs/web-components 1.0.5 → 1.0.7

package/dist/creek-layout/useLayoutSettingsStore.js

@@ -0,0 +1,45 @@
+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-layout/useLayoutSettingsStore.ts
+var useLayoutSettingsStore_exports = {};
+__export(useLayoutSettingsStore_exports, {
+  useLayoutSettingsStore: () => useLayoutSettingsStore
+});
+module.exports = __toCommonJS(useLayoutSettingsStore_exports);
+var import_zustand = require("zustand");
+var import_middleware = require("zustand/middleware");
+var useLayoutSettingsStore = (0, import_zustand.create)()(
+  (0, import_middleware.persist)(
+    (set) => ({
+      colorPrimary: void 0,
+      showFullScreen: true,
+      showLocaleButton: true,
+      keepAlive: true,
+      setSettings: (settings) => set((state) => ({ ...state, ...settings }))
+    }),
+    {
+      name: "creek-layout-settings"
+    }
+  )
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useLayoutSettingsStore
+});
+//# sourceMappingURL=useLayoutSettingsStore.js.map

package/dist/creek-layout/useLayoutSettingsStore.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-layout/useLayoutSettingsStore.ts"],
+  "sourcesContent": ["import { create } from 'zustand';\nimport { persist } from 'zustand/middleware';\n\nexport type LayoutSettingsStore = {\n  colorPrimary?: string;\n  showFullScreen?: boolean;\n  showLocaleButton?: boolean;\n  keepAlive?: boolean;\n  setSettings: (settings: Partial<LayoutSettingsStore>) => void;\n};\n\nexport const useLayoutSettingsStore = create<LayoutSettingsStore>()(\n  persist(\n    (set) => ({\n      colorPrimary: undefined,\n      showFullScreen: true,\n      showLocaleButton: true,\n      keepAlive: true,\n      setSettings: (settings) => set((state) => ({ ...state, ...settings })),\n    }),\n    {\n      name: 'creek-layout-settings',\n    }\n  )\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAuB;AACvB,wBAAwB;AAUjB,IAAM,6BAAyB,uBAA4B;AAAA,MAChE;AAAA,IACE,CAAC,SAAS;AAAA,MACR,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,WAAW;AAAA,MACX,aAAa,CAAC,aAAa,IAAI,CAAC,WAAW,EAAE,GAAG,OAAO,GAAG,SAAS,EAAE;AAAA,IACvE;AAAA,IACA;AAAA,MACE,MAAM;AAAA,IACR;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/creek-locale-button/index.d.ts

@@ -0,0 +1 @@
+export declare const CreekLocaleButton: () => import("react/jsx-runtime").JSX.Element;

package/dist/creek-locale-button/index.js

@@ -0,0 +1,66 @@
+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-locale-button/index.tsx
+var creek_locale_button_exports = {};
+__export(creek_locale_button_exports, {
+  CreekLocaleButton: () => CreekLocaleButton
+});
+module.exports = __toCommonJS(creek_locale_button_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_react = require("@creekjs/i18n/react");
+var import_creek_config_provider = require("../creek-config-provider");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CreekLocaleButton = () => {
+  var _a;
+  const t = (0, import_react.useT)();
+  const { locale, changeLocale } = (0, import_creek_config_provider.useAppLocale)();
+  const items = [
+    {
+      key: "zh-CN",
+      label: t("creek-locale-button.index.jianTiZhongWen", "简体中文"),
+      disabled: locale === "zh-CN"
+    },
+    {
+      key: "en-US",
+      label: "English",
+      disabled: locale === "en-US"
+    }
+  ];
+  const currentLabel = ((_a = items.find((item) => item.key === locale)) == null ? void 0 : _a.label) || "Language";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.Dropdown,
+    {
+      menu: {
+        items,
+        onClick: (e) => changeLocale(e.key)
+      },
+      placement: "bottomRight",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: "small", align: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.GlobalOutlined, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Typography.Text, { children: currentLabel })
+      ] })
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreekLocaleButton
+});
+//# sourceMappingURL=index.js.map

package/dist/creek-locale-button/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-locale-button/index.tsx"],
+  "sourcesContent": ["import { GlobalOutlined } from '@ant-design/icons';\nimport { Dropdown, Space, Typography } from 'antd';\n\nimport { useT } from '@creekjs/i18n/react';\n\nimport { useAppLocale } from '../creek-config-provider';\n\nexport const CreekLocaleButton = () => {\n  const t = useT();\n\n  const { locale, changeLocale } = useAppLocale();\n\n  const items = [\n    {\n      key: 'zh-CN',\n      label: t('creek-locale-button.index.jianTiZhongWen', '简体中文'),\n      disabled: locale === 'zh-CN',\n    },\n    {\n      key: 'en-US',\n      label: 'English',\n      disabled: locale === 'en-US',\n    },\n  ];\n\n  const currentLabel = items.find((item) => item.key === locale)?.label || 'Language';\n\n  return (\n    <Dropdown\n      menu={{\n        items,\n        onClick: (e) => changeLocale(e.key),\n      }}\n      placement=\"bottomRight\"\n    >\n      <Space size=\"small\" align=\"center\">\n        <GlobalOutlined />\n        <Typography.Text>{currentLabel}</Typography.Text>\n      </Space>\n    </Dropdown>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,kBAA4C;AAE5C,mBAAqB;AAErB,mCAA6B;AA8BvB;AA5BC,IAAM,oBAAoB,MAAM;AAPvC;AAQE,QAAM,QAAI,mBAAK;AAEf,QAAM,EAAE,QAAQ,aAAa,QAAI,2CAAa;AAE9C,QAAM,QAAQ;AAAA,IACZ;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,4CAA4C,MAAM;AAAA,MAC3D,UAAU,WAAW;AAAA,IACvB;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,UAAU,WAAW;AAAA,IACvB;AAAA,EACF;AAEA,QAAM,iBAAe,WAAM,KAAK,CAAC,SAAS,KAAK,QAAQ,MAAM,MAAxC,mBAA2C,UAAS;AAEzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,QACJ;AAAA,QACA,SAAS,CAAC,MAAM,aAAa,EAAE,GAAG;AAAA,MACpC;AAAA,MACA,WAAU;AAAA,MAEV,uDAAC,qBAAM,MAAK,SAAQ,OAAM,UACxB;AAAA,oDAAC,+BAAe;AAAA,QAChB,4CAAC,uBAAW,MAAX,EAAiB,wBAAa;AAAA,SACjC;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/creek-page-container/index.d.ts

@@ -0,0 +1,4 @@
+import { PageContainerProps } from '@ant-design/pro-components';
+import React from 'react';
+export type CreekPageContainerProps = PageContainerProps;
+export declare const CreekPageContainer: React.FC<CreekPageContainerProps>;

package/dist/creek-page-container/index.js

@@ -0,0 +1,68 @@
+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-page-container/index.tsx
+var creek_page_container_exports = {};
+__export(creek_page_container_exports, {
+  CreekPageContainer: () => CreekPageContainer
+});
+module.exports = __toCommonJS(creek_page_container_exports);
+var import_pro_components = require("@ant-design/pro-components");
+var import_antd_style = require("antd-style");
+var import_classnames = __toESM(require("classnames"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var useStyles = (0, import_antd_style.createStyles)(({ token }) => ({
+  container: {
+    padding: token.padding
+  }
+}));
+var CreekPageContainer = (props) => {
+  const { header, className, children, ...rest } = props;
+  const { styles } = useStyles();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_pro_components.PageContainer,
+    {
+      header: {
+        title: null,
+        // 默认没有标题
+        breadcrumb: {},
+        // 保留面包屑配置能力
+        ...header
+        // 允许外部覆盖
+      },
+      className: (0, import_classnames.default)(styles.container, className),
+      ...rest,
+      children
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreekPageContainer
+});
+//# sourceMappingURL=index.js.map

package/dist/creek-page-container/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-page-container/index.tsx"],
+  "sourcesContent": ["import { PageContainer, PageContainerProps } from '@ant-design/pro-components';\nimport { createStyles } from 'antd-style';\nimport React from 'react';\n\nimport classnames from 'classnames';\n\nconst useStyles = createStyles(({ token }) => ({\n  container: {\n    padding: token.padding,\n  },\n}));\n\nexport type CreekPageContainerProps = PageContainerProps;\n\nexport const CreekPageContainer: React.FC<CreekPageContainerProps> = (props) => {\n  const { header, className, children, ...rest } = props;\n  const { styles } = useStyles();\n\n  return (\n    <PageContainer\n      header={{\n        title: null, // 默认没有标题\n        breadcrumb: {}, // 保留面包屑配置能力\n        ...header, // 允许外部覆盖\n      }}\n      className={classnames(styles.container, className)}\n      {...rest}\n    >\n      {children}\n    </PageContainer>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAkD;AAClD,wBAA6B;AAG7B,wBAAuB;AAenB;AAbJ,IAAM,gBAAY,gCAAa,CAAC,EAAE,MAAM,OAAO;AAAA,EAC7C,WAAW;AAAA,IACT,SAAS,MAAM;AAAA,EACjB;AACF,EAAE;AAIK,IAAM,qBAAwD,CAAC,UAAU;AAC9E,QAAM,EAAE,QAAQ,WAAW,UAAU,GAAG,KAAK,IAAI;AACjD,QAAM,EAAE,OAAO,IAAI,UAAU;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,QACN,OAAO;AAAA;AAAA,QACP,YAAY,CAAC;AAAA;AAAA,QACb,GAAG;AAAA;AAAA,MACL;AAAA,MACA,eAAW,kBAAAA,SAAW,OAAO,WAAW,SAAS;AAAA,MAChD,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;",
+  "names": ["classnames"]
+}

package/dist/creek-style/index.d.ts

@@ -0,0 +1 @@
+export * from './scrollbar';

package/dist/creek-style/index.js

@@ -0,0 +1,24 @@
+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-style/index.ts
+var creek_style_exports = {};
+module.exports = __toCommonJS(creek_style_exports);
+__reExport(creek_style_exports, require("./scrollbar"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./scrollbar")
+});
+//# sourceMappingURL=index.js.map

package/dist/creek-style/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-style/index.ts"],
+  "sourcesContent": ["export * from './scrollbar';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,gCAAc,wBAAd;",
+  "names": []
+}

package/dist/creek-style/scrollbar.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const GlobalScrollbarStyle: import("react").NamedExoticComponent<object>;

package/dist/creek-style/scrollbar.js

@@ -0,0 +1,55 @@
+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-style/scrollbar.ts
+var scrollbar_exports = {};
+__export(scrollbar_exports, {
+  GlobalScrollbarStyle: () => GlobalScrollbarStyle
+});
+module.exports = __toCommonJS(scrollbar_exports);
+var import_antd_style = require("antd-style");
+var GlobalScrollbarStyle = (0, import_antd_style.createGlobalStyle)(({ theme: token }) => {
+  return {
+    "*": {
+      scrollbarWidth: "auto",
+      scrollbarColor: `${token.colorFillSecondary} transparent !important`
+    },
+    /* Webkit (Chrome, Safari, Edge) 滚动条样式 */
+    "& *::-webkit-scrollbar": {
+      width: "6px !important",
+      height: "6px !important",
+      backgroundColor: "transparent !important"
+    },
+    "& *::-webkit-scrollbar-thumb": {
+      backgroundColor: `${token.colorFillSecondary} !important`,
+      borderRadius: "3px !important",
+      transition: "all 0.3s",
+      "&:hover": {
+        backgroundColor: `${token.colorFill} !important`
+      }
+    },
+    "& *::-webkit-scrollbar-track": {
+      backgroundColor: "transparent !important"
+    }
+  };
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GlobalScrollbarStyle
+});
+//# sourceMappingURL=scrollbar.js.map

package/dist/creek-style/scrollbar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-style/scrollbar.ts"],
+  "sourcesContent": ["import { createGlobalStyle } from 'antd-style';\n\nexport const GlobalScrollbarStyle = createGlobalStyle(({ theme: token }) => {\n  return {\n    '*': {\n      scrollbarWidth: 'auto',\n      scrollbarColor: `${token.colorFillSecondary} transparent !important`,\n    },\n    /* Webkit (Chrome, Safari, Edge) 滚动条样式 */\n    '& *::-webkit-scrollbar': {\n      width: '6px !important',\n      height: '6px !important',\n      backgroundColor: 'transparent !important',\n    },\n\n    '& *::-webkit-scrollbar-thumb': {\n      backgroundColor: `${token.colorFillSecondary} !important`,\n      borderRadius: '3px !important',\n      transition: 'all 0.3s',\n      '&:hover': {\n        backgroundColor: `${token.colorFill} !important`,\n      },\n    },\n\n    '& *::-webkit-scrollbar-track': {\n      backgroundColor: 'transparent !important',\n    },\n  };\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAkC;AAE3B,IAAM,2BAAuB,qCAAkB,CAAC,EAAE,OAAO,MAAM,MAAM;AAC1E,SAAO;AAAA,IACL,KAAK;AAAA,MACH,gBAAgB;AAAA,MAChB,gBAAgB,GAAG,MAAM;AAAA,IAC3B;AAAA;AAAA,IAEA,0BAA0B;AAAA,MACxB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,iBAAiB;AAAA,IACnB;AAAA,IAEA,gCAAgC;AAAA,MAC9B,iBAAiB,GAAG,MAAM;AAAA,MAC1B,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,iBAAiB,GAAG,MAAM;AAAA,MAC5B;AAAA,IACF;AAAA,IAEA,gCAAgC;AAAA,MAC9B,iBAAiB;AAAA,IACnB;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

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

@@ -1,3 +1,12 @@
 import { ParamsType } from '@ant-design/pro-components';
 import { CreekTableProps } from './type';
+export type SearchTableStyleOptions = {
+    prefixCls?: string;
+    scrollY?: number;
+    tableContainerHeight?: number;
+    tableHeight?: number;
+    bordered?: boolean;
+    hasHeaderTitle?: boolean;
+    hasScroll?: boolean;
+};
 export declare const SearchProTable: <T extends ParamsType, U extends ParamsType, ValueType = "text">(props: CreekTableProps<T, U, ValueType>) => import("react/jsx-runtime").JSX.Element;

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 {};