@pisell/materials 6.9.3 → 6.9.5

package/lib/theme/tokens.js

@@ -0,0 +1,277 @@
+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/theme/tokens.ts
+var tokens_exports = {};
+__export(tokens_exports, {
+  getComponentsToken: () => getComponentsToken,
+  getGlobalToken: () => getGlobalToken,
+  getThemeConfig: () => getThemeConfig
+});
+module.exports = __toCommonJS(tokens_exports);
+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"
+    }
+  };
+}
+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
+  };
+}
+function getThemeConfig(themeColor) {
+  return {
+    components: getComponentsToken(),
+    token: getGlobalToken(themeColor)
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getComponentsToken,
+  getGlobalToken,
+  getThemeConfig
+});

package/lowcode/pisell-currency/index.ts

@@ -0,0 +1,3 @@
+import PisellCurrency from './meta';
+
+export default PisellCurrency;

package/lowcode/pisell-currency/meta.ts

@@ -0,0 +1,350 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellCurrency',
+  title: '货币',
+  category: '表单',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellCurrency',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  configure: {
+    props: [
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Basic',
+            'zh-CN': '基础配置',
+          },
+        },
+        display: 'block',
+        type: 'group',
+        items: [
+          {
+            name: 'mode',
+            title: {
+              label: '状态模式',
+              tip: 'mode | 组件的状态模式，只读态或编辑态',
+            },
+            propType: { type: 'oneOf', value: ['read', 'edit'] },
+            setter: [
+              {
+                componentName: 'RadioGroupSetter',
+                props: {
+                  options: [
+                    { title: '只读', value: 'read' },
+                    { title: '编辑', value: 'edit' },
+                  ],
+                },
+              },
+              'VariableSetter',
+            ],
+            defaultValue: 'edit',
+          },
+          {
+            name: 'value',
+            title: {
+              label: '当前值',
+              tip: 'value | 金额数值（受控模式）',
+            },
+            propType: { type: 'oneOfType', value: ['number', 'null'] },
+            setter: ['NumberSetter', 'VariableSetter'],
+          },
+          {
+            name: 'defaultValue',
+            title: {
+              label: '默认值',
+              tip: 'defaultValue | 默认金额（非受控模式）',
+            },
+            propType: { type: 'oneOfType', value: ['number', 'null'] },
+            setter: ['NumberSetter', 'VariableSetter'],
+          },
+          {
+            name: 'placeholder',
+            title: {
+              label: '占位文本',
+              tip: 'placeholder | 输入框占位文本',
+            },
+            propType: 'string',
+            setter: ['PisellI18nSetter', 'StringSetter'],
+            defaultValue: '请输入金额',
+          },
+          {
+            name: 'disabled',
+            title: {
+              label: '是否禁用',
+              tip: 'disabled | 是否禁用状态',
+            },
+            propType: 'bool',
+            setter: ['BoolSetter', 'VariableSetter'],
+            defaultValue: false,
+          },
+        ],
+      },
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Currency',
+            'zh-CN': '货币配置',
+          },
+        },
+        display: 'block',
+        type: 'group',
+        items: [
+          {
+            name: 'currencySymbol',
+            title: {
+              label: '货币符号',
+              tip: 'currencySymbol | 货币符号，如 ¥, $, €, £',
+            },
+            propType: 'string',
+            setter: ['StringSetter', 'VariableSetter'],
+            defaultValue: '¥',
+          },
+          {
+            name: 'symbolPosition',
+            title: {
+              label: '符号位置',
+              tip: 'symbolPosition | 货币符号位置，前置或后置',
+            },
+            propType: { type: 'oneOf', value: ['before', 'after'] },
+            setter: [
+              {
+                componentName: 'RadioGroupSetter',
+                props: {
+                  options: [
+                    { title: '前置', value: 'before' },
+                    { title: '后置', value: 'after' },
+                  ],
+                },
+              },
+              'VariableSetter',
+            ],
+            defaultValue: 'before',
+          },
+          {
+            name: 'showSymbol',
+            title: {
+              label: '显示符号',
+              tip: 'showSymbol | 是否显示货币符号',
+            },
+            propType: 'bool',
+            setter: ['BoolSetter', 'VariableSetter'],
+            defaultValue: true,
+          },
+          {
+            name: 'currencyCode',
+            title: {
+              label: '货币代码',
+              tip: 'currencyCode | 货币代码（用于标识），如 CNY, USD, EUR',
+            },
+            propType: 'string',
+            setter: ['StringSetter', 'VariableSetter'],
+          },
+          {
+            name: 'allowNegative',
+            title: {
+              label: '允许负数',
+              tip: 'allowNegative | 是否允许负数（退款场景允许，价格场景不允许）',
+            },
+            propType: 'bool',
+            setter: ['BoolSetter', 'VariableSetter'],
+            defaultValue: true,
+          },
+        ],
+      },
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Number Config',
+            'zh-CN': '数值配置',
+          },
+        },
+        display: 'block',
+        type: 'group',
+        items: [
+          {
+            name: 'min',
+            title: {
+              label: '最小值',
+              tip: 'min | 允许的最小值',
+            },
+            propType: 'number',
+            setter: ['NumberSetter', 'VariableSetter'],
+          },
+          {
+            name: 'max',
+            title: {
+              label: '最大值',
+              tip: 'max | 允许的最大值',
+            },
+            propType: 'number',
+            setter: ['NumberSetter', 'VariableSetter'],
+          },
+          {
+            name: 'step',
+            title: {
+              label: '步进值',
+              tip: 'step | 每次改变步数',
+            },
+            propType: 'number',
+            setter: ['NumberSetter', 'VariableSetter'],
+            defaultValue: 1,
+          },
+          {
+            name: 'precision',
+            title: {
+              label: '小数精度',
+              tip: 'precision | 小数位数，货币默认2位',
+            },
+            propType: 'number',
+            setter: ['NumberSetter', 'VariableSetter'],
+            defaultValue: 2,
+          },
+        ],
+      },
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Validation',
+            'zh-CN': '校验配置',
+          },
+        },
+        display: 'block',
+        type: 'group',
+        items: [
+          {
+            name: 'required',
+            title: {
+              label: '是否必填',
+              tip: 'required | 是否为必填项',
+            },
+            propType: 'bool',
+            setter: ['BoolSetter', 'VariableSetter'],
+            defaultValue: false,
+          },
+          {
+            name: 'errorMessage',
+            title: {
+              label: '错误提示',
+              tip: 'errorMessage | 自定义错误提示信息',
+            },
+            propType: 'string',
+            setter: ['PisellI18nSetter', 'StringSetter', 'VariableSetter'],
+          },
+          {
+            name: 'validateTrigger',
+            title: {
+              label: '校验时机',
+              tip: 'validateTrigger | 校验触发时机',
+            },
+            propType: { type: 'oneOf', value: ['onChange', 'onBlur', 'both'] },
+            setter: [
+              {
+                componentName: 'RadioGroupSetter',
+                props: {
+                  options: [
+                    { title: '输入时', value: 'onChange' },
+                    { title: '失焦时', value: 'onBlur' },
+                    { title: '两者都', value: 'both' },
+                  ],
+                },
+              },
+              'VariableSetter',
+            ],
+            defaultValue: 'onBlur',
+          },
+        ],
+      },
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Style',
+            'zh-CN': '样式',
+          },
+        },
+        display: 'block',
+        type: 'group',
+        items: [
+          {
+            name: 'size',
+            title: {
+              label: '尺寸',
+              tip: 'size | 输入框尺寸',
+            },
+            propType: { type: 'oneOf', value: ['large', 'middle', 'small'] },
+            setter: [
+              {
+                componentName: 'RadioGroupSetter',
+                props: {
+                  options: [
+                    { title: '大', value: 'large' },
+                    { title: '中', value: 'middle' },
+                    { title: '小', value: 'small' },
+                  ],
+                },
+              },
+              'VariableSetter',
+            ],
+            defaultValue: 'middle',
+          },
+          {
+            name: 'className',
+            title: {
+              label: '样式类名',
+              tip: 'className | 自定义样式类名',
+            },
+            propType: 'string',
+            setter: 'StringSetter',
+          },
+          {
+            name: 'style',
+            title: {
+              label: '自定义样式',
+              tip: 'style | 自定义样式对象',
+            },
+            propType: 'object',
+            setter: 'StyleSetter',
+          },
+        ],
+      },
+    ],
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(value,${extParams}){\n// 金额变化时的回调\nconsole.log('onChange', value);}",
+        },
+        {
+          name: 'onBlur',
+          template: "onBlur(value,${extParams}){\n// 失焦回调\nconsole.log('onBlur', value);}",
+        },
+        {
+          name: 'onFocus',
+          template: "onFocus(${extParams}){\n// 聚焦回调\nconsole.log('onFocus');}",
+        },
+        {
+          name: 'onValidate',
+          template:
+            "onValidate(isValid, errors,${extParams}){\n// 校验回调\nconsole.log('onValidate', isValid, errors);}",
+        },
+      ],
+    },
+    component: {},
+  },
+};

package/lowcode/pisell-currency/snippets.ts

@@ -0,0 +1,52 @@
+export default [
+  {
+    title: '货币输入',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellCurrency',
+      props: {
+        mode: 'edit',
+        currencySymbol: '¥',
+        placeholder: '请输入金额',
+      },
+    },
+  },
+  {
+    title: '货币输入（美元）',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellCurrency',
+      props: {
+        mode: 'edit',
+        currencySymbol: '$',
+        placeholder: 'Enter amount',
+      },
+    },
+  },
+  {
+    title: '货币展示（只读）',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellCurrency',
+      props: {
+        mode: 'read',
+        value: 1234.56,
+        currencySymbol: '¥',
+      },
+    },
+  },
+  {
+    title: '商品价格（不允许负数）',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellCurrency',
+      props: {
+        mode: 'edit',
+        currencySymbol: '¥',
+        allowNegative: false,
+        min: 0,
+        placeholder: '请输入价格',
+      },
+    },
+  },
+];

package/lowcode/pisell-datetime-display/index.ts

@@ -0,0 +1,3 @@
+import PisellDateTimeDisplay from './meta';
+
+export default PisellDateTimeDisplay;