@creekjs/web-components 1.0.4 → 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-layout/HeaderContent/FullScreen.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/creek-layout/HeaderContent/FullScreen.tsx"],
-  "sourcesContent": ["import { FullscreenExitOutlined, FullscreenOutlined } from \"@ant-design/icons\";\nimport { useFullscreen, useMemoizedFn } from \"ahooks\";\nimport { Tooltip } from \"antd\";\nimport { create } from \"zustand\";\n\nexport type FullScreenStore = {\n  isFullScreen: boolean;\n  changeFullScreen: () => void;\n};\n\nexport const useFullScreenStore = create<FullScreenStore>((set, get) => {\n  return {\n    isFullScreen: false,\n    changeFullScreen: () => {\n      const _isFullScreen = get().isFullScreen;\n      set({\n        isFullScreen: !_isFullScreen,\n      });\n    },\n  };\n});\n\nexport const FullScreen = () => {\n  const [, { toggleFullscreen }] = useFullscreen(document.body);\n\n  const { isFullScreen, changeFullScreen } = useFullScreenStore.getState();\n\n  const handleFullScreen = useMemoizedFn(() => {\n    toggleFullscreen();\n    changeFullScreen();\n  });\n\n  return (\n    <>\n      {isFullScreen ? (\n        <Tooltip title=\"退出全屏\" placement=\"top\">\n          <FullscreenExitOutlined onClick={handleFullScreen} />\n        </Tooltip>\n      ) : (\n        <Tooltip title=\"全屏\" placement=\"top\">\n          <FullscreenOutlined onClick={handleFullScreen} />\n        </Tooltip>\n      )}\n    </>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2D;AAC3D,oBAA6C;AAC7C,kBAAwB;AACxB,qBAAuB;AA8BnB;AAvBG,IAAM,yBAAqB,uBAAwB,CAAC,KAAK,QAAQ;AACtE,SAAO;AAAA,IACL,cAAc;AAAA,IACd,kBAAkB,MAAM;AACtB,YAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAI;AAAA,QACF,cAAc,CAAC;AAAA,MACjB,CAAC;AAAA,IACH;AAAA,EACF;AACF,CAAC;AAEM,IAAM,aAAa,MAAM;AAC9B,QAAM,CAAC,EAAE,EAAE,iBAAiB,CAAC,QAAI,6BAAc,SAAS,IAAI;AAE5D,QAAM,EAAE,cAAc,iBAAiB,IAAI,mBAAmB,SAAS;AAEvE,QAAM,uBAAmB,6BAAc,MAAM;AAC3C,qBAAiB;AACjB,qBAAiB;AAAA,EACnB,CAAC;AAED,SACE,2EACG,yBACC,4CAAC,uBAAQ,OAAM,QAAO,WAAU,OAC9B,sDAAC,uCAAuB,SAAS,kBAAkB,GACrD,IAEA,4CAAC,uBAAQ,OAAM,MAAK,WAAU,OAC5B,sDAAC,mCAAmB,SAAS,kBAAkB,GACjD,GAEJ;AAEJ;",
-  "names": []
-}

package/dist/creek-layout/HeaderContent/UserInfo.d.ts

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

package/dist/creek-layout/HeaderContent/UserInfo.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/creek-layout/HeaderContent/UserInfo.tsx"],
-  "sourcesContent": ["import { LogoutOutlined } from \"@ant-design/icons\";\nimport { Avatar, Dropdown, DropDownProps, Space } from \"antd\";\nimport { createStyles } from \"antd-style\";\n\nconst useStyles = createStyles(({ token }) => ({\n  avatarContainer: {\n    backgroundColor: token.colorPrimary,\n    width: 24,\n    height: 24,\n  },\n  userInfoDropdownOverlay: {\n    \".ant-dropdown-menu\": {\n      padding: \"8px 0\",\n    },\n    \".ant-dropdown-menu-item\": {\n      \".ant-dropdown-menu-item-icon\": {\n        fontSize: \"18px\",\n        marginRight: \"8px\",\n      },\n    },\n  },\n}));\n\nexport const UserInfo = () => {\n  const { styles } = useStyles();\n\n  const userInfoMenu: DropDownProps[\"menu\"] = {\n    items: [\n      {\n        key: \"logout\",\n        label: (\n          <Space size={8}>\n            <LogoutOutlined />\n            <span>退出登录</span>\n          </Space>\n        ),\n        onClick: () => {},\n      },\n    ],\n  };\n  return (\n    <Dropdown\n      arrow\n      placement=\"bottom\"\n      overlayClassName={styles.userInfoDropdownOverlay}\n      menu={userInfoMenu}\n    >\n      <Space size={4} align=\"center\">\n        <Avatar className={styles.avatarContainer}>C</Avatar>\n        <span>Creek</span>\n      </Space>\n    </Dropdown>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,kBAAuD;AACvD,wBAA6B;AA6BnB;AA3BV,IAAM,gBAAY,gCAAa,CAAC,EAAE,MAAM,OAAO;AAAA,EAC7C,iBAAiB;AAAA,IACf,iBAAiB,MAAM;AAAA,IACvB,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,yBAAyB;AAAA,IACvB,sBAAsB;AAAA,MACpB,SAAS;AAAA,IACX;AAAA,IACA,2BAA2B;AAAA,MACzB,gCAAgC;AAAA,QAC9B,UAAU;AAAA,QACV,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF,EAAE;AAEK,IAAM,WAAW,MAAM;AAC5B,QAAM,EAAE,OAAO,IAAI,UAAU;AAE7B,QAAM,eAAsC;AAAA,IAC1C,OAAO;AAAA,MACL;AAAA,QACE,KAAK;AAAA,QACL,OACE,6CAAC,qBAAM,MAAM,GACX;AAAA,sDAAC,+BAAe;AAAA,UAChB,4CAAC,UAAK,kBAAI;AAAA,WACZ;AAAA,QAEF,SAAS,MAAM;AAAA,QAAC;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAK;AAAA,MACL,WAAU;AAAA,MACV,kBAAkB,OAAO;AAAA,MACzB,MAAM;AAAA,MAEN,uDAAC,qBAAM,MAAM,GAAG,OAAM,UACpB;AAAA,oDAAC,sBAAO,WAAW,OAAO,iBAAiB,eAAC;AAAA,QAC5C,4CAAC,UAAK,mBAAK;AAAA,SACb;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
-}

package/dist/creek-layout/HeaderContent/index.d.ts

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

package/dist/creek-layout/HeaderContent/index.js

@@ -1,49 +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-layout/HeaderContent/index.tsx
-var HeaderContent_exports = {};
-__export(HeaderContent_exports, {
-  HeaderContent: () => HeaderContent
-});
-module.exports = __toCommonJS(HeaderContent_exports);
-var import_antd = require("antd");
-var import_antd_style = require("antd-style");
-var import_FullScreen = require("./FullScreen");
-var import_UserInfo = require("./UserInfo");
-var import_jsx_runtime = require("react/jsx-runtime");
-var useStyles = (0, import_antd_style.createStyles)(({}) => ({
-  dividerContainer: {
-    backgroundColor: "#9b9999"
-  }
-}));
-var HeaderContent = () => {
-  const { styles } = useStyles();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { justify: "space-between", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { split: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Divider, { type: "vertical", className: styles.dividerContainer }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FullScreen.FullScreen, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_UserInfo.UserInfo, {})
-    ] })
-  ] });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  HeaderContent
-});
-//# sourceMappingURL=index.js.map

package/dist/creek-layout/HeaderContent/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/creek-layout/HeaderContent/index.tsx"],
-  "sourcesContent": ["import { Divider, Flex, Space } from 'antd';\nimport { createStyles } from 'antd-style';\n\nimport { FullScreen } from './FullScreen';\nimport { UserInfo } from './UserInfo';\n\nconst useStyles = createStyles(({}) => ({\n  dividerContainer: {\n    backgroundColor: '#9b9999',\n  },\n}));\n\nexport const HeaderContent = () => {\n  const { styles } = useStyles();\n  return (\n    <Flex justify=\"space-between\">\n      <span />\n      <Space split={<Divider type=\"vertical\" className={styles.dividerContainer} />}>\n        <FullScreen />\n        <UserInfo />\n      </Space>\n    </Flex>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqC;AACrC,wBAA6B;AAE7B,wBAA2B;AAC3B,sBAAyB;AAYnB;AAVN,IAAM,gBAAY,gCAAa,CAAC,CAAC,OAAO;AAAA,EACtC,kBAAkB;AAAA,IAChB,iBAAiB;AAAA,EACnB;AACF,EAAE;AAEK,IAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,SACE,6CAAC,oBAAK,SAAQ,iBACZ;AAAA,gDAAC,UAAK;AAAA,IACN,6CAAC,qBAAM,OAAO,4CAAC,uBAAQ,MAAK,YAAW,WAAW,OAAO,kBAAkB,GACzE;AAAA,kDAAC,gCAAW;AAAA,MACZ,4CAAC,4BAAS;AAAA,OACZ;AAAA,KACF;AAEJ;",
-  "names": []
-}

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.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.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-layout/HeaderContent/UserInfo.tsx

@@ -1,54 +0,0 @@
-import { LogoutOutlined } from "@ant-design/icons";
-import { Avatar, Dropdown, DropDownProps, Space } from "antd";
-import { createStyles } from "antd-style";
-
-const useStyles = createStyles(({ token }) => ({
-  avatarContainer: {
-    backgroundColor: token.colorPrimary,
-    width: 24,
-    height: 24,
-  },
-  userInfoDropdownOverlay: {
-    ".ant-dropdown-menu": {
-      padding: "8px 0",
-    },
-    ".ant-dropdown-menu-item": {
-      ".ant-dropdown-menu-item-icon": {
-        fontSize: "18px",
-        marginRight: "8px",
-      },
-    },
-  },
-}));
-
-export const UserInfo = () => {
-  const { styles } = useStyles();
-
-  const userInfoMenu: DropDownProps["menu"] = {
-    items: [
-      {
-        key: "logout",
-        label: (
-          <Space size={8}>
-            <LogoutOutlined />
-            <span>退出登录</span>
-          </Space>
-        ),
-        onClick: () => {},
-      },
-    ],
-  };
-  return (
-    <Dropdown
-      arrow
-      placement="bottom"
-      overlayClassName={styles.userInfoDropdownOverlay}
-      menu={userInfoMenu}
-    >
-      <Space size={4} align="center">
-        <Avatar className={styles.avatarContainer}>C</Avatar>
-        <span>Creek</span>
-      </Space>
-    </Dropdown>
-  );
-};

package/src/creek-layout/HeaderContent/index.tsx

@@ -1,24 +0,0 @@
-import { Divider, Flex, Space } from 'antd';
-import { createStyles } from 'antd-style';
-
-import { FullScreen } from './FullScreen';
-import { UserInfo } from './UserInfo';
-
-const useStyles = createStyles(({}) => ({
-  dividerContainer: {
-    backgroundColor: '#9b9999',
-  },
-}));
-
-export const HeaderContent = () => {
-  const { styles } = useStyles();
-  return (
-    <Flex justify="space-between">
-      <span />
-      <Space split={<Divider type="vertical" className={styles.dividerContainer} />}>
-        <FullScreen />
-        <UserInfo />
-      </Space>
-    </Flex>
-  );
-};

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>,
-  ];
-};