@donglegeyu/company-ui 1.2.6 → 1.2.8

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

@@ -1,3 +1,13 @@
 import React from "react";
-import type { FloatButtonProps } from "antd";
-export declare const CompanyFloatButton: React.FC<FloatButtonProps>;
+import { FloatButton } from "antd";
+import type { FloatButtonProps, FloatButtonRef, FloatButtonGroupProps } from "antd";
+export type CompanyFloatButtonProps = FloatButtonProps;
+export type CompanyFloatButtonRef = FloatButtonRef;
+export type CompanyFloatButtonGroupProps = FloatButtonGroupProps;
+export type CompanyFloatButtonBackTopProps = React.ComponentProps<typeof FloatButton.BackTop>;
+export declare const CompanyFloatButton: React.ForwardRefExoticComponent<FloatButtonProps & React.RefAttributes<import("antd/es/float-button/FloatButton").FloatButtonElement>> & {
+    Group: React.FC<Readonly<FloatButtonGroupProps>>;
+    BackTop: React.ForwardRefExoticComponent<import("antd/es/float-button/BackTop").BackTopProps & React.RefAttributes<FloatButtonRef>>;
+    _InternalPanelDoNotUseOrYouWillBeFired: React.FC<import("antd/es/float-button/PurePanel").PurePanelProps>;
+};
+export declare const CompanyBackTop: React.FC<CompanyFloatButtonBackTopProps>;

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

@@ -1,6 +1,8 @@
+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)
@@ -14,21 +16,45 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/basic-components/CompanyFloatButton/index.tsx
 var CompanyFloatButton_exports = {};
 __export(CompanyFloatButton_exports, {
+  CompanyBackTop: () => CompanyBackTop,
   CompanyFloatButton: () => CompanyFloatButton
 });
 module.exports = __toCommonJS(CompanyFloatButton_exports);
+var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_theme = require("../../theme");
 var import_jsx_runtime = require("react/jsx-runtime");
-var CompanyFloatButton = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.FloatButton, { ...props }) });
+var CompanyFloatButtonComponent = import_react.default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.FloatButton, { ref, ...props }) });
+});
+var CompanyFloatButtonGroup = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.FloatButton.Group, { ...props }) });
+};
+var CompanyFloatButtonBackTop = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.FloatButton.BackTop, { ...props }) });
+};
+var CompanyFloatButton = Object.assign(CompanyFloatButtonComponent, {
+  Group: CompanyFloatButtonGroup,
+  BackTop: CompanyFloatButtonBackTop
+});
+var CompanyBackTop = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.FloatButton.BackTop, { ...props }) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  CompanyBackTop,
   CompanyFloatButton
 });

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

@@ -1,2 +1,11 @@
 import type { TableProps } from "antd";
-export declare const CompanyTable: <T extends object>(props: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
+interface CompanyTableProps<T extends object> extends TableProps<T> {
+    cellPaddingBlock?: number;
+    cellPaddingBlockMD?: number;
+    cellPaddingBlockSM?: number;
+    cellPaddingInline?: number;
+    cellPaddingInlineMD?: number;
+    cellPaddingInlineSM?: number;
+}
+export declare const CompanyTable: <T extends object>(props: CompanyTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,6 +1,8 @@
+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)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/basic-components/CompanyTable/index.tsx
@@ -22,12 +32,43 @@ __export(CompanyTable_exports, {
   CompanyTable: () => CompanyTable
 });
 module.exports = __toCommonJS(CompanyTable_exports);
+var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_theme = require("../../theme");
 var import_jsx_runtime = require("react/jsx-runtime");
 var HEADER_PADDING_BLOCK = 12;
 var CompanyTable = (props) => {
-  const { components: userComponents, ...restProps } = props;
+  const {
+    components: userComponents,
+    cellPaddingBlock,
+    cellPaddingBlockMD,
+    cellPaddingBlockSM,
+    cellPaddingInline,
+    cellPaddingInlineMD,
+    cellPaddingInlineSM,
+    ...restProps
+  } = props;
+  const hasCustomPadding = cellPaddingBlock !== void 0 || cellPaddingBlockMD !== void 0 || cellPaddingBlockSM !== void 0 || cellPaddingInline !== void 0 || cellPaddingInlineMD !== void 0 || cellPaddingInlineSM !== void 0;
+  const mergedTheme = import_react.default.useMemo(() => {
+    var _a;
+    if (!hasCustomPadding)
+      return import_theme.companyTheme;
+    return {
+      ...import_theme.companyTheme,
+      components: {
+        ...import_theme.companyTheme.components,
+        Table: {
+          ...(_a = import_theme.companyTheme.components) == null ? void 0 : _a.Table,
+          ...cellPaddingBlock !== void 0 ? { cellPaddingBlock } : {},
+          ...cellPaddingBlockMD !== void 0 ? { cellPaddingBlockMD } : {},
+          ...cellPaddingBlockSM !== void 0 ? { cellPaddingBlockSM } : {},
+          ...cellPaddingInline !== void 0 ? { cellPaddingInline } : {},
+          ...cellPaddingInlineMD !== void 0 ? { cellPaddingInlineMD } : {},
+          ...cellPaddingInlineSM !== void 0 ? { cellPaddingInlineSM } : {}
+        }
+      }
+    };
+  }, [hasCustomPadding, cellPaddingBlock, cellPaddingBlockMD, cellPaddingBlockSM, cellPaddingInline, cellPaddingInlineMD, cellPaddingInlineSM]);
   const userHeader = userComponents == null ? void 0 : userComponents.header;
   const userCell = userHeader == null ? void 0 : userHeader.cell;
   const mergedComponents = {
@@ -48,7 +89,7 @@ var CompanyTable = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Table, { ...restProps, components: mergedComponents }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: mergedTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Table, { ...restProps, components: mergedComponents }) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -140,7 +140,7 @@ function ColumnSettingsPanel({
               children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "field-row", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_shared_components.SvgIcon, { href: "drag", size: 12, className: "drag-icon" }),
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_antd.Checkbox,
+                  import_basic_components.CompanyCheckbox,
                   {
                     checked: field.visible,
                     onChange: (e) => handleFieldToggle(field.key, e.target.checked),

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

@@ -0,0 +1,35 @@
+import { type ReactNode } from 'react';
+import './index.scss';
+export interface DetailFieldItem {
+    label: string;
+    value: ReactNode;
+}
+export interface DetailTagItem {
+    text: ReactNode;
+    variant?: 'default' | 'volcano' | 'success' | 'warning';
+}
+export interface DetailTabItem {
+    key: string;
+    label: ReactNode;
+    children: ReactNode;
+    disabled?: boolean;
+}
+interface DetailPageTemplateProps {
+    title: string;
+    showBack?: boolean;
+    onBack?: () => void;
+    titleActions?: ReactNode;
+    avatar?: ReactNode;
+    primaryName?: ReactNode;
+    tags?: DetailTagItem[];
+    infoFields?: DetailFieldItem[];
+    infoColumns?: number;
+    infoArea?: ReactNode;
+    tabs?: DetailTabItem[];
+    activeTab?: string;
+    onTabChange?: (key: string) => void;
+    showDivider?: boolean;
+    children?: ReactNode;
+}
+export default function DetailPageTemplate({ title, showBack, onBack, titleActions, avatar, primaryName, tags, infoFields, infoColumns, infoArea, tabs, activeTab: controlledActiveTab, onTabChange, showDivider, children, }: DetailPageTemplateProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,152 @@
+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/template-components/DetailPageTemplate/index.tsx
+var DetailPageTemplate_exports = {};
+__export(DetailPageTemplate_exports, {
+  default: () => DetailPageTemplate
+});
+module.exports = __toCommonJS(DetailPageTemplate_exports);
+var import_react = require("react");
+var import_basic_components = require("../../basic-components");
+var import_PageTitle = __toESM(require("../../shared-components/PageTitle"));
+var import_index = require("./index.scss");
+var import_jsx_runtime = require("react/jsx-runtime");
+function DetailPageTemplate({
+  title,
+  showBack = false,
+  onBack,
+  titleActions,
+  avatar,
+  primaryName,
+  tags,
+  infoFields,
+  infoColumns = 3,
+  infoArea,
+  tabs,
+  activeTab: controlledActiveTab,
+  onTabChange,
+  showDivider = true,
+  children
+}) {
+  var _a;
+  const [internalActiveTab, setInternalActiveTab] = (0, import_react.useState)(((_a = tabs == null ? void 0 : tabs[0]) == null ? void 0 : _a.key) ?? "");
+  const [isScrolling, setIsScrolling] = (0, import_react.useState)(false);
+  const scrollTimeoutRef = (0, import_react.useRef)(null);
+  const activeTab = controlledActiveTab ?? internalActiveTab;
+  const handleTabChange = (0, import_react.useCallback)(
+    (key) => {
+      if (onTabChange) {
+        onTabChange(key);
+      } else {
+        setInternalActiveTab(key);
+      }
+    },
+    [onTabChange]
+  );
+  const handleScroll = (0, import_react.useCallback)((e) => {
+    const target = e.currentTarget;
+    setIsScrolling(true);
+    if (scrollTimeoutRef.current) {
+      clearTimeout(scrollTimeoutRef.current);
+    }
+    scrollTimeoutRef.current = setTimeout(() => {
+      setIsScrolling(false);
+    }, 150);
+    if (target.scrollTop > 0) {
+      target.classList.add("scrolled");
+    } else {
+      target.classList.remove("scrolled");
+    }
+  }, []);
+  const tagVariantClass = {
+    default: "dpt-tag-default",
+    volcano: "dpt-tag-volcano",
+    success: "dpt-tag-success",
+    warning: "dpt-tag-warning"
+  };
+  const hasHeader = avatar !== void 0 || primaryName !== void 0 || tags && tags.length > 0;
+  const hasInfoCard = hasHeader || infoFields && infoFields.length > 0 || infoArea;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "detail-page-template", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_PageTitle.default,
+      {
+        title,
+        showBack,
+        onBack,
+        className: "dpt-page-title",
+        actions: titleActions
+      }
+    ),
+    hasInfoCard && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpt-info-card", children: [
+      hasHeader && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpt-info-top", children: [
+        (avatar !== void 0 || primaryName !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpt-info-identity", children: [
+          avatar !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dpt-avatar", children: avatar }),
+          primaryName !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpt-primary-name", children: primaryName })
+        ] }),
+        tags && tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dpt-info-tags", children: tags.map((tag, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_basic_components.CompanyTag, { className: tagVariantClass[tag.variant ?? "default"], children: tag.text }, index)) })
+      ] }),
+      infoFields && infoFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: "dpt-info-fields",
+          style: { gridTemplateColumns: `repeat(${infoColumns}, minmax(0, 1fr))` },
+          children: infoFields.map((field, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpt-field-item", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "dpt-field-label", children: [
+              field.label,
+              "："
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpt-field-value", children: field.value ?? "--" })
+          ] }, index))
+        }
+      ),
+      infoArea
+    ] }),
+    showDivider && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dpt-divider" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dpt-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: `dpt-content${isScrolling ? " scrolling" : ""}`,
+        onScroll: handleScroll,
+        children: tabs && tabs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_basic_components.CompanyTabs,
+          {
+            activeKey: activeTab,
+            onChange: handleTabChange,
+            items: tabs.map((tab) => ({
+              key: tab.key,
+              label: tab.label,
+              disabled: tab.disabled,
+              children: tab.children
+            }))
+          }
+        ) : children
+      }
+    ) })
+  ] });
+}

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

@@ -0,0 +1,177 @@
+.detail-page-template {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 0 0.75rem;
+  flex-grow: 1;
+  align-self: stretch;
+  z-index: 1;
+  overflow: hidden;
+  background: #f5f5f5;
+
+  .dpt-page-title {
+    position: sticky;
+    top: 0;
+    z-index: 20;
+    background: var(--ant-color-bg-container);
+  }
+
+  .dpt-info-card {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    padding: 16px;
+    background: #ffffff;
+    border-radius: 6px;
+
+    .dpt-info-top {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+
+      .dpt-info-identity {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+
+        .dpt-avatar {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          width: 24px;
+          height: 24px;
+          border-radius: 66px;
+          background: #f95914;
+          color: #fff;
+          font-size: 14px;
+          line-height: 22px;
+          font-weight: 400;
+        }
+
+        .dpt-primary-name {
+          font-size: 16px;
+          font-weight: 500;
+          color: rgba(0, 0, 0, 0.88);
+          line-height: 24px;
+        }
+      }
+
+      .dpt-info-tags {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+      }
+    }
+
+    .dpt-info-fields {
+      display: grid;
+      gap: 8px 24px;
+
+      .dpt-field-item {
+        display: flex;
+        align-items: center;
+        line-height: 22px;
+
+        .dpt-field-label {
+          font-size: 14px;
+          color: rgba(0, 0, 0, 0.45);
+          white-space: nowrap;
+        }
+
+        .dpt-field-value {
+          font-size: 14px;
+          color: rgba(0, 0, 0, 0.88);
+          word-break: break-all;
+        }
+      }
+    }
+  }
+
+  .dpt-tag-default {
+    font-size: 12px;
+    line-height: 20px;
+    padding: 1px 8px;
+    border-radius: 4px;
+    background: rgba(0, 0, 0, 0.06);
+    border-color: rgba(0, 0, 0, 0.15);
+    color: rgba(0, 0, 0, 0.88);
+  }
+
+  .dpt-tag-volcano {
+    font-size: 12px;
+    line-height: 20px;
+    padding: 1px 8px;
+    border-radius: 4px;
+    background: #fff2e8;
+    border-color: #ffbb96;
+    color: #fa541c;
+  }
+
+  .dpt-tag-success {
+    font-size: 12px;
+    line-height: 20px;
+    padding: 1px 8px;
+    border-radius: 4px;
+    background: #f6ffed;
+    border-color: #b7eb8f;
+    color: #52c41a;
+  }
+
+  .dpt-tag-warning {
+    font-size: 12px;
+    line-height: 20px;
+    padding: 1px 8px;
+    border-radius: 4px;
+    background: #fffbe6;
+    border-color: #ffe58f;
+    color: #faad14;
+  }
+
+  .dpt-divider {
+    height: 12px;
+    flex-shrink: 0;
+    background: #f5f5f5;
+  }
+
+  .dpt-container {
+    width: 100%;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    align-self: stretch;
+    z-index: 3;
+    border-radius: 6px 6px 0 0;
+    background: #ffffff;
+    overflow: hidden;
+  }
+
+  .dpt-content {
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+    scrollbar-width: thin;
+    scrollbar-color: transparent transparent;
+    padding: 0 16px 16px;
+
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background-color: transparent;
+      border-radius: 3px;
+    }
+
+    &:hover::-webkit-scrollbar-thumb,
+    &:active::-webkit-scrollbar-thumb,
+    &:focus::-webkit-scrollbar-thumb,
+    &.scrolling::-webkit-scrollbar-thumb {
+      background-color: rgba(0, 0, 0, 0.2);
+    }
+  }
+}

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

@@ -84,6 +84,8 @@ function SmartListTemplate({
   size: tableSize = "middle",
   onSizeChange
 }) {
+  const [internalSize, setInternalSize] = (0, import_react.useState)(tableSize);
+  const effectiveTableSize = onSizeChange ? tableSize : internalSize;
   const [dropdownOpen, setDropdownOpen] = (0, import_react.useState)(false);
   const [saveSchemeDialogVisible, setSaveSchemeDialogVisible] = (0, import_react.useState)(false);
   const [isEditMode, setIsEditMode] = (0, import_react.useState)(false);
@@ -107,8 +109,18 @@ function SmartListTemplate({
     middle: "默认",
     large: "宽松"
   };
-  const handleSizeChange = (0, import_react.useCallback)((size) => {
-    onSizeChange == null ? void 0 : onSizeChange(size);
+  const densityPadding = {
+    large: 11,
+    middle: 7,
+    small: 3
+  };
+  const currentPadding = densityPadding[effectiveTableSize];
+  const handleSizeChange = (0, import_react.useCallback)((newSize) => {
+    if (onSizeChange) {
+      onSizeChange(newSize);
+    } else {
+      setInternalSize(newSize);
+    }
   }, [onSizeChange]);
   const [densityOpen, setDensityOpen] = (0, import_react.useState)(false);
   const densityMenuItems = (0, import_react.useMemo)(() => [
@@ -697,7 +709,7 @@ function SmartListTemplate({
             open: dropdownOpen,
             onOpenChange: setDropdownOpen,
             popupRender: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_antd.Menu,
+              import_basic_components.CompanyMenu,
               {
                 onClick: handleMenuClick,
                 items: dropdownMenuItems,
@@ -789,15 +801,15 @@ function SmartListTemplate({
               onOpenChange: setDensityOpen,
               trigger: ["click"],
               popupRender: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_antd.Menu,
+                import_basic_components.CompanyMenu,
                 {
                   onClick: handleDensityMenuClick,
                   items: densityMenuItems,
-                  selectedKeys: [tableSize],
+                  selectedKeys: [effectiveTableSize],
                   style: { minWidth: 80 }
                 }
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_basic_components.CompanyTooltip, { title: `密度：${sizeLabels[tableSize]}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_basic_components.CompanyTooltip, { title: `密度：${sizeLabels[effectiveTableSize]}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_basic_components.CompanyButton,
                 {
                   type: "default",
@@ -825,12 +837,28 @@ function SmartListTemplate({
           loading,
           pagination: false,
           scroll: { y: tableHeight },
-          size: tableSize,
+          size: effectiveTableSize,
+          cellPaddingBlock: currentPadding,
+          cellPaddingBlockMD: currentPadding,
+          cellPaddingBlockSM: currentPadding,
+          cellPaddingInline: 16,
+          cellPaddingInlineMD: 16,
+          cellPaddingInlineSM: 16,
           rowSelection,
           rowKey,
-          defaultExpandAllRows: (treeConfig == null ? void 0 : treeConfig.enabled) ? defaultExpandAll : void 0,
-          onChange: handleTableChange,
-          onExpand: (treeConfig == null ? void 0 : treeConfig.enabled) ? handleExpand : void 0
+          childrenColumnName: (treeConfig == null ? void 0 : treeConfig.enabled) ? treeConfig.childrenColumnName || "children" : void 0,
+          expandable: (treeConfig == null ? void 0 : treeConfig.enabled) ? {
+            defaultExpandAllRows: defaultExpandAll,
+            expandedRowKeys: expandedRowKeys.length > 0 ? expandedRowKeys : void 0,
+            onExpandedRowsChange: (keys) => {
+              setExpandedRowKeys(keys.map((k) => String(k)));
+            },
+            onExpand: (expanded, record) => {
+              handleExpand(expanded, record);
+            },
+            indentSize: (treeConfig == null ? void 0 : treeConfig.levelIndent) || 16
+          } : void 0,
+          onChange: handleTableChange
         }
       ) }),
       paginationProp !== false && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pagination", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { locale: import_zh_CN.default, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(