@pisell/private-materials 6.8.11 → 6.8.13

package/lowcode/sku-options-selection/meta.ts

@@ -0,0 +1,509 @@
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+import { defaultDataSource } from './default';
+
+const LoginMeta: ComponentMetadata = {
+  componentName: 'SKUOptionsSelection',
+  title: 'SKU选择器',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/private-materials',
+    version: '1.0.1',
+    exportName: 'SKUOptionsSelection',
+    main: 'src/index.ts',
+    destructuring: true,
+    subName: '',
+  },
+  configure: {
+    props: [
+      {
+        name: 'dataSource',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'DataSource',
+            'zh-CN': '数据源',
+          },
+        },
+        setter: 'JsonSetter',
+      },
+      {
+        name: 'value',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Value',
+            'zh-CN': '当前值',
+          },
+        },
+        setter: 'JsonSetter',
+      },
+      {
+        name: 'config',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Config',
+            'zh-CN': '配置',
+          },
+        },
+        setter: 'JsonSetter',
+      },
+      {
+        name: 'customConfig',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Custom Config',
+            'zh-CN': '自定义配置',
+          },
+        },
+        setter: 'JsonSetter',
+        defaultValue: {
+          modalWidth: '480px',
+        },
+      },
+      {
+        name: 'customScrollParent',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Custom Scroll Parent',
+            'zh-CN': '自定义滚动容器',
+          },
+        },
+        setter: 'StringSetter',
+      },
+      {
+        name: 'skuCardConfig',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Card Config',
+            'zh-CN': 'Card配置',
+          },
+        },
+        setter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                /**
+                 * 主标题配置
+                 */
+                {
+                  name: 'title',
+                  title: {
+                    label: {
+                      type: 'i18n',
+                      'en-US': 'Title Config',
+                      'zh-CN': '主标题配置',
+                    },
+                  },
+                  setter: {
+                    componentName: 'ObjectSetter',
+                    props: {
+                      config: {
+                        items: [
+                          {
+                            name: 'visible',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Visible',
+                                'zh-CN': '是否显示',
+                              },
+                            },
+                            setter: 'BoolSetter',
+                            defaultValue: true,
+                          },
+                          {
+                            name: 'fontSize',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Font Size',
+                                'zh-CN': '字体大小',
+                              },
+                            },
+                            setter: 'NumberSetter',
+                          },
+                          {
+                            name: 'color',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Color',
+                                'zh-CN': '颜色',
+                              },
+                            },
+                            setter: 'ColorSetter',
+                          },
+                          {
+                            name: 'fontWeight',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Font Weight',
+                                'zh-CN': '字体粗细',
+                              },
+                            },
+                            setter: {
+                              componentName: 'SelectSetter',
+                              props: {
+                                options: [
+                                  { title: '正常', value: 'normal' },
+                                  { title: '粗体', value: 'bold' },
+                                  { title: '100', value: 100 },
+                                  { title: '200', value: 200 },
+                                  { title: '300', value: 300 },
+                                  { title: '400', value: 400 },
+                                  { title: '500', value: 500 },
+                                  { title: '600', value: 600 },
+                                  { title: '700', value: 700 },
+                                  { title: '800', value: 800 },
+                                  { title: '900', value: 900 },
+                                ],
+                              },
+                            },
+                          },
+                          {
+                            name: 'lineClamp',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Line Clamp',
+                                'zh-CN': '展示行数',
+                              },
+                            },
+                            setter: 'NumberSetter',
+                            description: '设置文本最大展示行数，超出部分省略',
+                          },
+                        ],
+                      },
+                    },
+                  },
+                },
+                /**
+                 * 副标题配置
+                 */
+                {
+                  name: 'subTitle',
+                  title: {
+                    label: {
+                      type: 'i18n',
+                      'en-US': 'SubTitle Config',
+                      'zh-CN': '副标题配置',
+                    },
+                  },
+                  setter: {
+                    componentName: 'ObjectSetter',
+                    props: {
+                      config: {
+                        items: [
+                          {
+                            name: 'visible',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Visible',
+                                'zh-CN': '是否显示',
+                              },
+                            },
+                            setter: 'BoolSetter',
+                            defaultValue: true,
+                          },
+                          {
+                            name: 'fontSize',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Font Size',
+                                'zh-CN': '字体大小',
+                              },
+                            },
+                            setter: 'NumberSetter',
+                          },
+                          {
+                            name: 'color',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Color',
+                                'zh-CN': '颜色',
+                              },
+                            },
+                            setter: 'ColorSetter',
+                          },
+                          {
+                            name: 'fontWeight',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Font Weight',
+                                'zh-CN': '字体粗细',
+                              },
+                            },
+                            setter: {
+                              componentName: 'SelectSetter',
+                              props: {
+                                options: [
+                                  { title: '正常', value: 'normal' },
+                                  { title: '粗体', value: 'bold' },
+                                  { title: '100', value: 100 },
+                                  { title: '200', value: 200 },
+                                  { title: '300', value: 300 },
+                                  { title: '400', value: 400 },
+                                  { title: '500', value: 500 },
+                                  { title: '600', value: 600 },
+                                  { title: '700', value: 700 },
+                                  { title: '800', value: 800 },
+                                  { title: '900', value: 900 },
+                                ],
+                              },
+                            },
+                          },
+                          {
+                            name: 'lineClamp',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Line Clamp',
+                                'zh-CN': '展示行数',
+                              },
+                            },
+                            setter: 'NumberSetter',
+                            defaultValue: 2,
+                            description: '设置文本最大展示行数，超出部分省略，默认2行',
+                          },
+                        ],
+                      },
+                    },
+                  },
+                },
+                /**
+                 * 价格配置
+                 */
+                {
+                  name: 'price',
+                  title: {
+                    label: {
+                      type: 'i18n',
+                      'en-US': 'Price Config',
+                      'zh-CN': '价格配置',
+                    },
+                  },
+                  setter: {
+                    componentName: 'ObjectSetter',
+                    props: {
+                      config: {
+                        items: [
+                          {
+                            name: 'visible',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Visible',
+                                'zh-CN': '是否显示',
+                              },
+                            },
+                            setter: 'BoolSetter',
+                            defaultValue: true,
+                          },
+                          {
+                            name: 'fontSize',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Font Size',
+                                'zh-CN': '字体大小',
+                              },
+                            },
+                            setter: 'NumberSetter',
+                          },
+                          {
+                            name: 'color',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Color',
+                                'zh-CN': '颜色',
+                              },
+                            },
+                            setter: 'ColorSetter',
+                            defaultValue: '#DC6803',
+                          },
+                          {
+                            name: 'fontWeight',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Font Weight',
+                                'zh-CN': '字体粗细',
+                              },
+                            },
+                            setter: {
+                              componentName: 'SelectSetter',
+                              props: {
+                                options: [
+                                  { title: '正常', value: 'normal' },
+                                  { title: '粗体', value: 'bold' },
+                                  { title: '100', value: 100 },
+                                  { title: '200', value: 200 },
+                                  { title: '300', value: 300 },
+                                  { title: '400', value: 400 },
+                                  { title: '500', value: 500 },
+                                  { title: '600', value: 600 },
+                                  { title: '700', value: 700 },
+                                  { title: '800', value: 800 },
+                                  { title: '900', value: 900 },
+                                ],
+                              },
+                            },
+                          },
+                        ],
+                      },
+                    },
+                  },
+                },
+                /**
+                 * 图片配置
+                 */
+                {
+                  name: 'image',
+                  title: {
+                    label: {
+                      type: 'i18n',
+                      'en-US': 'Image Config',
+                      'zh-CN': '图片配置',
+                    },
+                  },
+                  setter: {
+                    componentName: 'ObjectSetter',
+                    props: {
+                      config: {
+                        items: [
+                          {
+                            name: 'visible',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Visible',
+                                'zh-CN': '是否显示',
+                              },
+                            },
+                            setter: 'BoolSetter',
+                            defaultValue: true,
+                          },
+                          {
+                            name: 'width',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Width',
+                                'zh-CN': '宽度',
+                              },
+                            },
+                            setter: 'NumberSetter',
+                          },
+                          {
+                            name: 'height',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Height',
+                                'zh-CN': '高度',
+                              },
+                            },
+                            setter: 'NumberSetter',
+                          },
+                          {
+                            name: 'borderRadius',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Border Radius',
+                                'zh-CN': '圆角',
+                              },
+                            },
+                            setter: ['NumberSetter', 'StringSetter'],
+                            description: '可输入数字(px)或字符串(如: 50%)',
+                          },
+                          {
+                            name: 'border',
+                            title: {
+                              label: {
+                                type: 'i18n',
+                                'en-US': 'Border',
+                                'zh-CN': '边框',
+                              },
+                            },
+                            setter: 'StringSetter',
+                            description: '如: 1px solid #ccc',
+                          },
+                        ],
+                      },
+                    },
+                  },
+                },
+              ],
+            },
+          },
+        },
+      },
+    ],
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(value, ${extParams}){ console.log('onChange', value); }",
+        },
+      ],
+    },
+    component: {},
+  },
+};
+const snippets: Snippet[] = [
+  {
+    title: 'SKU选择器',
+    screenshot: '',
+    schema: {
+      componentName: 'SKUOptionsSelection',
+      props: {
+        dataSource: defaultDataSource,
+        value: {},
+        config: {
+          checkStock: true,
+        },
+        customScrollParent: '',
+        customConfig: {
+          modalWidth: '480px',
+        },
+        skuCardConfig: {
+          title: {
+            visible: true,
+          },
+          subTitle: {
+            visible: true,
+            lineClamp: 2,
+          },
+          price: {
+            visible: true,
+            color: '#DC6803',
+          },
+          image: {
+            visible: true,
+          },
+        },
+      },
+    },
+  },
+];
+
+export default {
+  ...LoginMeta,
+  snippets,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.8.11",
+  "version": "6.8.13",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -15,20 +15,35 @@
     "@alilc/lowcode-types": "1.1.7",
     "@alilc/lowcode-utils": "1.1.6",
     "@pisell/build-plugin-lowcode": "^1.0.12",
-    "@svgr/webpack": "^5.5.0",
     "@types/react": "^18.0.38",
     "@types/react-dom": "^18.0.0",
+    "@storybook/addon-essentials": "^7.6.19",
+    "@storybook/addon-interactions": "^7.6.19",
+    "@storybook/addon-links": "^7.6.19",
+    "@storybook/blocks": "^7.6.19",
+    "@storybook/react": "^7.6.19",
+    "@storybook/react-webpack5": "^7.6.19",
+    "@svgr/webpack": "^5.5.0",
+    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/react": "12.1.5",
+    "@testing-library/user-event": "^14.6.1",
+    "@vitest/ui": "1.6.0",
     "build-plugin-component": "^1.6.5",
     "build-scripts": "1.0.1",
+    "css-loader": "^6.0.0",
     "father": "^4.1.6",
     "inquirer": "^6.5.1",
+    "jsdom": "22.1.0",
+    "less-loader": "^11.0.0",
     "lodash": "^4.17.21",
     "postcss-loader": "^4.3.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "sass-loader": "7.3.1",
+    "storybook": "^7.6.19",
     "style-loader": "2.0.0",
     "url-loader": "^4.1.1",
+    "vitest": "1.6.0",
     "webpack": "^4.27.1",
     "webpack-dev-server": "^4.0.0"
   },
@@ -45,12 +60,14 @@
     "dist"
   ],
   "dependencies": {
-    "antd": "^5.6.3",
+    "antd": "5.10.1",
     "@ant-design/icons": "^5.6.1",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.1",
+    "@react-spring/web": "^9.6.1",
+    "@use-gesture/react": "^10.3.1",
     "ahooks": "^3.7.6",
     "classnames": "^2.3.2",
     "dayjs": "^1.11.9",
@@ -59,11 +76,9 @@
     "react-infinite-scroll-component": "^6.1.0",
     "react-resizable": "^3.0.5",
     "styled-components": "^6.0.0-rc.3",
-    "@react-spring/web": "^9.6.1",
-    "@use-gesture/react": "^10.3.1",
-    "@pisell/utils": "3.0.2",
-    "@pisell/materials": "6.8.3",
+    "@pisell/materials": "6.8.4",
     "@pisell/icon": "0.0.11",
+    "@pisell/utils": "3.0.2",
     "@pisell/date-picker": "3.0.7"
   },
   "peerDependencies": {
@@ -77,6 +92,12 @@
     "dev": "father dev",
     "build": "father build",
     "lowcode:dev": "build-scripts start --config ./build.lowcode.js",
-    "lowcode:build": " build-scripts build --config ./build.lowcode.js"
+    "lowcode:build": " build-scripts build --config ./build.lowcode.js",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:ui": "vitest --ui",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   }
 }

package/es/components/authentication/admin/AuthMethods/SettingList.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { AuthMethodsProps } from './types';
-import './SettingList.less';
-declare const SettingList: React.FC<AuthMethodsProps>;
-export default SettingList;

package/es/components/authentication/admin/AuthMethods/SettingsDrawer.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { AuthMethod } from './types';
-import { EmailSettings, PhoneSettings, DefaultSettings, PasswordRulesSettings } from './components';
-import './SettingsDrawer.less';
-interface SettingsDrawerProps {
-    open: boolean;
-    method: AuthMethod | null;
-    onClose: () => void;
-    onSave?: (settings: EmailSettings | PhoneSettings | DefaultSettings | PasswordRulesSettings) => void;
-    /**
-     * 模式：
-     * - 'auth-methods': 来自AuthMethods组件，显示所有设置包括启用/禁用
-     * - 'setting-list': 来自SettingList组件，不显示默认的启用/禁用设置
-     */
-    mode?: 'auth-methods' | 'setting-list';
-    /**
-     * 初始设置值
-     */
-    initialSettings?: EmailSettings | PhoneSettings | DefaultSettings | PasswordRulesSettings;
-}
-declare const SettingsDrawer: React.FC<SettingsDrawerProps>;
-export default SettingsDrawer;

package/es/components/authentication/admin/AuthMethods/components/DefaultSettingsContent.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { AuthMethod } from '../types';
-interface DefaultSettingsContentProps {
-    method: AuthMethod;
-    onSettingsChange?: (settings: DefaultSettings) => void;
-}
-export interface DefaultSettings {
-    enabled: boolean;
-}
-declare const DefaultSettingsContent: React.FC<DefaultSettingsContentProps>;
-export default DefaultSettingsContent;

package/es/components/authentication/admin/AuthMethods/components/EmailSettingsContent.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { LoginMethod } from './LoginMethodsList';
-interface EmailSettingsContentProps {
-    onSettingsChange?: (settings: EmailSettings) => void;
-    initialSettings?: EmailSettings;
-}
-export interface EmailSettings {
-    enableRegistration: boolean;
-    verificationType: 'link' | 'code';
-    loginMethods: LoginMethod[];
-}
-declare const EmailSettingsContent: React.FC<EmailSettingsContentProps>;
-export default EmailSettingsContent;

package/es/components/authentication/admin/AuthMethods/components/LoginMethodsList.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export interface LoginMethod {
-    id: string;
-    title: string;
-    description: string;
-    enabled: boolean;
-}
-interface LoginMethodsListProps {
-    methods: LoginMethod[];
-    onMethodsChange?: (methods: LoginMethod[]) => void;
-}
-declare const LoginMethodsList: React.FC<LoginMethodsListProps>;
-export default LoginMethodsList;

package/es/components/authentication/admin/AuthMethods/components/PasswordRulesSettingsContent.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-interface PasswordRulesSettingsContentProps {
-    onSettingsChange?: (settings: PasswordRulesSettings) => void;
-    initialSettings?: PasswordRulesSettings;
-}
-export interface PasswordRulesSettings {
-    minLength: number;
-    requireUppercase: boolean;
-    requireLowercase: boolean;
-    requireNumbers: boolean;
-    requireSpecialChars: boolean;
-}
-declare const PasswordRulesSettingsContent: React.FC<PasswordRulesSettingsContentProps>;
-export default PasswordRulesSettingsContent;