@pisell/private-materials 6.3.58 → 6.3.59

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.3.58",
+  "version": "6.3.59",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -9,28 +9,43 @@
     "*.less"
   ],
   "devDependencies": {
+    "@alib/build-scripts": "^0.1.32",
+    "@alilc/build-plugin-alt": "^1.3.3",
+    "@alilc/lowcode-react-renderer": "^1.1.7",
+    "@alilc/lowcode-types": "1.1.7",
+    "@alilc/lowcode-utils": "1.1.6",
+    "@pisell/build-plugin-lowcode": "^1.0.12",
+    "@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",
+    "@types/react": "^18.0.38",
+    "@types/react-dom": "^18.0.0",
+    "@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",
-    "build-scripts": "1.0.1",
-    "inquirer": "^6.5.1",
-    "@pisell/build-plugin-lowcode": "^1.0.12",
-    "@alib/build-scripts": "^0.1.32",
-    "@types/react": "^18.0.38",
-    "@types/react-dom": "^18.0.0",
-    "@alilc/lowcode-utils": "1.1.6",
-    "style-loader": "2.0.0",
     "sass-loader": "7.3.1",
-    "@alilc/lowcode-react-renderer": "^1.1.7",
-    "@alilc/lowcode-types": "1.1.7",
-    "@svgr/webpack": "^5.5.0",
+    "storybook": "^7.6.19",
+    "style-loader": "2.0.0",
     "url-loader": "^4.1.1",
-    "@alilc/build-plugin-alt": "^1.3.3",
+    "vitest": "1.6.0",
     "webpack": "^4.27.1",
-    "webpack-dev-server": "^4.0.0",
-    "build-plugin-component": "^1.6.5",
-    "postcss-loader": "^4.3.0"
+    "webpack-dev-server": "^4.0.0"
   },
   "publishConfig": {
     "access": "public"
@@ -45,25 +60,25 @@
     "dist"
   ],
   "dependencies": {
-    "antd": "^5.10.1",
     "@ant-design/icons": "^5.6.1",
-    "dayjs": "^1.11.9",
-    "classnames": "^2.3.2",
-    "react-resizable": "^3.0.5",
-    "styled-components": "^6.0.0-rc.3",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.1",
-    "ahooks": "^3.7.6",
-    "react-infinite-scroll-component": "^6.1.0",
-    "rc-virtual-list": "^3.11.3",
-    "decimal.js": "^10.4.3",
     "@react-spring/web": "^9.6.1",
     "@use-gesture/react": "^10.3.1",
-    "@pisell/utils": "3.0.4",
-    "@pisell/materials": "6.3.19",
+    "ahooks": "^3.7.6",
+    "antd": "^5.6.3",
+    "classnames": "^2.3.2",
+    "dayjs": "^1.11.9",
+    "decimal.js": "^10.4.3",
+    "rc-virtual-list": "^3.11.3",
+    "react-infinite-scroll-component": "^6.1.0",
+    "react-resizable": "^3.0.5",
+    "styled-components": "^6.0.0-rc.3",
     "@pisell/date-picker": "3.0.7",
+    "@pisell/materials": "6.3.20",
+    "@pisell/utils": "3.0.4",
     "@pisell/icon": "0.0.11"
   },
   "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"
   }
 }