@pisell/materials 6.3.25 → 6.3.27

package/lib/components/page/index.js

@@ -42,14 +42,19 @@ var import_en_US = __toESM(require("antd/es/locale/en_US"));
 var import_zh_CN = __toESM(require("antd/es/locale/zh_CN"));
 var import_zh_TW = __toESM(require("antd/es/locale/zh_TW"));
 var import_zh_HK = __toESM(require("antd/es/locale/zh_HK"));
+var import_ja_JP = __toESM(require("antd/es/locale/ja_JP"));
+var import_pt_PT = __toESM(require("antd/es/locale/pt_PT"));
 var import_pisell_config_provider = __toESM(require("../pisell-config-provider"));
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_tokens = require("../../theme/tokens");
 var localMap = {
   "zh-TW": import_zh_TW.default,
   "zh-CN": import_zh_CN.default,
   "zh-HK": import_zh_HK.default,
   "en-US": import_en_US.default,
-  en: import_en_US.default
+  en: import_en_US.default,
+  "ja": import_ja_JP.default,
+  "pt": import_pt_PT.default
 };
 var localeDateMap = {
   "en-US": {
@@ -66,6 +71,12 @@ var localeDateMap = {
   },
   "zh-CN": {
     adapterLocale: "zh-cn"
+  },
+  "ja": {
+    adapterLocale: "ja"
+  },
+  "pt": {
+    adapterLocale: "pt"
   }
 };
 var Page = (props) => {
@@ -79,7 +90,6 @@ var Page = (props) => {
     if (props == null ? void 0 : props.theme) {
       return {
         ...props.theme,
-        // cssVar: { key: 'app' },
         token: {
           ...props.theme.token,
           // 外部透传主题时，如果没有传入colorPrimary 默认使用主项目内主题色
@@ -87,126 +97,8 @@ var Page = (props) => {
         }
       };
     }
-    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 ? void 0 : props.theme]);
+    return (0, import_tokens.getThemeConfig)(themeColor);
+  }, [themeColor, props == null ? void 0 : props.theme]);
   const datePickerTheme = (0, import_react.useMemo)(() => {
     var _a2;
     return (0, import_date_picker.createTheme)({
@@ -215,6 +107,9 @@ var Page = (props) => {
       }
     });
   }, [platform, themeColor]);
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
   return /* @__PURE__ */ import_react.default.createElement(
     import_config_provider.default,
     {

package/lib/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/lib/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/lib/components/pisellCurrency/PisellCurrency.js

@@ -0,0 +1,63 @@
+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/pisellCurrency/PisellCurrency.tsx
+var PisellCurrency_exports = {};
+__export(PisellCurrency_exports, {
+  PisellCurrency: () => PisellCurrency,
+  default: () => PisellCurrency_default
+});
+module.exports = __toCommonJS(PisellCurrency_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_ReadOnlyView = __toESM(require("./components/ReadOnlyView"));
+var import_EditView = __toESM(require("./components/EditView"));
+var import_DisabledView = __toESM(require("./components/DisabledView"));
+var import_PisellCurrency = require("./PisellCurrency.less");
+var PisellCurrency = (props) => {
+  const { mode = "edit", disabled = false } = props;
+  const displayState = (0, import_utils.getDisplayState)(mode, disabled);
+  switch (displayState) {
+    case "read":
+      return /* @__PURE__ */ import_react.default.createElement(import_ReadOnlyView.default, { ...props });
+    case "edit":
+      return /* @__PURE__ */ import_react.default.createElement(import_EditView.default, { ...props });
+    case "disabled":
+      return /* @__PURE__ */ import_react.default.createElement(import_DisabledView.default, { ...props });
+    default:
+      return null;
+  }
+};
+var MemoizedPisellCurrency = import_react.default.memo(PisellCurrency, (prevProps, nextProps) => {
+  return prevProps.value === nextProps.value && prevProps.mode === nextProps.mode && prevProps.disabled === nextProps.disabled && prevProps.currencySymbol === nextProps.currencySymbol && prevProps.symbolPosition === nextProps.symbolPosition;
+});
+var PisellCurrency_default = MemoizedPisellCurrency;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PisellCurrency
+});

package/lib/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;
+  }
+}

package/lib/components/pisellCurrency/PisellCurrency.stories.d.ts

@@ -0,0 +1,56 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PisellCurrency } from './PisellCurrency';
+/**
+ * PisellCurrency 组件 Storybook
+ */
+declare const meta: Meta<typeof PisellCurrency>;
+export default meta;
+declare type Story = StoryObj<typeof PisellCurrency>;
+/**
+ * 基础示例 - 人民币
+ */
+export declare const Basic: Story;
+/**
+ * 不同货币
+ */
+export declare const DifferentCurrencies: Story;
+/**
+ * 只读态展示
+ */
+export declare const ReadOnly: Story;
+/**
+ * 禁用态
+ */
+export declare const Disabled: Story;
+/**
+ * 不显示货币符号
+ */
+export declare const WithoutSymbol: Story;
+/**
+ * 禁止负数（商品价格）
+ */
+export declare const NoNegative: Story;
+/**
+ * 允许负数（退款金额）
+ */
+export declare const AllowNegative: Story;
+/**
+ * 表单场景
+ */
+export declare const InForm: Story;
+/**
+ * 表格场景
+ */
+export declare const InTable: Story;
+/**
+ * 不同精度
+ */
+export declare const DifferentPrecision: Story;
+/**
+ * 只读态样式
+ */
+export declare const ReadOnlyStyles: Story;
+/**
+ * 空值处理
+ */
+export declare const EmptyValue: Story;

package/lib/components/pisellCurrency/PisellCurrency.stories.js

@@ -0,0 +1,251 @@
+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/pisellCurrency/PisellCurrency.stories.tsx
+var PisellCurrency_stories_exports = {};
+__export(PisellCurrency_stories_exports, {
+  AllowNegative: () => AllowNegative,
+  Basic: () => Basic,
+  DifferentCurrencies: () => DifferentCurrencies,
+  DifferentPrecision: () => DifferentPrecision,
+  Disabled: () => Disabled,
+  EmptyValue: () => EmptyValue,
+  InForm: () => InForm,
+  InTable: () => InTable,
+  NoNegative: () => NoNegative,
+  ReadOnly: () => ReadOnly,
+  ReadOnlyStyles: () => ReadOnlyStyles,
+  WithoutSymbol: () => WithoutSymbol,
+  default: () => PisellCurrency_stories_default
+});
+module.exports = __toCommonJS(PisellCurrency_stories_exports);
+var import_PisellCurrency = require("./PisellCurrency");
+var import_react = require("react");
+var import_antd = require("antd");
+var meta = {
+  title: "Components/PisellCurrency",
+  component: import_PisellCurrency.PisellCurrency,
+  tags: ["autodocs"],
+  argTypes: {
+    mode: {
+      control: "radio",
+      options: ["read", "edit"],
+      description: "显示模式"
+    },
+    currencySymbol: {
+      control: "text",
+      description: "货币符号"
+    },
+    symbolPosition: {
+      control: "radio",
+      options: ["before", "after"],
+      description: "符号位置"
+    },
+    value: {
+      control: "number",
+      description: "当前值"
+    }
+  }
+};
+var PisellCurrency_stories_default = meta;
+var Basic = {
+  args: {
+    value: 1234.56,
+    currencySymbol: "¥"
+  },
+  render: (args) => {
+    const [value, setValue] = (0, import_react.useState)(args.value);
+    return /* @__PURE__ */ React.createElement(import_PisellCurrency.PisellCurrency, { ...args, value, onChange: setValue });
+  }
+};
+var DifferentCurrencies = {
+  render: () => {
+    return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 16 } }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { style: { marginRight: 8, width: 80, display: "inline-block" } }, "人民币："), /* @__PURE__ */ React.createElement(import_PisellCurrency.PisellCurrency, { mode: "read", value: 6999.99, currencySymbol: "¥" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { style: { marginRight: 8, width: 80, display: "inline-block" } }, "美元："), /* @__PURE__ */ React.createElement(import_PisellCurrency.PisellCurrency, { mode: "read", value: 1234.56, currencySymbol: "$" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { style: { marginRight: 8, width: 80, display: "inline-block" } }, "欧元："), /* @__PURE__ */ React.createElement(import_PisellCurrency.PisellCurrency, { mode: "read", value: 999.99, currencySymbol: "€", symbolPosition: "after" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { style: { marginRight: 8, width: 80, display: "inline-block" } }, "英镑："), /* @__PURE__ */ React.createElement(import_PisellCurrency.PisellCurrency, { mode: "read", value: 599.99, currencySymbol: "£" })));
+  }
+};
+var ReadOnly = {
+  args: {
+    mode: "read",
+    value: 6999.99,
+    currencySymbol: "¥"
+  }
+};
+var Disabled = {
+  args: {
+    disabled: true,
+    value: 1e3,
+    currencySymbol: "¥"
+  }
+};
+var WithoutSymbol = {
+  args: {
+    mode: "read",
+    value: 1234.56,
+    showSymbol: false
+  }
+};
+var NoNegative = {
+  render: () => {
+    const [price, setPrice] = (0, import_react.useState)(100);
+    return /* @__PURE__ */ React.createElement(import_antd.Form.Item, { label: "商品价格" }, /* @__PURE__ */ React.createElement(
+      import_PisellCurrency.PisellCurrency,
+      {
+        value: price,
+        onChange: setPrice,
+        currencySymbol: "¥",
+        allowNegative: false,
+        placeholder: "请输入价格"
+      }
+    ));
+  }
+};
+var AllowNegative = {
+  render: () => {
+    const [refund, setRefund] = (0, import_react.useState)(-150);
+    return /* @__PURE__ */ React.createElement(import_antd.Form.Item, { label: "退款金额" }, /* @__PURE__ */ React.createElement(
+      import_PisellCurrency.PisellCurrency,
+      {
+        value: refund,
+        onChange: setRefund,
+        currencySymbol: "¥",
+        allowNegative: true,
+        placeholder: "请输入退款金额"
+      }
+    ));
+  }
+};
+var InForm = {
+  render: () => {
+    const [price, setPrice] = (0, import_react.useState)(null);
+    const [cost, setCost] = (0, import_react.useState)(null);
+    const [shipping, setShipping] = (0, import_react.useState)(null);
+    return /* @__PURE__ */ React.createElement(import_antd.Form, { layout: "vertical", style: { maxWidth: 400 } }, /* @__PURE__ */ React.createElement(import_antd.Form.Item, { label: "商品价格", required: true }, /* @__PURE__ */ React.createElement(
+      import_PisellCurrency.PisellCurrency,
+      {
+        value: price,
+        onChange: setPrice,
+        currencySymbol: "¥",
+        min: 0,
+        required: true,
+        placeholder: "请输入价格",
+        validateTrigger: "both"
+      }
+    )), /* @__PURE__ */ React.createElement(import_antd.Form.Item, { label: "成本价" }, /* @__PURE__ */ React.createElement(
+      import_PisellCurrency.PisellCurrency,
+      {
+        value: cost,
+        onChange: setCost,
+        currencySymbol: "¥",
+        min: 0,
+        placeholder: "请输入成本"
+      }
+    )), /* @__PURE__ */ React.createElement(import_antd.Form.Item, { label: "运费" }, /* @__PURE__ */ React.createElement(
+      import_PisellCurrency.PisellCurrency,
+      {
+        value: shipping,
+        onChange: setShipping,
+        currencySymbol: "¥",
+        min: 0,
+        placeholder: "请输入运费"
+      }
+    )));
+  }
+};
+var InTable = {
+  render: () => {
+    const dataSource = [
+      { id: 1, name: "笔记本电脑", price: 6999.99, sales: 12345 },
+      { id: 2, name: "无线鼠标", price: 129.5, sales: 5678 },
+      { id: 3, name: "机械键盘", price: 599, sales: 8901 }
+    ];
+    const columns = [
+      {
+        title: "商品名称",
+        dataIndex: "name"
+      },
+      {
+        title: "单价",
+        dataIndex: "price",
+        render: (value) => /* @__PURE__ */ React.createElement(import_PisellCurrency.PisellCurrency, { mode: "read", value, currencySymbol: "¥" }),
+        sorter: (a, b) => a.price - b.price
+      },
+      {
+        title: "销售额",
+        dataIndex: "sales",
+        render: (value) => /* @__PURE__ */ React.createElement(import_PisellCurrency.PisellCurrency, { mode: "read", value, currencySymbol: "¥" }),
+        sorter: (a, b) => a.sales - b.sales
+      }
+    ];
+    return /* @__PURE__ */ React.createElement(import_antd.Table, { dataSource, columns, pagination: false });
+  }
+};
+var DifferentPrecision = {
+  render: () => {
+    return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 16 } }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { style: { marginRight: 8 } }, "默认（2位小数）："), /* @__PURE__ */ React.createElement(import_PisellCurrency.PisellCurrency, { mode: "read", value: 1234.567, currencySymbol: "¥" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { style: { marginRight: 8 } }, "整数（0位小数）："), /* @__PURE__ */ React.createElement(import_PisellCurrency.PisellCurrency, { mode: "read", value: 1234.567, currencySymbol: "¥", precision: 0 })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { style: { marginRight: 8 } }, "3位小数："), /* @__PURE__ */ React.createElement(import_PisellCurrency.PisellCurrency, { mode: "read", value: 1234.567, currencySymbol: "¥", precision: 3 })));
+  }
+};
+var ReadOnlyStyles = {
+  render: () => {
+    return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 16 } }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { style: { marginRight: 8 } }, "默认："), /* @__PURE__ */ React.createElement(import_PisellCurrency.PisellCurrency, { mode: "read", value: 1234.56, currencySymbol: "¥" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { style: { marginRight: 8 } }, "大字号："), /* @__PURE__ */ React.createElement(
+      import_PisellCurrency.PisellCurrency,
+      {
+        mode: "read",
+        value: 1234.56,
+        currencySymbol: "¥",
+        fontSize: 24,
+        fontWeight: "bold"
+      }
+    )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { style: { marginRight: 8 } }, "红色（负债）："), /* @__PURE__ */ React.createElement(
+      import_PisellCurrency.PisellCurrency,
+      {
+        mode: "read",
+        value: -1234.56,
+        currencySymbol: "¥",
+        color: "#ff4d4f"
+      }
+    )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { style: { marginRight: 8 } }, "绿色（收益）："), /* @__PURE__ */ React.createElement(
+      import_PisellCurrency.PisellCurrency,
+      {
+        mode: "read",
+        value: 1234.56,
+        currencySymbol: "¥",
+        color: "#52c41a"
+      }
+    )));
+  }
+};
+var EmptyValue = {
+  render: () => {
+    return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 16 } }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { style: { marginRight: 8 } }, "默认空值："), /* @__PURE__ */ React.createElement(import_PisellCurrency.PisellCurrency, { mode: "read", value: null, currencySymbol: "¥" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { style: { marginRight: 8 } }, "自定义空值："), /* @__PURE__ */ React.createElement(import_PisellCurrency.PisellCurrency, { mode: "read", value: null, currencySymbol: "¥", emptyText: "暂无金额" })));
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AllowNegative,
+  Basic,
+  DifferentCurrencies,
+  DifferentPrecision,
+  Disabled,
+  EmptyValue,
+  InForm,
+  InTable,
+  NoNegative,
+  ReadOnly,
+  ReadOnlyStyles,
+  WithoutSymbol
+});

package/lib/components/pisellCurrency/components/DisabledView.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { PisellCurrencyProps } from '../types';
+/**
+ * PisellCurrency 禁用态视图组件
+ *
+ * 负责渲染禁用态的输入框
+ *
+ * @param props 组件 Props
+ */
+declare const DisabledView: React.FC<PisellCurrencyProps>;
+export default DisabledView;