@donglegeyu/company-ui 1.2.26 → 1.2.27

package/dist/cjs/basic-components/CompanyUpload/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { UploadProps } from "antd";
-export declare const CompanyUpload: React.ForwardRefExoticComponent<UploadProps<any> & React.RefAttributes<import("antd/es/upload").UploadRef<any>>> & {
+declare const CompanyUpload: React.ForwardRefExoticComponent<UploadProps<any> & React.RefAttributes<import("antd/es/upload").UploadRef<any>>> & {
     <U extends any>(props: UploadProps<U> & {
         children?: React.ReactNode;
     } & React.RefAttributes<import("antd/es/upload").UploadRef<U>>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
@@ -11,3 +11,4 @@ export declare const CompanyUpload: React.ForwardRefExoticComponent<UploadProps<
     };
     LIST_IGNORE: string;
 };
+export { CompanyUpload };

package/dist/cjs/basic-components/CompanyUpload/index.js

@@ -28,6 +28,10 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var CompanyUpload = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Upload, { ...props }) });
 };
+CompanyUpload.Dragger = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Upload.Dragger, { ...props }) });
+};
+CompanyUpload.LIST_IGNORE = import_antd.Upload.LIST_IGNORE;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CompanyUpload

package/dist/cjs/template-components/SmartListTemplate/index.js

@@ -245,18 +245,31 @@ function SmartListTemplate({
       visibleFieldDefs = fields.filter((field) => field.key !== "action");
     }
     const regularColumns = visibleFieldDefs.map(
-      (field) => ({
-        title: field.label,
-        dataIndex: field.key,
-        key: field.key,
-        width: field.width || 120,
-        fixed: field.fixed,
-        ellipsis: field.ellipsis !== false,
-        render: bodyCell ? (_, record) => {
-          const result = bodyCell({ ...field, key: field.key }, record);
-          return result !== null ? result : record[field.key];
-        } : void 0
-      })
+      (field) => {
+        const enableEllipsis = field.ellipsis !== false;
+        return {
+          title: field.label,
+          dataIndex: field.key,
+          key: field.key,
+          width: field.width || 120,
+          fixed: field.fixed,
+          ellipsis: enableEllipsis,
+          render: (_, record) => {
+            const customContent = bodyCell ? bodyCell(
+              { ...field, key: field.key },
+              record
+            ) : null;
+            if (customContent !== null) {
+              return customContent;
+            }
+            const text = record[field.key];
+            if (!enableEllipsis || text === null || text === void 0) {
+              return text;
+            }
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_shared_components.EllipsisText, { children: text });
+          }
+        };
+      }
     );
     if (actionField) {
       regularColumns.push({

package/dist/cjs/template-components/StatisticsListPage/index.d.ts

@@ -58,12 +58,23 @@ export interface StatisticsListPageProps<T = Record<string, unknown>> {
     statisticCards?: StatisticCardConfig[];
     /** 顶部搜索框占位符 */
     searchPlaceholder?: string;
+    /** 顶部搜索框宽度 */
+    searchWidth?: number | string;
     /** 顶部搜索对应字段 key（提交到 fetchData 的参数名） */
     searchKey?: string;
     /** 高级筛选字段（抽屉内） */
     filterFields?: StatisticsFilterField[];
     /** 表格列配置 */
     columns: StatisticsColumn<T>[];
+    /** 操作列配置：传入后自动在表格右侧追加操作列（固定右侧） */
+    actionColumn?: {
+        /** 操作列宽度 */
+        width?: number;
+        /** 操作列标题 */
+        title?: string;
+        /** 操作列渲染函数 */
+        render: (record: T, index: number) => ReactNode;
+    };
     /** 数据请求函数 - 严格对齐 PageResponse 契约 */
     fetchData?: (params: Record<string, unknown>) => Promise<PageResponse<T>>;
     /** 默认分页大小 */
@@ -72,6 +83,10 @@ export interface StatisticsListPageProps<T = Record<string, unknown>> {
     rowKey?: string | ((record: T) => string);
     /** 表格尺寸 */
     size?: 'small' | 'middle' | 'large';
+    /** 密度切换回调（不传则组件内部自治管理密度） */
+    onSizeChange?: (size: 'small' | 'middle' | 'large') => void;
+    /** 刷新回调（不传则不显示刷新按钮；传入后点击会用当前 filterParams 触发） */
+    onRefresh?: (filterParams: Record<string, unknown>) => void;
     /** 表格 Y 轴滚动高度（默认自适应视口） */
     scrollY?: string | number;
     /** 表格空状态文案 */

package/dist/cjs/template-components/StatisticsListPage/index.js

@@ -39,6 +39,7 @@ var import_zh_CN = __toESM(require("antd/locale/zh_CN"));
 var import_icons = require("@ant-design/icons");
 var import_basic_components = require("../../basic-components");
 var import_shared_components = require("../../shared-components");
+var import_ColumnSettingsPanel = __toESM(require("../ColumnSettingsPanel"));
 var import_useCompanyToken = require("../../theme/useCompanyToken");
 var import_index = require("./index.scss");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -80,13 +81,17 @@ var StatisticsListPage = (props) => {
     titleActions,
     statisticCards,
     searchPlaceholder = "请输入",
+    searchWidth = 280,
     searchKey = "keyword",
     filterFields = [],
     columns,
+    actionColumn,
     fetchData,
     defaultPageSize = 20,
     rowKey = "id",
     size = "middle",
+    onSizeChange,
+    onRefresh,
     scrollY = "calc(100vh - 420px)",
     emptyText = "暂无数据",
     toolbarLeftExtra,
@@ -98,6 +103,28 @@ var StatisticsListPage = (props) => {
   const [tempFilters, setTempFilters] = (0, import_react.useState)({});
   const [filterTags, setFilterTags] = (0, import_react.useState)([]);
   const [filterParams, setFilterParams] = (0, import_react.useState)({});
+  const [internalSize, setInternalSize] = (0, import_react.useState)(size);
+  const effectiveSize = onSizeChange ? size : internalSize;
+  const [densityOpen, setDensityOpen] = (0, import_react.useState)(false);
+  const [columnFields, setColumnFields] = (0, import_react.useState)(
+    () => (columns || []).filter((col) => col.key !== "action").map((col) => ({
+      key: col.key,
+      label: col.label,
+      visible: col.visible !== false,
+      width: col.width,
+      fixed: col.fixed
+    }))
+  );
+  const defaultColumnFields = (0, import_react.useMemo)(
+    () => (columns || []).filter((col) => col.key !== "action").map((col) => ({
+      key: col.key,
+      label: col.label,
+      visible: col.visible !== false,
+      width: col.width,
+      fixed: col.fixed
+    })),
+    [columns]
+  );
   const [dataSource, setDataSource] = (0, import_react.useState)([]);
   const [loading, setLoading] = (0, import_react.useState)(false);
   const [pagination, setPagination] = (0, import_react.useState)({
@@ -247,19 +274,88 @@ var StatisticsListPage = (props) => {
     },
     [fetchData, filterParams, searchKey, searchValue]
   );
+  const visibleColumnMap = (0, import_react.useMemo)(() => {
+    const map = /* @__PURE__ */ new Map();
+    columnFields.forEach((f) => map.set(f.key, f.visible));
+    return map;
+  }, [columnFields]);
   const tableColumns = (0, import_react.useMemo)(() => {
-    return (columns || []).filter((col) => col.visible !== false).map((col) => ({
-      key: col.key,
-      dataIndex: col.key,
-      title: col.label,
-      width: col.width,
-      fixed: col.fixed,
-      render: col.render
-    }));
-  }, [columns]);
-  const handleColumnSettingsClick = (0, import_react.useCallback)(() => {
-    import_basic_components.CompanyMessage.info("请在业务侧通过 columns 属性控制列显示/隐藏");
+    const list = (columns || []).filter((col) => {
+      if (col.key === "action")
+        return false;
+      const visible = visibleColumnMap.get(col.key);
+      return visible === void 0 ? col.visible !== false : visible;
+    }).map((col) => {
+      const base = {
+        key: col.key,
+        dataIndex: col.key,
+        title: col.label,
+        width: col.width,
+        fixed: col.fixed
+      };
+      if (col.render) {
+        base.render = col.render;
+      } else {
+        base.ellipsis = false;
+        base.render = (text) => {
+          const content = text === void 0 || text === null ? "--" : String(text);
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_shared_components.EllipsisText, { children: content });
+        };
+      }
+      return base;
+    });
+    if (actionColumn) {
+      list.push({
+        key: "action",
+        title: actionColumn.title || "操作",
+        width: actionColumn.width || 148,
+        fixed: "right",
+        align: "left",
+        onHeaderCell: () => ({ style: { paddingLeft: 24, paddingRight: 16 } }),
+        render: (_, record, index) => actionColumn.render(record, index)
+      });
+    }
+    return list;
+  }, [columns, visibleColumnMap, actionColumn]);
+  const sizeLabels = {
+    small: "紧凑",
+    middle: "默认",
+    large: "宽松"
+  };
+  const densityMenuItems = (0, import_react.useMemo)(
+    () => [
+      { key: "large", label: "宽松" },
+      { key: "middle", label: "默认" },
+      { key: "small", label: "紧凑" }
+    ],
+    []
+  );
+  const handleDensityMenuClick = (0, import_react.useCallback)(
+    (info) => {
+      const next = info.key;
+      if (onSizeChange) {
+        onSizeChange(next);
+      } else {
+        setInternalSize(next);
+      }
+      setDensityOpen(false);
+    },
+    [onSizeChange]
+  );
+  const handleRefresh = (0, import_react.useCallback)(() => {
+    if (onRefresh) {
+      onRefresh(filterParams);
+    } else {
+      setPagination((prev) => ({ ...prev, current: 1 }));
+      loadData();
+    }
+  }, [onRefresh, filterParams, loadData]);
+  const handleColumnSettingsConfirm = (0, import_react.useCallback)((fields) => {
+    setColumnFields(fields);
   }, []);
+  const handleColumnSettingsReset = (0, import_react.useCallback)(() => {
+    setColumnFields(defaultColumnFields);
+  }, [defaultColumnFields]);
   const extraNode = titleExtra ?? titleSuffix;
   const titleExtraNode = extraNode ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "slp-title-extra", children: [
     showTitleExtraDivider && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "slp-divider" }),
@@ -287,7 +383,7 @@ var StatisticsListPage = (props) => {
               value: searchValue,
               onChange: (e) => setSearchValue(e.target.value),
               placeholder: searchPlaceholder,
-              style: { width: 320 },
+              style: { width: searchWidth },
               onPressEnter: handleSearch,
               suffix: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_shared_components.SvgIcon,
@@ -319,12 +415,52 @@ var StatisticsListPage = (props) => {
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "slp-table-header-right", children: [
           toolbarRightExtra,
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_basic_components.CompanyTooltip, { title: "列设置", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "div",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_ColumnSettingsPanel.default,
+            {
+              fields: columnFields,
+              defaultFields: defaultColumnFields,
+              onConfirm: handleColumnSettingsConfirm,
+              onReset: handleColumnSettingsReset,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_basic_components.CompanyTooltip, { title: "列设置", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_basic_components.CompanyButton,
+                {
+                  type: "default",
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_shared_components.SvgIcon, { href: "setting", size: 16 })
+                }
+              ) })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_basic_components.CompanyDropdown,
+            {
+              open: densityOpen,
+              onOpenChange: setDensityOpen,
+              trigger: ["click"],
+              popupRender: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_basic_components.CompanyMenu,
+                {
+                  onClick: handleDensityMenuClick,
+                  items: densityMenuItems,
+                  selectedKeys: [effectiveSize],
+                  style: { minWidth: 80 }
+                }
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_basic_components.CompanyTooltip, { title: `密度：${sizeLabels[effectiveSize]}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_basic_components.CompanyButton,
+                {
+                  type: "default",
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_shared_components.SvgIcon, { href: "density", size: 16 })
+                }
+              ) })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_basic_components.CompanyTooltip, { title: "刷新", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_basic_components.CompanyButton,
             {
-              className: "icon-only-btn",
-              onClick: handleColumnSettingsClick,
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_shared_components.SvgIcon, { href: "setting", size: 16 })
+              type: "default",
+              icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_shared_components.SvgIcon, { href: "refresh", size: 16 }),
+              onClick: handleRefresh
             }
           ) })
         ] })
@@ -353,7 +489,7 @@ var StatisticsListPage = (props) => {
           loading,
           pagination: false,
           rowKey,
-          size,
+          size: effectiveSize,
           scroll: { y: scrollY },
           locale: { emptyText }
         }

package/dist/cjs/template-components/StatisticsListPage/index.scss

@@ -110,25 +110,6 @@
           background: var(--primary-1, #fff1e6);
         }
       }
-
-      .icon-only-btn {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        width: 32px;
-        height: 32px;
-        border: 1px solid var(--color-border, rgba(5, 5, 5, 0.15));
-        border-radius: calc(var(--border-radius-base, 8) * 1px);
-        cursor: pointer;
-        color: var(--color-text-tertiary, rgba(0, 0, 0, 0.45));
-        transition: all var(--motion-duration-fast, 0.2s)
-          var(--motion-ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
-
-        &:hover {
-          background: var(--primary-1, #fff1e6);
-          color: var(--primary-color, #f95914);
-        }
-      }
     }
 
     .slp-filter-tags {

package/dist/es/basic-components/CompanyUpload/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { UploadProps } from "antd";
-export declare const CompanyUpload: React.ForwardRefExoticComponent<UploadProps<any> & React.RefAttributes<import("antd/es/upload").UploadRef<any>>> & {
+declare const CompanyUpload: React.ForwardRefExoticComponent<UploadProps<any> & React.RefAttributes<import("antd/es/upload").UploadRef<any>>> & {
     <U extends any>(props: UploadProps<U> & {
         children?: React.ReactNode;
     } & React.RefAttributes<import("antd/es/upload").UploadRef<U>>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
@@ -11,3 +11,4 @@ export declare const CompanyUpload: React.ForwardRefExoticComponent<UploadProps<
     };
     LIST_IGNORE: string;
 };
+export { CompanyUpload };

package/dist/es/basic-components/CompanyUpload/index.js

@@ -8,9 +8,17 @@ import React from "react";
 import { Upload as AntdUpload, ConfigProvider } from "antd";
 import { companyTheme } from "../../theme";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var CompanyUpload = function CompanyUpload(props) {
+var CompanyUpload = function CompanyUpload(props) {
   return /*#__PURE__*/_jsx(ConfigProvider, {
     theme: companyTheme,
     children: /*#__PURE__*/_jsx(AntdUpload, _objectSpread({}, props))
   });
-};
+};
+CompanyUpload.Dragger = function (props) {
+  return /*#__PURE__*/_jsx(ConfigProvider, {
+    theme: companyTheme,
+    children: /*#__PURE__*/_jsx(AntdUpload.Dragger, _objectSpread({}, props))
+  });
+};
+CompanyUpload.LIST_IGNORE = AntdUpload.LIST_IGNORE;
+export { CompanyUpload };

package/dist/es/template-components/SmartListTemplate/index.js

@@ -22,7 +22,7 @@ import { CompanyTable, CompanyButton, CompanyPagination, CompanyDropdown, Compan
 import { ConfigProvider } from 'antd';
 import zhCN from 'antd/locale/zh_CN';
 import FilterForm from "../FilterForm";
-import { SvgIcon, FilterOptionsDrawer } from "../../shared-components";
+import { SvgIcon, FilterOptionsDrawer, EllipsisText } from "../../shared-components";
 import ColumnSettingsPanel from "../ColumnSettingsPanel";
 import "./index.scss";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -329,19 +329,29 @@ export default function SmartListTemplate(_ref) {
       });
     }
     var regularColumns = visibleFieldDefs.map(function (field) {
+      var enableEllipsis = field.ellipsis !== false;
       return {
         title: field.label,
         dataIndex: field.key,
         key: field.key,
         width: field.width || 120,
         fixed: field.fixed,
-        ellipsis: field.ellipsis !== false,
-        render: bodyCell ? function (_, record) {
-          var result = bodyCell(_objectSpread(_objectSpread({}, field), {}, {
+        ellipsis: enableEllipsis,
+        render: function render(_, record) {
+          var customContent = bodyCell ? bodyCell(_objectSpread(_objectSpread({}, field), {}, {
             key: field.key
-          }), record);
-          return result !== null ? result : record[field.key];
-        } : undefined
+          }), record) : null;
+          if (customContent !== null) {
+            return customContent;
+          }
+          var text = record[field.key];
+          if (!enableEllipsis || text === null || text === undefined) {
+            return text;
+          }
+          return /*#__PURE__*/_jsx(EllipsisText, {
+            children: text
+          });
+        }
       };
     });
     if (actionField) {

package/dist/es/template-components/StatisticsListPage/index.d.ts

@@ -58,12 +58,23 @@ export interface StatisticsListPageProps<T = Record<string, unknown>> {
     statisticCards?: StatisticCardConfig[];
     /** 顶部搜索框占位符 */
     searchPlaceholder?: string;
+    /** 顶部搜索框宽度 */
+    searchWidth?: number | string;
     /** 顶部搜索对应字段 key（提交到 fetchData 的参数名） */
     searchKey?: string;
     /** 高级筛选字段（抽屉内） */
     filterFields?: StatisticsFilterField[];
     /** 表格列配置 */
     columns: StatisticsColumn<T>[];
+    /** 操作列配置：传入后自动在表格右侧追加操作列（固定右侧） */
+    actionColumn?: {
+        /** 操作列宽度 */
+        width?: number;
+        /** 操作列标题 */
+        title?: string;
+        /** 操作列渲染函数 */
+        render: (record: T, index: number) => ReactNode;
+    };
     /** 数据请求函数 - 严格对齐 PageResponse 契约 */
     fetchData?: (params: Record<string, unknown>) => Promise<PageResponse<T>>;
     /** 默认分页大小 */
@@ -72,6 +83,10 @@ export interface StatisticsListPageProps<T = Record<string, unknown>> {
     rowKey?: string | ((record: T) => string);
     /** 表格尺寸 */
     size?: 'small' | 'middle' | 'large';
+    /** 密度切换回调（不传则组件内部自治管理密度） */
+    onSizeChange?: (size: 'small' | 'middle' | 'large') => void;
+    /** 刷新回调（不传则不显示刷新按钮；传入后点击会用当前 filterParams 触发） */
+    onRefresh?: (filterParams: Record<string, unknown>) => void;
     /** 表格 Y 轴滚动高度（默认自适应视口） */
     scrollY?: string | number;
     /** 表格空状态文案 */

package/dist/es/template-components/StatisticsListPage/index.js

@@ -27,8 +27,9 @@ import { useState, useEffect, useCallback, useMemo, Component } from 'react';
 import { Card, Empty, Space, Typography, ConfigProvider } from 'antd';
 import zhCN from 'antd/locale/zh_CN';
 import { FilterOutlined, CloseOutlined, DeleteOutlined } from '@ant-design/icons';
-import { CompanyButton, CompanyInput, CompanySelect, CompanyTable, CompanyPagination, CompanyDrawer, CompanyDatePicker, CompanyTooltip, CompanyMessage, CompanyForm } from "../../basic-components";
-import { PageTitle, SvgIcon } from "../../shared-components";
+import { CompanyButton, CompanyInput, CompanySelect, CompanyTable, CompanyPagination, CompanyDrawer, CompanyDatePicker, CompanyTooltip, CompanyMessage, CompanyForm, CompanyDropdown, CompanyMenu } from "../../basic-components";
+import { PageTitle, SvgIcon, EllipsisText } from "../../shared-components";
+import ColumnSettingsPanel from "../ColumnSettingsPanel";
 import { useCompanyToken } from "../../theme/useCompanyToken";
 import "./index.scss";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -107,11 +108,14 @@ export var StatisticsListPage = function StatisticsListPage(props) {
     statisticCards = props.statisticCards,
     _props$searchPlacehol = props.searchPlaceholder,
     searchPlaceholder = _props$searchPlacehol === void 0 ? '请输入' : _props$searchPlacehol,
+    _props$searchWidth = props.searchWidth,
+    searchWidth = _props$searchWidth === void 0 ? 280 : _props$searchWidth,
     _props$searchKey = props.searchKey,
     searchKey = _props$searchKey === void 0 ? 'keyword' : _props$searchKey,
     _props$filterFields = props.filterFields,
     filterFields = _props$filterFields === void 0 ? [] : _props$filterFields,
     columns = props.columns,
+    actionColumn = props.actionColumn,
     fetchData = props.fetchData,
     _props$defaultPageSiz = props.defaultPageSize,
     defaultPageSize = _props$defaultPageSiz === void 0 ? 20 : _props$defaultPageSiz,
@@ -119,6 +123,8 @@ export var StatisticsListPage = function StatisticsListPage(props) {
     rowKey = _props$rowKey === void 0 ? 'id' : _props$rowKey,
     _props$size = props.size,
     size = _props$size === void 0 ? 'middle' : _props$size,
+    onSizeChange = props.onSizeChange,
+    onRefresh = props.onRefresh,
     _props$scrollY = props.scrollY,
     scrollY = _props$scrollY === void 0 ? 'calc(100vh - 420px)' : _props$scrollY,
     _props$emptyText = props.emptyText,
@@ -151,23 +157,65 @@ export var StatisticsListPage = function StatisticsListPage(props) {
     filterParams = _useState10[0],
     setFilterParams = _useState10[1];
 
-  // 表格数据
-  var _useState11 = useState([]),
+  // 密度切换：受控优先，非受控走内部 state
+  var _useState11 = useState(size),
     _useState12 = _slicedToArray(_useState11, 2),
-    dataSource = _useState12[0],
-    setDataSource = _useState12[1];
+    internalSize = _useState12[0],
+    setInternalSize = _useState12[1];
+  var effectiveSize = onSizeChange ? size : internalSize;
   var _useState13 = useState(false),
     _useState14 = _slicedToArray(_useState13, 2),
-    loading = _useState14[0],
-    setLoading = _useState14[1];
-  var _useState15 = useState({
+    densityOpen = _useState14[0],
+    setDensityOpen = _useState14[1];
+
+  // 列设置：从 columns prop 派生为 ColumnField[]，支持勾选显隐
+  var _useState15 = useState(function () {
+      return (columns || []).filter(function (col) {
+        return col.key !== 'action';
+      }).map(function (col) {
+        return {
+          key: col.key,
+          label: col.label,
+          visible: col.visible !== false,
+          width: col.width,
+          fixed: col.fixed
+        };
+      });
+    }),
+    _useState16 = _slicedToArray(_useState15, 2),
+    columnFields = _useState16[0],
+    setColumnFields = _useState16[1];
+  var defaultColumnFields = useMemo(function () {
+    return (columns || []).filter(function (col) {
+      return col.key !== 'action';
+    }).map(function (col) {
+      return {
+        key: col.key,
+        label: col.label,
+        visible: col.visible !== false,
+        width: col.width,
+        fixed: col.fixed
+      };
+    });
+  }, [columns]);
+
+  // 表格数据
+  var _useState17 = useState([]),
+    _useState18 = _slicedToArray(_useState17, 2),
+    dataSource = _useState18[0],
+    setDataSource = _useState18[1];
+  var _useState19 = useState(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    loading = _useState20[0],
+    setLoading = _useState20[1];
+  var _useState21 = useState({
       current: 1,
       pageSize: defaultPageSize,
       total: 0
     }),
-    _useState16 = _slicedToArray(_useState15, 2),
-    pagination = _useState16[0],
-    setPagination = _useState16[1];
+    _useState22 = _slicedToArray(_useState21, 2),
+    pagination = _useState22[0],
+    setPagination = _useState22[1];
 
   // 加载数据（空指针防御 + try/catch）
   var loadData = useCallback( /*#__PURE__*/function () {
@@ -366,26 +414,114 @@ export var StatisticsListPage = function StatisticsListPage(props) {
     }
   }, [fetchData, filterParams, searchKey, searchValue]);
 
-  // 构造表格列（空指针防御）
+  // 构造表格列（结合列设置 visible 状态 + EllipsisText 接管省略）
+  var visibleColumnMap = useMemo(function () {
+    var map = new Map();
+    columnFields.forEach(function (f) {
+      return map.set(f.key, f.visible);
+    });
+    return map;
+  }, [columnFields]);
   var tableColumns = useMemo(function () {
-    return (columns || []).filter(function (col) {
-      return col.visible !== false;
+    var list = (columns || []).filter(function (col) {
+      if (col.key === 'action') return false;
+      var visible = visibleColumnMap.get(col.key);
+      return visible === undefined ? col.visible !== false : visible;
     }).map(function (col) {
-      return {
+      var base = {
         key: col.key,
         dataIndex: col.key,
         title: col.label,
         width: col.width,
-        fixed: col.fixed,
-        render: col.render
+        fixed: col.fixed
       };
+      if (col.render) {
+        base.render = col.render;
+      } else {
+        base.ellipsis = false;
+        base.render = function (text) {
+          var content = text === undefined || text === null ? '--' : String(text);
+          return /*#__PURE__*/_jsx(EllipsisText, {
+            children: content
+          });
+        };
+      }
+      return base;
     });
-  }, [columns]);
+    if (actionColumn) {
+      list.push({
+        key: 'action',
+        title: actionColumn.title || '操作',
+        width: actionColumn.width || 148,
+        fixed: 'right',
+        align: 'left',
+        onHeaderCell: function onHeaderCell() {
+          return {
+            style: {
+              paddingLeft: 24,
+              paddingRight: 16
+            }
+          };
+        },
+        render: function render(_, record, index) {
+          return actionColumn.render(record, index);
+        }
+      });
+    }
+    return list;
+  }, [columns, visibleColumnMap, actionColumn]);
 
-  // 列设置（此处提供复位入口，避免硬编码）
-  var handleColumnSettingsClick = useCallback(function () {
-    CompanyMessage.info('请在业务侧通过 columns 属性控制列显示/隐藏');
+  // 密度菜单项（对齐 SmartListTemplate）
+  var sizeLabels = {
+    small: '紧凑',
+    middle: '默认',
+    large: '宽松'
+  };
+  var densityMenuItems = useMemo(function () {
+    return [{
+      key: 'large',
+      label: '宽松'
+    }, {
+      key: 'middle',
+      label: '默认'
+    }, {
+      key: 'small',
+      label: '紧凑'
+    }];
   }, []);
+  var handleDensityMenuClick = useCallback(function (info) {
+    var next = info.key;
+    if (onSizeChange) {
+      onSizeChange(next);
+    } else {
+      setInternalSize(next);
+    }
+    setDensityOpen(false);
+  }, [onSizeChange]);
+
+  // 刷新：优先调用外部 onRefresh，否则用当前 filterParams 触发内部重新拉取
+  var handleRefresh = useCallback(function () {
+    if (onRefresh) {
+      onRefresh(filterParams);
+    } else {
+      setPagination(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          current: 1
+        });
+      });
+      loadData();
+    }
+  }, [onRefresh, filterParams, loadData]);
+
+  // 列设置：确认勾选结果
+  var handleColumnSettingsConfirm = useCallback(function (fields) {
+    setColumnFields(fields);
+  }, []);
+
+  // 列设置：重置为默认
+  var handleColumnSettingsReset = useCallback(function () {
+    setColumnFields(defaultColumnFields);
+  }, [defaultColumnFields]);
 
   // 标题右侧补充区域：优先 titleExtra，兼容旧 titleSuffix，按 showTitleExtraDivider 决定是否带前置分割线
   var extraNode = titleExtra !== null && titleExtra !== void 0 ? titleExtra : titleSuffix;
@@ -429,7 +565,7 @@ export var StatisticsListPage = function StatisticsListPage(props) {
               },
               placeholder: searchPlaceholder,
               style: {
-                width: 320
+                width: searchWidth
               },
               onPressEnter: handleSearch,
               suffix: /*#__PURE__*/_jsx(SvgIcon, {
@@ -449,16 +585,55 @@ export var StatisticsListPage = function StatisticsListPage(props) {
             }), toolbarLeftExtra]
           }), /*#__PURE__*/_jsxs("div", {
             className: "slp-table-header-right",
-            children: [toolbarRightExtra, /*#__PURE__*/_jsx(CompanyTooltip, {
-              title: "\u5217\u8BBE\u7F6E",
-              children: /*#__PURE__*/_jsx("div", {
-                className: "icon-only-btn",
-                onClick: handleColumnSettingsClick,
-                children: /*#__PURE__*/_jsx(SvgIcon, {
-                  href: "setting",
-                  size: 16
+            children: [toolbarRightExtra, /*#__PURE__*/_jsx(ColumnSettingsPanel, {
+              fields: columnFields,
+              defaultFields: defaultColumnFields,
+              onConfirm: handleColumnSettingsConfirm,
+              onReset: handleColumnSettingsReset,
+              children: /*#__PURE__*/_jsx(CompanyTooltip, {
+                title: "\u5217\u8BBE\u7F6E",
+                children: /*#__PURE__*/_jsx(CompanyButton, {
+                  type: "default",
+                  icon: /*#__PURE__*/_jsx(SvgIcon, {
+                    href: "setting",
+                    size: 16
+                  })
                 })
               })
+            }), /*#__PURE__*/_jsx(CompanyDropdown, {
+              open: densityOpen,
+              onOpenChange: setDensityOpen,
+              trigger: ['click'],
+              popupRender: function popupRender() {
+                return /*#__PURE__*/_jsx(CompanyMenu, {
+                  onClick: handleDensityMenuClick,
+                  items: densityMenuItems,
+                  selectedKeys: [effectiveSize],
+                  style: {
+                    minWidth: 80
+                  }
+                });
+              },
+              children: /*#__PURE__*/_jsx(CompanyTooltip, {
+                title: "\u5BC6\u5EA6\uFF1A".concat(sizeLabels[effectiveSize]),
+                children: /*#__PURE__*/_jsx(CompanyButton, {
+                  type: "default",
+                  icon: /*#__PURE__*/_jsx(SvgIcon, {
+                    href: "density",
+                    size: 16
+                  })
+                })
+              })
+            }), /*#__PURE__*/_jsx(CompanyTooltip, {
+              title: "\u5237\u65B0",
+              children: /*#__PURE__*/_jsx(CompanyButton, {
+                type: "default",
+                icon: /*#__PURE__*/_jsx(SvgIcon, {
+                  href: "refresh",
+                  size: 16
+                }),
+                onClick: handleRefresh
+              })
             })]
           })]
         }), filterTags.length > 0 && /*#__PURE__*/_jsxs("div", {
@@ -493,7 +668,7 @@ export var StatisticsListPage = function StatisticsListPage(props) {
           loading: loading,
           pagination: false,
           rowKey: rowKey,
-          size: size,
+          size: effectiveSize,
           scroll: {
             y: scrollY
           },

package/dist/es/template-components/StatisticsListPage/index.scss

@@ -110,25 +110,6 @@
           background: var(--primary-1, #fff1e6);
         }
       }
-
-      .icon-only-btn {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        width: 32px;
-        height: 32px;
-        border: 1px solid var(--color-border, rgba(5, 5, 5, 0.15));
-        border-radius: calc(var(--border-radius-base, 8) * 1px);
-        cursor: pointer;
-        color: var(--color-text-tertiary, rgba(0, 0, 0, 0.45));
-        transition: all var(--motion-duration-fast, 0.2s)
-          var(--motion-ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
-
-        &:hover {
-          background: var(--primary-1, #fff1e6);
-          color: var(--primary-color, #f95914);
-        }
-      }
     }
 
     .slp-filter-tags {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@donglegeyu/company-ui",
-  "version": "1.2.26",
+  "version": "1.2.27",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
   "types": "dist/es/index.d.ts",