@pisell/materials 6.9.4 → 6.9.5

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

@@ -0,0 +1,36 @@
+/**
+ * PisellFields 命名空间
+ * 字段组件集合 - 支持编辑态、只读态、禁用态三种视图模式
+ *
+ * @example
+ * import { PisellFields } from '@pisell/materials';
+ *
+ * <PisellFields.SingleLineText value="hello" viewMode="edit" />
+ * <PisellFields.Number value={123} viewMode="readonly" />
+ * <PisellFields.Currency value={1000} currencySymbol="$" />
+ */
+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/es/components/PisellFields/index.js

@@ -0,0 +1,41 @@
+/**
+ * PisellFields 命名空间
+ * 字段组件集合 - 支持编辑态、只读态、禁用态三种视图模式
+ * 
+ * @example
+ * import { PisellFields } from '@pisell/materials';
+ * 
+ * <PisellFields.SingleLineText value="hello" viewMode="edit" />
+ * <PisellFields.Number value={123} viewMode="readonly" />
+ * <PisellFields.Currency value={1000} currencySymbol="$" />
+ */
+
+import { PisellSingleLineText } from "../pisellSingleLineText";
+import { PisellLongText } from "../pisellLongText";
+import { PisellNumber } from "../pisellNumber";
+import { PisellCurrency } from "../pisellCurrency";
+import { PisellPercent } from "../pisellPercent";
+import { PisellPhone } from "../pisellPhone";
+import { PisellEmail } from "../pisellEmail";
+import { PisellUrl } from "../pisellUrl";
+import { PisellRating } from "../pisellRating";
+import { PisellSingleSelect } from "../pisellSingleSelect";
+import { PisellMultipleSelect } from "../pisellMultipleSelect";
+
+// 命名空间导出
+var PisellFields = {
+  SingleLineText: PisellSingleLineText,
+  LongText: PisellLongText,
+  Number: PisellNumber,
+  Currency: PisellCurrency,
+  Percent: PisellPercent,
+  Phone: PisellPhone,
+  Email: PisellEmail,
+  Url: PisellUrl,
+  Rating: PisellRating,
+  SingleSelect: PisellSingleSelect,
+  MultipleSelect: PisellMultipleSelect
+};
+export default PisellFields;
+
+// 类型导出

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

@@ -0,0 +1,32 @@
+/**
+ * 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>
+ */
+declare const PisellLayouts: {
+    BasicGrid: <T>(props: import("../PisellBasicGrid").PisellBasicGridProps<T>) => 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) => 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/es/components/PisellLayouts/index.js

@@ -0,0 +1,43 @@
+/**
+ * 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>
+ */
+
+import PisellBasicGrid from "../PisellBasicGrid";
+import PisellScrollView from "../PisellScrollView";
+import PisellLayout from "../pisellLayout";
+import PisellContent from "../pisellLayout/content";
+import PisellFooter from "../pisellLayout/footer";
+import PisellHeader from "../pisellLayout/header";
+import PisellSider from "../pisellLayout/sider";
+import PisellContainer from "../pisellContainer";
+import PisellRow from "../pisellRow";
+import PisellViewGrid from "../pisellViewGrid";
+
+// 命名空间导出
+var PisellLayouts = {
+  BasicGrid: PisellBasicGrid,
+  ScrollView: PisellScrollView,
+  Layout: PisellLayout,
+  Content: PisellContent,
+  Footer: PisellFooter,
+  Header: PisellHeader,
+  Sider: PisellSider,
+  Container: PisellContainer,
+  Row: PisellRow,
+  ViewGrid: PisellViewGrid
+};
+export default PisellLayouts;
+
+// 类型导出

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

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

package/es/components/PisellMetrics/index.js

@@ -0,0 +1,29 @@
+/**
+ * PisellMetrics 命名空间
+ * 数据指标展示组件集合
+ *
+ * @example
+ * import { PisellMetrics } from '@pisell/materials';
+ *
+ * <PisellMetrics.MetricCard
+ *   title="Total Sales"
+ *   value={1580}
+ *   comparison={120}
+ *   showTrendIcon
+ * />
+ * <PisellMetrics.StatisticList data={[...]} />
+ */
+
+import PisellMetricCard from "../pisellMetricCard";
+import PisellStatisticList from "../pisellStatisticList";
+import CardMetricItem from "../cardMetricItem";
+
+// 命名空间导出
+var PisellMetrics = {
+  MetricCard: PisellMetricCard,
+  StatisticList: PisellStatisticList,
+  MetricItem: CardMetricItem
+};
+export default PisellMetrics;
+
+// 类型导出

package/es/components/cardMetricItem/index.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 import './index.less';
-interface PisellStatisticProps {
+/**
+ * CardMetricItem 组件 Props
+ */
+export interface PisellStatisticProps {
     title: string;
     number: string | number;
     hint?: React.ReactNode;

package/es/components/cardMetricItem/index.js

@@ -5,6 +5,11 @@ import { formatAmountWithOptions } from '@pisell/utils';
 import { useResponsive } from "../../hooks";
 import usePisellConfig from "./../pisell-config-provider/hooks/usePisellConfig";
 import "./index.less";
+
+/**
+ * CardMetricItem 组件 Props
+ */
+
 var CardMetricItem = function CardMetricItem(props) {
   useEffect(function () {
     document.body.id = 'body';

package/es/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 declare const Subdomain: React.FC<import("antd").InputProps & {
     onChange: (value: string) => void;
     onBlur?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-    rootDomain: "custom" | "xzero" | "saas";
+    rootDomain: "custom" | "saas" | "xzero";
     customDomain?: string | undefined;
     value?: string | undefined;
     tenantId: string;

package/es/components/dataSourceComponents/fields/Upload/utils.d.ts

@@ -15,4 +15,4 @@ export declare const getFileMetadataParams: (file: RcFile & {
     metadata?: MediaMetadata;
 }) => Record<string, any>;
 export declare const isValueEqual: (value: any, fileListValue: any) => boolean;
-export declare const getBaseTime: (size: number) => 2000 | 1000 | 4000 | 8000;
+export declare const getBaseTime: (size: number) => 1000 | 2000 | 4000 | 8000;

package/es/components/dataSourceComponents/fields/index.d.ts

@@ -19,7 +19,7 @@ declare const formFieldMap: {
         Subdomain: import("react").FC<import("antd").InputProps & {
             onChange: (value: string) => void;
             onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-            rootDomain: "custom" | "xzero" | "saas";
+            rootDomain: "custom" | "saas" | "xzero";
             customDomain?: string | undefined;
             value?: string | undefined;
             tenantId: string;
@@ -59,7 +59,11 @@ declare const formFieldMap: {
     FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<import("./Input/type").InputProps> & {
+declare const getFieldComponent: (fieldComponent: string) => (import("react").FC<{}> & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+} & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
     JSON: import("react").FC<any>;
     Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
@@ -72,7 +76,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     Subdomain: import("react").FC<import("antd").InputProps & {
         onChange: (value: string) => void;
         onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-        rootDomain: "custom" | "xzero" | "saas";
+        rootDomain: "custom" | "saas" | "xzero";
         customDomain?: string | undefined;
         value?: string | undefined;
         tenantId: string;
@@ -80,10 +84,6 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
         fieldKey?: string | undefined;
     } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 }) | (import("react").FC<{}> & {
-    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-} & {
-    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -95,7 +95,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
-}) => JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
+}) => JSX.Element) | import("react").FC<any> | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
     onChange: (value: string) => void;
-} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 export { getFieldComponent, formFieldMap };

package/es/components/page/index.js

@@ -20,6 +20,7 @@ import zhTW from 'antd/es/locale/zh_TW';
 import zhHK from 'antd/es/locale/zh_HK';
 import PisellConfigProvider from "../pisell-config-provider";
 import useEngineContext from "../../hooks/useEngineContext";
+import { getThemeConfig } from "../../theme/tokens";
 var localMap = {
   'zh-TW': zhTW,
   'zh-CN': zhCN,
@@ -63,133 +64,15 @@ var Page = function Page(props) {
     if (props !== null && props !== void 0 && props.theme) {
       var _props$theme;
       return _objectSpread(_objectSpread({}, props.theme), {}, {
-        // cssVar: { key: 'app' },
         token: _objectSpread(_objectSpread({}, props.theme.token), {}, {
           // 外部透传主题时，如果没有传入colorPrimary 默认使用主项目内主题色
           colorPrimary: (props === null || props === void 0 || (_props$theme = props.theme) === null || _props$theme === void 0 || (_props$theme = _props$theme.token) === null || _props$theme === void 0 ? void 0 : _props$theme.colorPrimary) || themeColor || '#5D3F9F'
         })
       });
     }
-    return {
-      // cssVar: { key: 'app' },
-      components: {
-        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',
-          // colorPrimaryActive: '#5D3F9F',
-          // colorPrimaryBorder: '#E9D7FE',
-          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',
-          // lastItemColor: '#6941C6',
-          separatorMargin: 12,
-          separatorColor: '#D0D5DD',
-          linkHoverColor: '#1D2939',
-          linkColor: '#475467',
-          colorBgTextHover: '#F9FAFB',
-          paddingXXS: 8
-        },
-        Dropdown: {
-          borderRadiusLG: 8,
-          // "boxShadowPopoverArrow": "2px 2px 5px rgba(0, 0, 0, 0.05)",
-          controlHeight: 42,
-          fontSize: 14
-        },
-        DatePicker: {
-          borderRadius: 8,
-          colorTextPlaceholder: '#667085',
-          colorIcon: '#667085',
-          colorTextQuaternary: '#D0D5DD',
-          colorBgContainerDisabled: '#F9FAFB',
-          colorTextDisabled: '#98A2B3'
-        },
-        Input: {
-          fontSizeIcon: 16,
-          addonBg: '#fff'
-          // "lineHeight": 1
-        },
-        Select: {
-          fontSizeIcon: 16
-          // "lineHeight": 1
-        },
-        Menu: {
-          subMenuItemSelectedColor: "#9976e3"
-        }
-      },
-      token: {
-        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
-      }
-    };
-  }, [platform, themeColor, props === null || props === void 0 ? void 0 : props.theme]);
+    // 使用统一的 token 配置
+    return getThemeConfig(themeColor);
+  }, [themeColor, props === null || props === void 0 ? void 0 : props.theme]);
   var datePickerTheme = useMemo(function () {
     var _theme$token;
     return createTheme({

package/es/components/pisellCurrency/PisellCurrency.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import type { PisellCurrencyProps } from './types';
+import './PisellCurrency.less';
+/**
+ * PisellCurrency 货币组件
+ *
+ * 基于 PisellNumber 派生，专门处理货币数据。
+ * 默认启用千分位和2位小数，符合财务规范。
+ *
+ * @param props 组件 Props
+ *
+ * @example
+ * // 受控模式
+ * const [price, setPrice] = useState(0);
+ * <PisellCurrency
+ *   value={price}
+ *   onChange={setPrice}
+ *   currencySymbol="¥"
+ * />
+ *
+ * @example
+ * // 非受控模式
+ * <PisellCurrency
+ *   defaultValue={100}
+ *   currencySymbol="$"
+ * />
+ *
+ * @example
+ * // 只读态
+ * <PisellCurrency
+ *   mode="read"
+ *   value={1234.56}
+ *   currencySymbol="¥"
+ * />
+ * // 显示: ¥1,234.56
+ */
+export declare const PisellCurrency: React.FC<PisellCurrencyProps>;
+declare const MemoizedPisellCurrency: React.NamedExoticComponent<PisellCurrencyProps>;
+export default MemoizedPisellCurrency;

package/es/components/pisellCurrency/PisellCurrency.js

@@ -0,0 +1,67 @@
+import React from 'react';
+import { getDisplayState } from '@pisell/utils';
+import ReadOnlyView from "./components/ReadOnlyView";
+import EditView from "./components/EditView";
+import DisabledView from "./components/DisabledView";
+import "./PisellCurrency.less";
+
+/**
+ * PisellCurrency 货币组件
+ * 
+ * 基于 PisellNumber 派生，专门处理货币数据。
+ * 默认启用千分位和2位小数，符合财务规范。
+ * 
+ * @param props 组件 Props
+ * 
+ * @example
+ * // 受控模式
+ * const [price, setPrice] = useState(0);
+ * <PisellCurrency 
+ *   value={price}
+ *   onChange={setPrice}
+ *   currencySymbol="¥"
+ * />
+ * 
+ * @example
+ * // 非受控模式
+ * <PisellCurrency 
+ *   defaultValue={100}
+ *   currencySymbol="$"
+ * />
+ * 
+ * @example
+ * // 只读态
+ * <PisellCurrency 
+ *   mode="read"
+ *   value={1234.56}
+ *   currencySymbol="¥"
+ * />
+ * // 显示: ¥1,234.56
+ */
+export var PisellCurrency = function PisellCurrency(props) {
+  var _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'edit' : _props$mode,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled;
+
+  // 计算显示状态
+  var displayState = getDisplayState(mode, disabled);
+
+  // 根据状态渲染对应子组件
+  switch (displayState) {
+    case 'read':
+      return /*#__PURE__*/React.createElement(ReadOnlyView, props);
+    case 'edit':
+      return /*#__PURE__*/React.createElement(EditView, props);
+    case 'disabled':
+      return /*#__PURE__*/React.createElement(DisabledView, props);
+    default:
+      return null;
+  }
+};
+
+// 性能优化：使用 memo 避免不必要的重渲染
+var MemoizedPisellCurrency = /*#__PURE__*/React.memo(PisellCurrency, function (prevProps, nextProps) {
+  return prevProps.value === nextProps.value && prevProps.mode === nextProps.mode && prevProps.disabled === nextProps.disabled && prevProps.currencySymbol === nextProps.currencySymbol && prevProps.symbolPosition === nextProps.symbolPosition;
+});
+export default MemoizedPisellCurrency;

package/es/components/pisellCurrency/PisellCurrency.less

@@ -0,0 +1,43 @@
+// PisellCurrency 组件样式
+
+.pisell-currency {
+  // 基础样式
+  display: inline-block;
+
+  // 只读态样式
+  &-read {
+    color: rgba(0, 0, 0, 0.85);
+    line-height: 1.5715;
+    
+    // 货币数值可以加粗显示（可选）
+    font-weight: 500;
+  }
+
+  // 编辑态样式
+  &-edit {
+    position: relative;
+
+    // 错误提示
+    .pisell-currency-error {
+      margin-top: 4px;
+      color: #ff4d4f;
+      font-size: 14px;
+      line-height: 1.5;
+    }
+  }
+
+  // 禁用态样式
+  &-disabled {
+    // 继承 Ant Design InputNumber 的禁用样式
+  }
+  
+  // 负数显示为红色（可选）
+  &.negative {
+    color: #ff4d4f;
+  }
+  
+  // 正数显示为绿色（可选，用于收益场景）
+  &.positive {
+    color: #52c41a;
+  }
+}