@donglegeyu/company-ui 1.2.7 → 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/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

@@ -846,9 +846,19 @@ function SmartListTemplate({
           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)(

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

@@ -0,0 +1,78 @@
+import { ReactNode } from 'react';
+import type { PageResponse } from '../../types';
+import type { TableColumnsType } from 'antd';
+import './index.scss';
+/** 标准分页响应结构，对齐后端契约 */
+export type { PageResponse } from '../../types';
+/** 统计卡片配置 */
+export interface StatisticCardConfig {
+    key: string;
+    title: string;
+    value: ReactNode;
+}
+/** 高级筛选项类型 */
+export type StatisticsFilterType = 'input' | 'select' | 'date';
+/** 高级筛选项配置（抽屉内） */
+export interface StatisticsFilterField {
+    key: string;
+    label: string;
+    type: StatisticsFilterType;
+    placeholder?: string;
+    options?: Array<{
+        label: string;
+        value: string | number;
+    }>;
+}
+/** 已应用的筛选标签 */
+export interface StatisticsFilterTag {
+    key: string;
+    label: string;
+    value: string;
+    displayText: string;
+}
+/** 表格列定义（支持 visible 控制与 fixed 固定列） */
+export interface StatisticsColumn<T = Record<string, unknown>> {
+    key: string;
+    label: string;
+    visible?: boolean;
+    width?: number;
+    fixed?: 'left' | 'right';
+    render?: TableColumnsType<T>[number]['render'];
+}
+/** 通用统计列表页 Props */
+export interface StatisticsListPageProps<T = Record<string, unknown>> {
+    /** 页面标题 */
+    title?: string;
+    /** 标题右侧自定义区域（如月份选择器、操作按钮） */
+    titleSuffix?: ReactNode;
+    /** 统计卡片区配置（不传则不渲染卡片区） */
+    statisticCards?: StatisticCardConfig[];
+    /** 顶部搜索框占位符 */
+    searchPlaceholder?: string;
+    /** 顶部搜索对应字段 key（提交到 fetchData 的参数名） */
+    searchKey?: string;
+    /** 高级筛选字段（抽屉内） */
+    filterFields?: StatisticsFilterField[];
+    /** 表格列配置 */
+    columns: StatisticsColumn<T>[];
+    /** 数据请求函数 - 严格对齐 PageResponse 契约 */
+    fetchData?: (params: Record<string, unknown>) => Promise<PageResponse<T>>;
+    /** 默认分页大小 */
+    defaultPageSize?: number;
+    /** 表格行 key */
+    rowKey?: string | ((record: T) => string);
+    /** 表格尺寸 */
+    size?: 'small' | 'middle' | 'large';
+    /** 表格 Y 轴滚动高度（默认自适应视口） */
+    scrollY?: string | number;
+    /** 表格空状态文案 */
+    emptyText?: ReactNode;
+    /** 工具栏左侧自定义区域（搜索框右侧） */
+    toolbarLeftExtra?: ReactNode;
+    /** 工具栏右侧自定义区域（列设置图标左侧） */
+    toolbarRightExtra?: ReactNode;
+    /** 自定义 className */
+    className?: string;
+}
+export declare const StatisticsListPage: <T extends Record<string, unknown>>(props: StatisticsListPageProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default StatisticsListPage;