@pisell/materials 6.3.25 → 6.3.27

package/es/components/dataSourceComponents/dataSourceForm/utils.js

@@ -419,9 +419,13 @@ export var withFormItem = function withFormItem(WrappedComponent, overlayProps)
 };
 export var withDataSource = function withDataSource(WrappedComponent) {
   return function (props) {
-    var dataSource = props.dataSource;
+    var dataSource = props.dataSource,
+      extraParams = props.extraParams;
     return /*#__PURE__*/React.createElement(DataSourceProvider, {
       dataSource: dataSource,
+      extraParams: {
+        list: extraParams
+      },
       requestOptions: {
         list: {
           cacheKey: "".concat(dataSource === null || dataSource === void 0 ? void 0 : dataSource.headerDataSource, "-").concat(dataSource === null || dataSource === void 0 ? void 0 : dataSource.name, "-").concat(dataSource === null || dataSource === void 0 ? void 0 : dataSource.tableName)

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const useDrawerState: (operationContent?: {
     [key: string]: import("react").ReactNode;
 } | undefined) => any;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useFormat.js

@@ -138,22 +138,40 @@ var useFormat = function useFormat(_ref4) {
     fields = _ref4.fields;
   // list接口请求 结果格式化
   var formatListResult = useMemoizedFn(function (res) {
-    if (dataSourceKey === 'pisell2-api' && 'list' in res && 'page' in res) {
-      return {
-        data: res.list,
-        count: res.count,
-        page: res.page,
-        pageSize: res.size
-      };
+    if (dataSourceKey === 'pisell2-api') {
+      if (Array.isArray(res)) {
+        return {
+          data: res,
+          count: res.length,
+          page: 1,
+          pageSize: res.length
+        };
+      } else if ('list' in res && 'page' in res) {
+        return {
+          data: res.list,
+          count: res.count,
+          page: res.page,
+          pageSize: res.size
+        };
+      }
     }
-    if (dataSourceKey === 'mypisell-api' && 'list' in res && 'skip' in res) {
-      var skip = typeof res.skip === 'number' ? res.skip : 1;
-      return {
-        data: res.list,
-        count: res.count,
-        page: skip - 1 || 1,
-        pageSize: res.size
-      };
+    if (dataSourceKey === 'mypisell-api') {
+      if (Array.isArray(res)) {
+        return {
+          data: res,
+          count: res.length,
+          page: 1,
+          pageSize: res.length
+        };
+      } else if ('list' in res && 'skip' in res) {
+        var skip = typeof res.skip === 'number' ? res.skip : 1;
+        return {
+          data: res.list,
+          count: res.count,
+          page: skip - 1 || 1,
+          pageSize: res.size
+        };
+      }
     }
     if ('meta' in res) {
       return {

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSourceTableProps } from '../type';
 declare type Params = {
     pagination?: {

package/es/components/dataSourceComponents/fields/Input.Mobile/serve.d.ts

@@ -8,6 +8,8 @@ export interface Country {
         en: string;
         'zh-CN': string;
         'zh-HK': string;
+        'ja': string;
+        'pt': string;
         original: string;
     };
     code: string;

package/es/components/dataSourceComponents/fields/Input.Phone/serve.d.ts

@@ -9,6 +9,8 @@ export interface Country {
         en: string;
         'zh-CN': string;
         'zh-HK': string;
+        'ja': string;
+        'pt': string;
         original: string;
     };
     code: string;

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/Select/index.d.ts

@@ -7,5 +7,6 @@ declare const SelectWithDataSource: (props: import("antd").SelectProps<any, impo
     extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
+    extraParams?: Record<string, any> | undefined;
 }) => React.JSX.Element;
 export default SelectWithDataSource;

package/es/components/dataSourceComponents/fields/Translation/BaseTranslation.js

@@ -19,6 +19,8 @@ var defaultValue = {
   en: '',
   'zh-CN': '',
   'zh-HK': '',
+  'ja': '',
+  'pt': '',
   original: ''
 };
 var languageConfig = [{
@@ -33,6 +35,12 @@ var languageConfig = [{
 }, {
   key: 'zh-HK',
   label: '繁體中文'
+}, {
+  key: 'ja',
+  label: '日本語'
+}, {
+  key: 'pt',
+  label: 'Português'
 }];
 var Translation = function Translation(_ref) {
   var _ref$value = _ref.value,
@@ -42,7 +50,8 @@ var Translation = function Translation(_ref) {
     disabled = _ref.disabled,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'text' : _ref$type,
-    maxLength = _ref.maxLength;
+    maxLength = _ref.maxLength,
+    inputStyle = _ref.inputStyle;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -93,7 +102,8 @@ var Translation = function Translation(_ref) {
       value: (value === null || value === void 0 ? void 0 : value[key]) || "",
       onChange: handleInputChange(key),
       allowClear: true,
-      maxLength: maxLength
+      maxLength: maxLength,
+      style: inputStyle || {}
     }));
   })));
   return /*#__PURE__*/React.createElement("div", {
@@ -104,7 +114,8 @@ var Translation = function Translation(_ref) {
     placeholder: placeholder,
     disabled: disabled,
     className: "translation-input",
-    maxLength: maxLength
+    maxLength: maxLength,
+    style: inputStyle || {}
   }), /*#__PURE__*/React.createElement(Popover, {
     content: content,
     trigger: "click",

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

@@ -1,4 +1,4 @@
-export declare const SUPPORTED_LANGUAGES: readonly ["original", "en", "zh-CN", "zh-HK"];
+export declare const SUPPORTED_LANGUAGES: readonly ["original", "en", "zh-CN", "zh-HK", "ja", "pt"];
 export declare const DEFAULT_MAX_COUNT = 9;
 export declare const DEFAULT_UID = "-1";
 export declare const MEDIA_TYPES: {

package/es/components/dataSourceComponents/fields/Upload/constants.js

@@ -1,4 +1,4 @@
-export var SUPPORTED_LANGUAGES = ['original', 'en', 'zh-CN', 'zh-HK'];
+export var SUPPORTED_LANGUAGES = ['original', 'en', 'zh-CN', 'zh-HK', 'ja', 'pt'];
 export var DEFAULT_MAX_COUNT = 9;
 export var DEFAULT_UID = '-1';
 export var MEDIA_TYPES = {

package/es/components/dataSourceComponents/fields/Upload/utils.js

@@ -194,7 +194,7 @@ var handleMultilingualSingleFile = function handleMultilingualSingleFile(value)
 };
 var handleMultilingualObject = function handleMultilingualObject(value) {
   var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  var defaultUrl = value.original || value.en || value['zh-CN'] || value['zh-HK'];
+  var defaultUrl = value.original || value.en || value['zh-CN'] || value['zh-HK'] || value['ja'] || value['pt'];
   return {
     uid: "-".concat(index),
     name: getFileName(defaultUrl),

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const formFieldMap: {
     FormItemCheckbox: import("react").FC<{}> & {
         Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -19,7 +20,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;
@@ -40,6 +41,7 @@ declare const formFieldMap: {
         extraParams?: Record<string, any> | undefined;
     } & {
         dataSource?: any;
+        extraParams?: Record<string, any> | undefined;
     }) => import("react").JSX.Element;
     FormItemInputNumber: import("react").FC<any>;
     FormItemPercent: import("react").FC<any>;
@@ -76,7 +78,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;
@@ -95,6 +97,7 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
     extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
+    extraParams?: Record<string, any> | undefined;
 }) => import("react").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("./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>;

package/es/components/dataSourceComponents/hooks/useActions.js

@@ -111,7 +111,8 @@ var useActions = function useActions() {
                 baseUrl: baseUrlMap[dataSourceKey] || (options === null || options === void 0 ? void 0 : options.baseUrl),
                 params: params,
                 headers: headers,
-                body: body
+                body: body,
+                dataSourceKey: dataSourceKey
               });
             case 2:
               result = _context.sent;
@@ -338,7 +339,7 @@ var useActions = function useActions() {
             listApi = genCustomApi(actions === null || actions === void 0 ? void 0 : actions.list);
             _context5.t0 = formatListResult;
             _context5.next = 9;
-            return listApi(formatParams);
+            return listApi(_objectSpread(_objectSpread({}, formatParams), (extraParams === null || extraParams === void 0 ? void 0 : extraParams.list) || {}));
           case 9:
             _context5.t1 = _context5.sent;
             return _context5.abrupt("return", (0, _context5.t0)(_context5.t1));

package/es/components/dataSourceComponents/hooks/useFormSettingParams.js

@@ -0,0 +1,32 @@
+import useEngineContext from "../../../hooks/useEngineContext";
+import { getUrlParams } from "../dataSourceForm/urlUtils";
+var scopeMap = {
+  saas: 'saas',
+  org: 'organization',
+  biz: 'business',
+  channel: 'channel',
+  board: 'board'
+};
+var useFormSettingParams = function useFormSettingParams() {
+  var _context$appHelper, _app$history;
+  var context = useEngineContext();
+  var _context$appHelper$ut = (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils,
+    getApp = _context$appHelper$ut.getApp;
+  var app = getApp === null || getApp === void 0 ? void 0 : getApp();
+  var params = app === null || app === void 0 || (_app$history = app.history) === null || _app$history === void 0 ? void 0 : _app$history.useParams();
+  var queryParams = getUrlParams();
+  var businessCode = (queryParams === null || queryParams === void 0 ? void 0 : queryParams.biz) || (queryParams === null || queryParams === void 0 ? void 0 : queryParams.business_code);
+  var channelCode = queryParams === null || queryParams === void 0 ? void 0 : queryParams.channel;
+  var scope = scopeMap[params === null || params === void 0 ? void 0 : params.scope];
+  var originTarget = businessCode && channelCode ? "".concat(businessCode, "+").concat(channelCode) : businessCode || channelCode;
+
+  // saas / organization：无需传值
+  var target = ['organization', 'saas'].includes(scope) ? undefined : originTarget;
+  return {
+    businessCode: businessCode,
+    channelCode: channelCode,
+    scope: scope,
+    target: target
+  };
+};
+export default useFormSettingParams;

package/es/components/drag-sort-tree/TreeItem/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import './index.less';
+import { ValueProps, SortType } from '../types';
+declare type IdType = string | number;
+declare type TreeItemProps = {
+    id: string | number;
+    key: string | number;
+    item: ValueProps | any;
+    depth: number;
+    lists: any[];
+    childrenProps?: SortType;
+    sensors?: any;
+    expandedKeys?: IdType[];
+    setExpandedKeys?: any;
+    onSelectKeys?: (ids: IdType) => void;
+    onChange?: (value: any[]) => void;
+};
+declare const TreeItem: (props: TreeItemProps) => React.JSX.Element;
+export default TreeItem;

package/es/components/page/index.js

@@ -8,7 +8,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useMemo } from 'react';
+import React, { useEffect, useMemo } from 'react';
 import ConfigProvider from "../config-provider";
 import { AdapterDayjs } from '@pisell/date-picker/es/AdapterDayjs';
 import VariablesProvider from "../dataSourceComponents/provider/variables/VariablesProvider";
@@ -18,14 +18,19 @@ import enUS from 'antd/es/locale/en_US';
 import zhCN from 'antd/es/locale/zh_CN';
 import zhTW from 'antd/es/locale/zh_TW';
 import zhHK from 'antd/es/locale/zh_HK';
+import jaJP from 'antd/es/locale/ja_JP';
+import ptPT from 'antd/es/locale/pt_PT';
 import PisellConfigProvider from "../pisell-config-provider";
 import useEngineContext from "../../hooks/useEngineContext";
+import { getThemeConfig } from "../../theme/tokens";
 var localMap = {
   'zh-TW': zhTW,
   'zh-CN': zhCN,
   'zh-HK': zhHK,
   'en-US': enUS,
-  en: enUS
+  en: enUS,
+  'ja': jaJP,
+  'pt': ptPT
 };
 var localeDateMap = {
   'en-US': {
@@ -42,6 +47,12 @@ var localeDateMap = {
   },
   'zh-CN': {
     adapterLocale: 'zh-cn'
+  },
+  'ja': {
+    adapterLocale: 'ja'
+  },
+  'pt': {
+    adapterLocale: 'pt'
   }
 };
 var Page = function Page(props) {
@@ -60,133 +71,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({
@@ -197,6 +90,11 @@ var Page = function Page(props) {
       }
     });
   }, [platform, themeColor]);
+  useEffect(function () {
+    // body追加id来处理antd 5 取消:where 时css权重问题
+    // 物料中css使用post-css追加 #body 前缀
+    document.body.id = 'body';
+  }, []);
   return /*#__PURE__*/React.createElement(ConfigProvider, _extends({}, others, {
     locale: localMap[locale],
     prefixCls: props.prefixCls || 'pisell-lowcode',

package/es/components/pisellAdjustPrice/status.d.ts

@@ -0,0 +1,32 @@
+export declare const defaultConfig: {
+    dark: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        isShowMainText: boolean;
+        mainTextColor: string;
+        isShowSubText: boolean;
+        subTextColor: string;
+    };
+    light: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        isShowMainText: boolean;
+        mainTextColor: string;
+        isShowSubText: boolean;
+        subTextColor: string;
+    };
+};

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;