@pisell/materials 3.3.81 → 3.3.83

package/es/theme/tokens.js

@@ -0,0 +1,257 @@
+/**
+ * Pisell 项目统一的 Ant Design Token 配置
+ * 基于 Figma 设计规范
+ *
+ * 使用场景：
+ * - 低代码平台（page/index.tsx）
+ * - Storybook 预览
+ * - 其他需要主题配置的场景
+ */
+
+/**
+ * 获取组件级别的 token 配置
+ */
+export function getComponentsToken() {
+  return {
+    Table: {
+      colorFillContent: '#EAECF0',
+      colorFillSecondary: '#F2F4F7',
+      colorBorderSecondary: '#EAECF0',
+      colorFillAlter: '#F9FAFB',
+      controlItemBgHover: '#F9FAFB',
+      colorTextHeading: '#475467',
+      colorTextDescription: '#667085',
+      colorText: '#101828',
+      controlHeight: 32,
+      padding: 24,
+      margin: 16
+    },
+    Message: {
+      contentBg: '#101828'
+    },
+    Button: {
+      borderRadiusSM: 6,
+      borderRadiusLG: 9,
+      borderRadius: 8,
+      controlHeight: 36,
+      colorBgContainerDisabled: '#F2F4F7',
+      colorBgTextHover: '#F9FAFB',
+      colorBorder: '#D0D5DD',
+      colorError: '#D92D20',
+      colorErrorActive: '#D92D20',
+      colorErrorHover: '#B42318',
+      colorErrorBg: '#FEF3F2',
+      colorErrorBorderHover: '#FDA29B',
+      colorErrorOutline: 'rgba(217, 45, 32, 0.06)',
+      colorLink: '#7F56DA',
+      colorLinkActive: '#5F3DA8',
+      colorLinkHover: '#6D48C4',
+      colorText: '#344054',
+      colorTextDisabled: '#D0D5DD',
+      colorTextLightSolid: '#fff',
+      colorBgTextActive: '#D0D5DD',
+      controlOutline: 'rgba(127, 86, 217, 0.04)',
+      controlTmpOutline: '#F9FAFB',
+      paddingContentHorizontal: 14,
+      marginXS: 8
+    },
+    Divider: {
+      colorSplit: '#EAECF0'
+    },
+    Breadcrumb: {
+      itemColor: '#475467',
+      colorTextDescription: '#475467',
+      separatorMargin: 12,
+      separatorColor: '#D0D5DD',
+      linkHoverColor: '#1D2939',
+      linkColor: '#475467',
+      colorBgTextHover: '#F9FAFB',
+      paddingXXS: 8
+    },
+    Dropdown: {
+      borderRadiusLG: 8,
+      controlHeight: 42,
+      fontSize: 14
+      // // 下拉框阴影（Figma: Shadow/lg）
+      // boxShadowSecondary:
+      //   '0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)',
+    },
+    DatePicker: {
+      borderRadius: 8,
+      colorTextPlaceholder: '#667085',
+      colorIcon: '#667085',
+      colorTextQuaternary: '#D0D5DD',
+      colorBgContainerDisabled: '#F9FAFB',
+      colorTextDisabled: '#98A2B3'
+    },
+    Input: {
+      // // 基础样式（基于 Figma 设计规范）
+      // fontSizeIcon: 16,
+      // fontSize: 16,
+      // lineHeight: 1.5, // 24px / 16px = 1.5
+      // addonBg: '#fff',
+      //
+      // // 边框和圆角
+      // borderRadius: 8,
+      // colorBorder: '#D0D5DD', // Gray/300
+      //
+      // // 内边距（Figma: 16px 12px）
+      // paddingBlock: 12,
+      // paddingInline: 16,
+      // controlHeight: 48, // 12px + 24px + 12px = 48px
+      //
+      // // 颜色
+      // colorText: '#101828', // Gray/900 - 输入文本
+      // colorTextPlaceholder: '#667085', // Gray/500 - 占位符
+      // colorBgContainer: '#FFFFFF', // 背景色
+      //
+      // // 禁用态
+      // colorBgContainerDisabled: '#F9FAFB', // Gray/50
+      // colorTextDisabled: '#98A2B3', // Gray/400
+      //
+      // // 注意：TextArea 的水平内边距比 Input 小2px (14px vs 16px)
+      // // 在各组件的 Less 文件中单独设置
+    },
+    InputNumber: {
+      // // 基础样式（与 Input 保持一致，基于 Figma 设计规范）
+      // fontSize: 16,
+      // lineHeight: 1.5, // 24px / 16px = 1.5
+      //
+      // // 边框和圆角
+      // borderRadius: 8,
+      // colorBorder: '#D0D5DD', // Gray/300
+      //
+      // // 内边距（Figma: 16px 12px）
+      // paddingBlock: 12,
+      // paddingInline: 16,
+      // controlHeight: 48, // 12px + 24px + 12px = 48px
+      //
+      // // 颜色
+      // colorText: '#101828', // Gray/900 - 输入文本
+      // colorTextPlaceholder: '#667085', // Gray/500 - 占位符
+      // colorBgContainer: '#FFFFFF', // 背景色
+      //
+      // // 禁用态
+      // colorBgContainerDisabled: '#F9FAFB', // Gray/50
+      // colorTextDisabled: '#98A2B3', // Gray/400
+      //
+      // // 控制按钮（步进器）
+      // handleVisible: true, // 显示增减按钮
+      // handleBg: '#FFFFFF',
+      // handleHoverColor: '#7F56DA', // 悬停颜色使用主色
+      // handleBorderColor: '#D0D5DD',
+    },
+    Select: {
+      // // 基础样式（Figma 设计规范）
+      // fontSizeIcon: 16,
+      // fontSize: 16,
+      // lineHeight: 1.5,
+      //
+      // // 边框和圆角（Figma: 8px 圆角，#D0D5DD 边框）
+      // borderRadius: 8,
+      // colorBorder: '#D0D5DD', // Gray/300
+      //
+      // // 高度和内边距（Figma: 48px 高度，16px 水平内边距）
+      // controlHeight: 48,
+      // controlPaddingHorizontal: 16,
+      //
+      // // 颜色（Figma 设计规范）
+      // colorText: '#101828', // Gray/900 - 选中文本
+      // colorTextPlaceholder: '#667085', // Gray/500 - 占位符
+      // colorBgContainer: '#FFFFFF', // Base/White - 背景
+      //
+      // // 禁用态
+      // colorBgContainerDisabled: '#F9FAFB', // Gray/50
+      // colorTextDisabled: '#98A2B3', // Gray/400
+      //
+      // // 聚焦态（Figma: Primary/300 边框，Primary/100 阴影）
+      // colorPrimaryBorder: '#D6BBFB', // Primary/300
+      // controlOutline: '#F4EBFF', // Primary/100
+      // controlOutlineWidth: 4,
+      //
+      // // 下拉箭头和清空按钮颜色
+      // colorIcon: '#667085', // Gray/500
+      // colorIconHover: '#344054', // Gray/700
+      //
+      // // 选择框阴影（Figma: Shadow/xs）
+      // boxShadowSecondary:
+      //   '0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)',
+      //
+      // // 多选标签样式（Figma: Gray/200 背景）
+      // multipleItemBg: '#EAECF0', // Gray/200
+      // multipleItemBorderColor: 'transparent',
+      // multipleItemHeight: 36,
+      //
+      // // 选项样式
+      // optionFontSize: 16,
+      // optionLineHeight: 1.5,
+      // optionPadding: '10px 8px',
+      // optionSelectedBg: '#F4EBFF', // Primary/100 - 选中项背景（浅紫色）
+      // optionActiveBg: '#F9FAFB', // Gray/50 - hover 背景
+    },
+    Menu: {
+      itemSelectedColor: '#9976e3'
+    },
+    Popover: {
+      // 下拉框阴影（Figma: Shadow/lg）
+      // boxShadowSecondary:
+      //   '0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)',
+    },
+    Typography: {
+      colorText: '#101828',
+      colorTextSecondary: '#475467',
+      colorLink: '#7F56DA',
+      colorLinkHover: '#6D48C4',
+      colorLinkActive: '#5F3DA8'
+    }
+  };
+}
+
+/**
+ * 获取全局 token 配置
+ */
+export function getGlobalToken(themeColor) {
+  return {
+    colorPrimary: themeColor || '#5D3F9F',
+    colorPrimaryBg: '#eee5ff',
+    colorPrimaryBgHover: '#e4d9fc',
+    colorPrimaryBorder: '#d4c3f7',
+    colorSuccess: '#5f9e3f',
+    colorInfo: '#5d3f9f',
+    colorError: '#f5222d',
+    colorSuccessBg: '#e5fcd9',
+    colorSuccessBgHover: '#d5f7c3',
+    // 链接色
+    colorLink: '#7F56DA',
+    colorLinkActive: '#5F3DA8',
+    colorLinkHover: '#6D48C4',
+    // 文本颜色
+    colorText: '#101828',
+    colorTextSecondary: '#475467',
+    colorTextTertiary: '#667085',
+    colorTextQuaternary: '#D0D5DD',
+    // 边框和背景
+    colorBorder: '#D0D5DD',
+    colorBorderSecondary: '#EAECF0',
+    colorFill: '#D0D5DD',
+    colorFillSecondary: '#EAECF0',
+    colorFillTertiary: '#F2F4F7',
+    colorFillQuaternary: '#F9FAFB',
+    colorBgLayout: '#F2F4F7',
+    colorBgSpotlight: '#101828',
+    colorBgMask: 'rgba(0, 0, 0, 0.5)',
+    // 其他
+    wireframe: false,
+    borderRadius: 8
+  };
+}
+
+/**
+ * 获取完整的主题配置
+ */
+export function getThemeConfig(themeColor) {
+  return {
+    components: getComponentsToken(),
+    token: getGlobalToken(themeColor)
+  };
+}

package/es/utils/hoc.d.ts

@@ -1,17 +1,17 @@
-import { ComponentType } from 'react';
+import React, { ComponentType } from 'react';
 /**
  * 简单包装，不做任何处理
  * 部分组件ref比较特殊，包一层会解决这个问题
  */
-export declare function withWrap<T extends ComponentType<any>>(Comp: T): (props: any) => JSX.Element;
+export declare function withWrap<T extends ComponentType<any>>(Comp: T): (props: any) => React.JSX.Element;
 /**
  * 某些组件会用React.Children.only检查子节点
  * 需要做处理避免报错
  */
-export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;
-export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => JSX.Element;
+export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => React.JSX.Element;
+export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => React.JSX.Element;
 /**
  * moment对象在序列化后会被转为字符串
  * 需要让日期类组件支持接受字符串值
  */
-export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;
+export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => React.JSX.Element;

package/es/utils/miniRedux.d.ts

@@ -12,6 +12,6 @@ declare const _default: <State extends Record<string, any>, Namespace extends st
             payload: any;
         }) => void;
     }>;
-    Provider: (ComponentUi: any) => (props: any, ref: any) => JSX.Element;
+    Provider: (ComponentUi: any) => (props: any, ref: any) => React.JSX.Element;
 };
 export default _default;

package/es/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => boolean;
+export declare const isMobile: () => any;

package/lib/components/DragSortList/index.d.ts

@@ -18,7 +18,7 @@ export interface Props<T> {
         attributes: DraggableAttributes;
     }) => React.ReactElement<HTMLElement>;
 }
-export default function Sortable<T extends Record<string, any>>({ list, onChange, rowKey, children, activationConstraint, }: Props<T>): JSX.Element;
+export default function Sortable<T extends Record<string, any>>({ list, onChange, rowKey, children, activationConstraint, }: Props<T>): React.JSX.Element;
 export interface SortableItemProps<T> {
     id: number;
     index: number;

package/lib/components/MultipleContainersSortList/index.d.ts

@@ -22,5 +22,5 @@ interface DefaultRenderContainerProps {
     }) => React.ReactElement;
     children: any;
 }
-declare const MultipleContainersSortList: <T extends Record<string, any>>(props: MultipleContainersSortListProps<T>) => JSX.Element;
+declare const MultipleContainersSortList: <T extends Record<string, any>>(props: MultipleContainersSortListProps<T>) => React.JSX.Element;
 export default MultipleContainersSortList;

package/lib/components/Pagination/index.d.ts

@@ -9,6 +9,6 @@ export declare const paginationConfig: {
     responsive: boolean;
     size: string;
 };
-declare const Pagination: (props: PaginationProps) => JSX.Element | null;
+declare const Pagination: (props: PaginationProps) => React.JSX.Element | null;
 export default Pagination;
-export declare const FormPagination: ({ value, onChange, page, pageSize, ...other }: any) => JSX.Element;
+export declare const FormPagination: ({ value, onChange, page, pageSize, ...other }: any) => React.JSX.Element;

package/lib/components/PisellCards/components/GraphicTextCard/GraphicTextCard.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { GraphicTextCardProps } from './types';
 import './GraphicTextCard.less';
 /**
  * Provider 包装器
  * 兼容 PisellCards 系统的 props 传递方式
  */
-declare const Provider: (props: GraphicTextCardProps) => JSX.Element;
+declare const Provider: (props: GraphicTextCardProps) => React.JSX.Element;
 export default Provider;

package/lib/components/PisellCards/components/GraphicTextCard/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * GraphicTextCard 组件入口文件
+ */
+export { default } from './GraphicTextCard';
+export type { GraphicTextCardProps, GraphicTextCardVariant, GraphicTextCardSize, GraphicTextCardWidthMode, GraphicConfig, BadgeConfig, TextConfig, } from './types';

package/lib/components/PisellCards/components/PisellImageCard/PisellImageCard.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { PisellImageCardProps } from './types';
 import './PisellImageCard.less';
 /**
  * Provider 包装器
  * 兼容 PisellCards 系统的 props 传递方式
  */
-declare const Provider: (props: PisellImageCardProps) => JSX.Element;
+declare const Provider: (props: PisellImageCardProps) => React.JSX.Element;
 export default Provider;

package/lib/components/PisellCards/index.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 declare const PisellCards: {
-    TabCard: (props: any) => JSX.Element;
-    TextCard: (props: any) => JSX.Element;
-    GraphicTextCard: (props: import("./components/GraphicTextCard").GraphicTextCardProps) => JSX.Element;
-    MultilevelCard: (props: any) => JSX.Element;
-    PisellImageCard: (props: import("./components/PisellImageCard").PisellImageCardProps) => JSX.Element;
+    TabCard: (props: any) => import("react").JSX.Element;
+    TextCard: (props: any) => import("react").JSX.Element;
+    GraphicTextCard: (props: import("./components/GraphicTextCard").GraphicTextCardProps) => import("react").JSX.Element;
+    MultilevelCard: (props: any) => import("react").JSX.Element;
+    PisellImageCard: (props: import("./components/PisellImageCard").PisellImageCardProps) => import("react").JSX.Element;
 };
 export default PisellCards;
 export type { PisellBasicCardProps } from './types';

package/lib/components/PisellFields/index.d.ts

@@ -0,0 +1,37 @@
+/**
+ * PisellFields 命名空间
+ * 字段组件集合 - 支持编辑态、只读态、禁用态三种视图模式
+ *
+ * @example
+ * import { PisellFields } from '@pisell/materials';
+ *
+ * <PisellFields.SingleLineText value="hello" viewMode="edit" />
+ * <PisellFields.Number value={123} viewMode="readonly" />
+ * <PisellFields.Currency value={1000} currencySymbol="$" />
+ */
+/// <reference types="react" />
+declare const PisellFields: {
+    SingleLineText: import("react").NamedExoticComponent<import("../pisellSingleLineText").PisellSingleLineTextProps>;
+    LongText: import("react").NamedExoticComponent<import("../pisellLongText").PisellLongTextProps>;
+    Number: import("react").NamedExoticComponent<import("../pisellNumber").PisellNumberProps>;
+    Currency: import("react").NamedExoticComponent<import("../pisellCurrency").PisellCurrencyProps>;
+    Percent: import("react").NamedExoticComponent<import("../pisellPercent").PisellPercentProps>;
+    Phone: import("react").NamedExoticComponent<import("../pisellPhone").PisellPhoneProps>;
+    Email: import("react").FC<import("../pisellEmail").PisellEmailProps>;
+    Url: import("react").FC<import("../pisellUrl").PisellUrlProps>;
+    Rating: import("react").NamedExoticComponent<import("../pisellRating").PisellRatingProps>;
+    SingleSelect: import("react").ForwardRefExoticComponent<import("../pisellSingleSelect").PisellSingleSelectProps<string | number> & import("react").RefAttributes<import("../pisellSingleSelect").SingleSelectRef<string | number>>>;
+    MultipleSelect: import("react").ForwardRefExoticComponent<import("../pisellMultipleSelect").PisellMultipleSelectProps<string | number> & import("react").RefAttributes<import("../pisellMultipleSelect").MultipleSelectRef<string | number>>>;
+};
+export default PisellFields;
+export type { PisellSingleLineTextProps, } from '../pisellSingleLineText';
+export type { PisellLongTextProps, } from '../pisellLongText';
+export type { PisellNumberProps, } from '../pisellNumber';
+export type { PisellCurrencyProps, } from '../pisellCurrency';
+export type { PisellPercentProps, } from '../pisellPercent';
+export type { PisellPhoneProps, CountryCode, } from '../pisellPhone';
+export type { PisellEmailProps, MailtoOptions, } from '../pisellEmail';
+export type { PisellUrlProps, } from '../pisellUrl';
+export type { PisellRatingProps, } from '../pisellRating';
+export type { PisellSingleSelectProps, SingleSelectRef, } from '../pisellSingleSelect';
+export type { PisellMultipleSelectProps, MultipleSelectRef, } from '../pisellMultipleSelect';

package/lib/components/PisellFields/index.js

@@ -0,0 +1,49 @@
+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/components/PisellFields/index.tsx
+var PisellFields_exports = {};
+__export(PisellFields_exports, {
+  default: () => PisellFields_default
+});
+module.exports = __toCommonJS(PisellFields_exports);
+var import_pisellSingleLineText = require("../pisellSingleLineText");
+var import_pisellLongText = require("../pisellLongText");
+var import_pisellNumber = require("../pisellNumber");
+var import_pisellCurrency = require("../pisellCurrency");
+var import_pisellPercent = require("../pisellPercent");
+var import_pisellPhone = require("../pisellPhone");
+var import_pisellEmail = require("../pisellEmail");
+var import_pisellUrl = require("../pisellUrl");
+var import_pisellRating = require("../pisellRating");
+var import_pisellSingleSelect = require("../pisellSingleSelect");
+var import_pisellMultipleSelect = require("../pisellMultipleSelect");
+var PisellFields = {
+  SingleLineText: import_pisellSingleLineText.PisellSingleLineText,
+  LongText: import_pisellLongText.PisellLongText,
+  Number: import_pisellNumber.PisellNumber,
+  Currency: import_pisellCurrency.PisellCurrency,
+  Percent: import_pisellPercent.PisellPercent,
+  Phone: import_pisellPhone.PisellPhone,
+  Email: import_pisellEmail.PisellEmail,
+  Url: import_pisellUrl.PisellUrl,
+  Rating: import_pisellRating.PisellRating,
+  SingleSelect: import_pisellSingleSelect.PisellSingleSelect,
+  MultipleSelect: import_pisellMultipleSelect.PisellMultipleSelect
+};
+var PisellFields_default = PisellFields;

package/lib/components/PisellLayouts/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * PisellLayouts 命名空间
+ * 布局组件集合
+ *
+ * @example
+ * import { PisellLayouts } from '@pisell/materials';
+ *
+ * <PisellLayouts.BasicGrid columns={3} gap={16}>
+ *   {items.map(item => <Card key={item.id} {...item} />)}
+ * </PisellLayouts.BasicGrid>
+ *
+ * <PisellLayouts.ScrollView direction="horizontal">
+ *   <Content />
+ * </PisellLayouts.ScrollView>
+ */
+/// <reference types="react" />
+declare const PisellLayouts: {
+    BasicGrid: <T>(props: import("../PisellBasicGrid").PisellBasicGridProps<T>) => import("react").JSX.Element;
+    ScrollView: import("react").ForwardRefExoticComponent<Omit<import("../PisellScrollView").PisellScrollViewProps, "ref"> & import("react").RefAttributes<import("../PisellScrollView").PisellScrollViewRef>>;
+    Layout: import("../pisellLayout").CompoundedComponent;
+    Content: import("react").FC<import("../pisellLayout/content").PisellContentProps>;
+    Footer: import("react").FC<import("../pisellLayout/footer").PisellFooterProps>;
+    Header: import("react").FC<import("../pisellLayout/header").PisellHeaderProps>;
+    Sider: import("react").FC<import("../pisellLayout/sider").PisellSiderProps>;
+    Container: <T_1 extends import("../pisellContainer").RenderType>(props: import("../pisellContainer").PisellContainerProps<T_1>) => any;
+    Row: (props: import("../pisellRow").PisellRowProps) => import("react").JSX.Element;
+    ViewGrid: import("react").FC<import("../pisellViewGrid").PisellViewGridProps>;
+};
+export default PisellLayouts;
+export type { PisellBasicGridProps, } from '../PisellBasicGrid';
+export type { PisellScrollViewProps, } from '../PisellScrollView';
+export type { PisellLayoutProps, CompoundedComponent, } from '../pisellLayout';
+export type { PisellRowProps, } from '../pisellRow';

package/lib/components/PisellLayouts/index.js

@@ -0,0 +1,57 @@
+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/components/PisellLayouts/index.tsx
+var PisellLayouts_exports = {};
+__export(PisellLayouts_exports, {
+  default: () => PisellLayouts_default
+});
+module.exports = __toCommonJS(PisellLayouts_exports);
+var import_PisellBasicGrid = __toESM(require("../PisellBasicGrid"));
+var import_PisellScrollView = __toESM(require("../PisellScrollView"));
+var import_pisellLayout = __toESM(require("../pisellLayout"));
+var import_content = __toESM(require("../pisellLayout/content"));
+var import_footer = __toESM(require("../pisellLayout/footer"));
+var import_header = __toESM(require("../pisellLayout/header"));
+var import_sider = __toESM(require("../pisellLayout/sider"));
+var import_pisellContainer = __toESM(require("../pisellContainer"));
+var import_pisellRow = __toESM(require("../pisellRow"));
+var import_pisellViewGrid = __toESM(require("../pisellViewGrid"));
+var PisellLayouts = {
+  BasicGrid: import_PisellBasicGrid.default,
+  ScrollView: import_PisellScrollView.default,
+  Layout: import_pisellLayout.default,
+  Content: import_content.default,
+  Footer: import_footer.default,
+  Header: import_header.default,
+  Sider: import_sider.default,
+  Container: import_pisellContainer.default,
+  Row: import_pisellRow.default,
+  ViewGrid: import_pisellViewGrid.default
+};
+var PisellLayouts_default = PisellLayouts;

package/lib/components/PisellMetrics/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * PisellMetrics 命名空间
+ * 数据指标展示组件集合
+ *
+ * @example
+ * import { PisellMetrics } from '@pisell/materials';
+ *
+ * <PisellMetrics.MetricCard
+ *   title="Total Sales"
+ *   value={1580}
+ *   comparison={120}
+ *   showTrendIcon
+ * />
+ * <PisellMetrics.StatisticList data={[...]} />
+ */
+/// <reference types="react" />
+declare const PisellMetrics: {
+    MetricCard: import("react").FC<import("../pisellMetricCard").PisellMetricCardProps>;
+    StatisticList: (props: import("../pisellStatisticList").PisellStatisticListProps) => import("react").JSX.Element;
+    MetricItem: (props: import("../cardMetricItem").PisellStatisticProps) => import("react").JSX.Element;
+};
+export default PisellMetrics;
+export type { PisellMetricCardProps } from '../pisellMetricCard';
+export type { PisellStatisticProps } from '../cardMetricItem';

package/lib/components/PisellMetrics/index.js

@@ -0,0 +1,43 @@
+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/components/PisellMetrics/index.tsx
+var PisellMetrics_exports = {};
+__export(PisellMetrics_exports, {
+  default: () => PisellMetrics_default
+});
+module.exports = __toCommonJS(PisellMetrics_exports);
+var import_pisellMetricCard = __toESM(require("../pisellMetricCard"));
+var import_pisellStatisticList = __toESM(require("../pisellStatisticList"));
+var import_cardMetricItem = __toESM(require("../cardMetricItem"));
+var PisellMetrics = {
+  MetricCard: import_pisellMetricCard.default,
+  StatisticList: import_pisellStatisticList.default,
+  MetricItem: import_cardMetricItem.default
+};
+var PisellMetrics_default = PisellMetrics;

package/lib/components/PisellSuperTabs/PisellSuperTabs.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { PisellSuperTabsProps } from './types';
+import './PisellSuperTabs.less';
+interface PisellSuperTabsRef {
+    scrollItemByRowKey: (key: string) => void;
+}
+declare const _default: React.ForwardRefExoticComponent<PisellSuperTabsProps<unknown> & React.RefAttributes<PisellSuperTabsRef>>;
+export default _default;

package/lib/components/PisellSuperTabs/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useTabsState } from './useTabsState';

package/lib/components/PisellSuperTabs/hooks/useTabsState.d.ts

@@ -0,0 +1,7 @@
+import { UseTabsStateParams, UseTabsStateReturn } from '../types';
+/**
+ * Tabs 状态管理 Hook
+ * @description 处理受控/非受控模式的状态管理
+ * @template T - 数据项类型
+ */
+export declare const useTabsState: <T = any>(params: UseTabsStateParams<T>) => UseTabsStateReturn<T>;

package/lib/components/PisellSuperTabs/index.d.ts

@@ -0,0 +1,3 @@
+import PisellSuperTabs from './PisellSuperTabs';
+export default PisellSuperTabs;
+export type { PisellSuperTabsProps, TabDataItem } from './types';