@pisell/materials 1.0.1057 → 1.0.1059

package/lib/index.js

@@ -114,12 +114,14 @@ __export(src_exports, {
   Page: () => import_page.default,
   PageHeader: () => import_page_header.default,
   Pagination: () => import_antd.Pagination,
+  PisellActionPanel: () => import_pisellActionPanel.PisellActionPanel,
   PisellAdjustPrice: () => import_pisellAdjustPrice.default,
   PisellAdjustPriceInputNumber: () => import_PisellAdjustPriceInputNumber.default,
   PisellAlert: () => import_pisellAlert.default,
   PisellAnchor: () => import_pisellAnchor.default,
   PisellAppCard: () => import_pisellAppCard.default,
   PisellAvatar: () => import_pisellAvatar.default,
+  PisellBaseCard: () => import_pisellBaseCard.PisellBaseCard,
   PisellBasicGrid: () => import_PisellBasicGrid.default,
   PisellBatchActionBar: () => import_pisellBatchActionBar.default,
   PisellCard: () => import_pisellCard.default,
@@ -127,12 +129,14 @@ __export(src_exports, {
   PisellCards: () => import_PisellCards.default,
   PisellCheckboxGroup: () => import_pisellCheckboxGroup.default,
   PisellConfigProvider: () => import_pisell_config_provider.default,
+  PisellContactBrief: () => import_PisellContactBrief.PisellContactBrief,
   PisellContainer: () => import_pisellContainer.default,
   PisellContent: () => import_content.default,
   PisellContext: () => import_context.default,
   PisellCountdown: () => import_pisellCountdown.default,
   PisellCurrency: () => import_pisellCurrency.PisellCurrency,
   PisellCustomCheckboxGroup: () => import_pisellCustomCheckboxGroup.default,
+  PisellCustomerBrief: () => import_pisellCustomerBrief.PisellCustomerBrief,
   PisellDataSourceContainer: () => import_pisellDataSourceContainer.default,
   PisellDatePicker: () => import_pisellDatePicker.default,
   PisellDateTimeDisplay: () => import_pisellDateTimeDisplay.default,
@@ -141,6 +145,7 @@ __export(src_exports, {
   PisellDropdown: () => import_pisellDropdown.default,
   PisellEmail: () => import_pisellEmail.PisellEmail,
   PisellEmpty: () => import_pisellEmpty.default,
+  PisellEntityCard: () => import_pisellEntityCard.PisellEntityCard,
   PisellExport: () => import_pisellExport.PisellExport,
   PisellFields: () => import_PisellFields.default,
   PisellFilter: () => import_pisellFilter.default,
@@ -274,9 +279,6 @@ var import_cascader = __toESM(require("./components/cascader"));
 var import_checkbox = __toESM(require("./components/checkbox"));
 var import_collapse = __toESM(require("./components/collapse"));
 var import_config_provider = __toESM(require("./components/config-provider"));
-var import_dataSourceSubForm = __toESM(require("./components/dataSourceComponents/dataSourceSubForm"));
-var import_RecordListWrapper = __toESM(require("./components/dataSourceComponents/fields/RecordListWrapper"));
-var import_Tabs = __toESM(require("./components/dataSourceComponents/fields/Tabs"));
 var import_date_picker = __toESM(require("./components/date-picker"));
 var import_drawer = __toESM(require("./components/drawer"));
 var import_dropdown = __toESM(require("./components/dropdown"));
@@ -322,6 +324,11 @@ var import_walletCard = __toESM(require("./components/walletCard"));
 var import_pisellWalletPassCard = __toESM(require("./components/pisellWalletPassCard"));
 var import_pisellGoodPassCard = __toESM(require("./components/pisellGoodPassCard"));
 var import_pisellAppCard = __toESM(require("./components/pisellAppCard"));
+var import_pisellBaseCard = require("./components/pisellBaseCard");
+var import_pisellEntityCard = require("./components/pisellEntityCard");
+var import_PisellContactBrief = require("./components/PisellContactBrief");
+var import_pisellCustomerBrief = require("./components/pisellCustomerBrief");
+var import_pisellActionPanel = require("./components/pisellActionPanel");
 var import_pisellMetricCard = __toESM(require("./components/pisellMetricCard"));
 var import_pisellDateTimeDisplay = __toESM(require("./components/pisellDateTimeDisplay"));
 var import_pisellTimeRangeDisplay = require("./components/pisellTimeRangeDisplay");
@@ -395,6 +402,9 @@ var import_Translation = __toESM(require("./components/dataSourceComponents/fiel
 var import_Upload = __toESM(require("./components/dataSourceComponents/fields/Upload"));
 var import_IconSelect = __toESM(require("./components/dataSourceComponents/fields/IconSelect"));
 var import_BaseTranslation = __toESM(require("./components/dataSourceComponents/fields/Translation/BaseTranslation"));
+var import_dataSourceSubForm = __toESM(require("./components/dataSourceComponents/dataSourceSubForm"));
+var import_RecordListWrapper = __toESM(require("./components/dataSourceComponents/fields/RecordListWrapper"));
+var import_Tabs = __toESM(require("./components/dataSourceComponents/fields/Tabs"));
 var import_pisellMenu = __toESM(require("./components/pisellMenu"));
 var import_pisellNavigationMenu = __toESM(require("./components/pisellNavigationMenu"));
 var import_page_header = __toESM(require("./components/page-header"));
@@ -540,12 +550,14 @@ var import_usePisellConfig = __toESM(require("./components/pisell-config-provide
   Page,
   PageHeader,
   Pagination,
+  PisellActionPanel,
   PisellAdjustPrice,
   PisellAdjustPriceInputNumber,
   PisellAlert,
   PisellAnchor,
   PisellAppCard,
   PisellAvatar,
+  PisellBaseCard,
   PisellBasicGrid,
   PisellBatchActionBar,
   PisellCard,
@@ -553,12 +565,14 @@ var import_usePisellConfig = __toESM(require("./components/pisell-config-provide
   PisellCards,
   PisellCheckboxGroup,
   PisellConfigProvider,
+  PisellContactBrief,
   PisellContainer,
   PisellContent,
   PisellContext,
   PisellCountdown,
   PisellCurrency,
   PisellCustomCheckboxGroup,
+  PisellCustomerBrief,
   PisellDataSourceContainer,
   PisellDatePicker,
   PisellDateTimeDisplay,
@@ -567,6 +581,7 @@ var import_usePisellConfig = __toESM(require("./components/pisell-config-provide
   PisellDropdown,
   PisellEmail,
   PisellEmpty,
+  PisellEntityCard,
   PisellExport,
   PisellFields,
   PisellFilter,

package/lib/theme/pisell-components.d.ts

@@ -0,0 +1,14 @@
+import { ThemeConfig } from 'antd';
+/**
+ * Pisell 项目统一的 Ant Design Token 配置
+ * 基于 Figma 设计规范
+ *
+ * 使用场景：
+ * - 低代码平台（page/index.tsx）
+ * - Storybook 预览
+ * - 其他需要主题配置的场景
+ */
+/**
+ * 获取完整的主题配置
+ */
+export declare function getPisellComponentsThemeConfig(): ThemeConfig;

package/lib/theme/pisell-components.js

@@ -0,0 +1,89 @@
+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/pisell-components.ts
+var pisell_components_exports = {};
+__export(pisell_components_exports, {
+  getPisellComponentsThemeConfig: () => getPisellComponentsThemeConfig
+});
+module.exports = __toCommonJS(pisell_components_exports);
+function getPisellComponentsThemeConfig() {
+  return {
+    components: {
+      Input: {
+        controlHeight: 48,
+        paddingInline: 16,
+        paddingBlock: 12,
+        activeShadow: "0px 0px 0px 4px #F4EBFF, 0px 1px 2px rgba(16, 24, 40, 0.05)",
+        activeBorderColor: "rgb(214,187,251)",
+        paddingBlockLG: 12,
+        paddingBlockSM: 8,
+        paddingInlineLG: 16,
+        paddingInlineSM: 8,
+        controlHeightLG: 52,
+        controlHeightSM: 44,
+        borderRadius: 8,
+        paddingXXS: 8
+      },
+      InputNumber: {
+        controlHeight: 48,
+        paddingInline: 16,
+        paddingBlock: 12,
+        activeShadow: "0px 0px 0px 4px #F4EBFF, 0px 1px 2px rgba(16, 24, 40, 0.05)",
+        activeBorderColor: "rgb(214,187,251)",
+        paddingBlockLG: 12,
+        paddingBlockSM: 8,
+        paddingInlineLG: 16,
+        paddingInlineSM: 8,
+        controlHeightLG: 52,
+        controlHeightSM: 44,
+        borderRadius: 8,
+        paddingXXS: 8,
+        handleWidth: 20
+      },
+      Select: {
+        controlHeight: 48,
+        optionHeight: 48,
+        fontSize: 16,
+        fontSizeLG: 18,
+        fontSizeSM: 14,
+        borderRadius: 8,
+        boxShadowSecondary: "0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)",
+        optionSelectedBg: "rgb(244,235,255)",
+        multipleItemBg: "rgb(234,236,240)",
+        controlHeightLG: 52,
+        controlHeightSM: 40,
+        borderRadiusSM: 8,
+        paddingXXS: 6,
+        optionPadding: "10px 8px",
+        multipleItemHeight: 36,
+        multipleItemHeightLG: 40
+      }
+    },
+    token: {
+      colorPrimary: "#7f56d9",
+      colorInfo: "#7f56d9",
+      borderRadius: 8,
+      colorPrimaryHover: "#d6bbfb"
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getPisellComponentsThemeConfig
+});

package/lowcode/pisell-action-panel/meta.ts

@@ -0,0 +1,146 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellActionPanel',
+  title: '操作面板',
+  category: '通用',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellActionPanel',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  experimental: { hideSelectTools: true },
+  configure: {
+    component: { isContainer: false },
+    supports: {
+      style: true,
+      events: [],
+    },
+    props: [
+      {
+        title: { label: { type: 'i18n', 'en-US': 'Data', 'zh-CN': '数据' } },
+        display: 'block',
+        type: 'group',
+        items: [
+          {
+            name: 'groups',
+            title: {
+              label: { type: 'i18n', 'en-US': 'Groups', 'zh-CN': '操作分组' },
+              tip: 'groups | 分组列表，每组含 items 操作项',
+            },
+            propType: { type: 'arrayOf', value: 'object' },
+            setter: {
+              componentName: 'ArraySetter',
+              props: {
+                itemSetter: {
+                  componentName: 'ObjectSetter',
+                  props: {
+                    config: {
+                      items: [
+                        {
+                          name: 'items',
+                          title: { label: '操作项列表' },
+                          propType: { type: 'arrayOf', value: 'object' },
+                          setter: {
+                            componentName: 'ArraySetter',
+                            props: {
+                              itemSetter: {
+                                componentName: 'ObjectSetter',
+                                props: {
+                                  config: {
+                                    items: [
+                                      { name: 'label', title: { label: '文案' }, propType: 'string', setter: ['PisellI18nSetter', 'StringSetter'] },
+                                      { name: 'priority', title: { label: '层级' }, propType: { type: 'oneOf', value: ['primary', 'secondary', 'danger', 'default'] }, setter: 'RadioGroupSetter' },
+                                      { name: 'visible', title: { label: '显示' }, propType: 'bool', setter: 'BoolSetter' },
+                                      { name: 'disabled', title: { label: '禁用' }, propType: 'bool', setter: 'BoolSetter' },
+                                    ],
+                                  },
+                                },
+                              },
+                            },
+                          },
+                        },
+                        { name: 'visible', title: { label: '显示该组' }, propType: 'bool', setter: 'BoolSetter' },
+                      ],
+                    },
+                  },
+                },
+              },
+            },
+          },
+        ],
+      },
+      {
+        title: { label: { type: 'i18n', 'en-US': 'Layout', 'zh-CN': '布局' } },
+        display: 'block',
+        type: 'group',
+        items: [
+          {
+            name: 'layout',
+            title: { label: '布局方式' },
+            propType: { type: 'oneOf', value: ['horizontal', 'vertical', 'grid'] },
+            defaultValue: 'horizontal',
+            setter: [
+              {
+                componentName: 'RadioGroupSetter',
+                props: {
+                  options: [
+                    { title: '水平', value: 'horizontal' },
+                    { title: '竖向', value: 'vertical' },
+                    { title: '网格', value: 'grid' },
+                  ],
+                },
+              },
+              'VariableSetter',
+            ],
+          },
+          {
+            name: 'align',
+            title: { label: '对齐方式' },
+            propType: { type: 'oneOf', value: ['left', 'center', 'right', 'space-between'] },
+            defaultValue: 'left',
+            setter: [
+              {
+                componentName: 'RadioGroupSetter',
+                props: {
+                  options: [
+                    { title: '左', value: 'left' },
+                    { title: '居中', value: 'center' },
+                    { title: '右', value: 'right' },
+                    { title: '两端', value: 'space-between' },
+                  ],
+                },
+              },
+              'VariableSetter',
+            ],
+          },
+          {
+            name: 'overflowStrategy',
+            title: { label: '溢出策略' },
+            propType: { type: 'oneOf', value: ['wrap', 'scroll', 'moreMenu'] },
+            defaultValue: 'wrap',
+            setter: 'RadioGroupSetter',
+          },
+          { name: 'groupGap', title: { label: '组间距' }, propType: { type: 'oneOfType', value: ['number', 'string'] }, setter: ['NumberSetter', 'StringSetter'] },
+          { name: 'itemGap', title: { label: '项间距' }, propType: { type: 'oneOfType', value: ['number', 'string'] }, defaultValue: 8, setter: ['NumberSetter', 'StringSetter'] },
+        ],
+      },
+      {
+        title: { label: { type: 'i18n', 'en-US': 'Base', 'zh-CN': '基础' } },
+        display: 'block',
+        type: 'group',
+        items: [
+          { name: 'className', title: { label: '样式类名' }, propType: 'string', setter: 'StringSetter' },
+          { name: 'style', title: { label: '样式' }, propType: 'object', setter: 'StyleSetter' },
+        ],
+      },
+    ],
+  },
+};

package/lowcode/pisell-action-panel/snippets.ts

@@ -0,0 +1,42 @@
+export default [
+  {
+    title: '操作面板',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellActionPanel',
+      props: {
+        groups: [
+          {
+            items: [
+              { label: '取消', key: 'cancel' },
+              { label: '确定', priority: 'primary', key: 'submit' },
+            ],
+          },
+        ],
+        layout: 'horizontal',
+        align: 'right',
+        overflowStrategy: 'wrap',
+        itemGap: 8,
+      },
+    },
+  },
+  {
+    title: '操作面板-竖向',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellActionPanel',
+      props: {
+        groups: [
+          {
+            items: [
+              { label: '主操作', priority: 'primary' },
+              { label: '次操作' },
+            ],
+          },
+        ],
+        layout: 'vertical',
+        align: 'left',
+      },
+    },
+  },
+];

package/lowcode/pisell-base-card/meta.ts

@@ -0,0 +1,98 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellBaseCard',
+  title: '基础卡片',
+  category: '数据展示',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellBaseCard',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  experimental: { hideSelectTools: true },
+  props: [
+    {
+      name: 'className',
+      title: {
+        label: { type: 'i18n', 'en-US': 'Class Name', 'zh-CN': '样式类名' },
+        tip: 'className | 根节点自定义类名',
+      },
+      propType: 'string',
+      setter: ['PisellI18nSetter', 'StringSetter'],
+    },
+    {
+      name: 'style',
+      title: {
+        label: { type: 'i18n', 'en-US': 'Style', 'zh-CN': '样式' },
+        tip: 'style | 默认状态下内联样式（背景、圆角、边框、阴影、padding、宽高等）',
+      },
+      propType: 'object',
+      setter: 'StyleSetter',
+    },
+    {
+      name: 'hoverStyle',
+      title: {
+        label: { type: 'i18n', 'en-US': 'Hover Style', 'zh-CN': '悬停样式' },
+        tip: 'hoverStyle | 悬停时的样式覆盖',
+      },
+      propType: 'object',
+      setter: 'StyleSetter',
+    },
+    {
+      name: 'activeStyle',
+      title: {
+        label: { type: 'i18n', 'en-US': 'Active Style', 'zh-CN': '按下样式' },
+        tip: 'activeStyle | 按下时的样式覆盖',
+      },
+      propType: 'object',
+      setter: 'StyleSetter',
+    },
+    {
+      name: 'disabledStyle',
+      title: {
+        label: { type: 'i18n', 'en-US': 'Disabled Style', 'zh-CN': '禁用样式' },
+        tip: 'disabledStyle | 禁用时的样式覆盖',
+      },
+      propType: 'object',
+      setter: 'StyleSetter',
+    },
+    {
+      name: 'clickable',
+      title: {
+        label: { type: 'i18n', 'en-US': 'Clickable', 'zh-CN': '可点击' },
+        tip: 'clickable | 是否可点击（可聚焦并触发 onClick）',
+      },
+      propType: 'bool',
+      defaultValue: true,
+    },
+    {
+      name: 'disabled',
+      title: {
+        label: { type: 'i18n', 'en-US': 'Disabled', 'zh-CN': '禁用' },
+        tip: 'disabled | 是否禁用',
+      },
+      propType: 'bool',
+      defaultValue: false,
+    },
+  ],
+  configure: {
+    component: { isContainer: true },
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onClick',
+          template:
+            "onClick(event,${extParams}){\n// 点击卡片时的回调\nconsole.log('onClick', event);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/pisell-base-card/snippets.ts

@@ -0,0 +1,13 @@
+export default [
+  {
+    title: '基础卡片',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellBaseCard',
+      props: {
+        clickable: true,
+        disabled: false,
+      },
+    },
+  },
+];