@pisell/materials 1.0.680 → 1.0.682

package/lowcode/wallet-card/meta.ts

@@ -3,8 +3,16 @@ import snippets from './snippets';
 export default {
   snippets,
   componentName: 'WalletCard',
-  title: '钱包卡片',
-  category: '通用',
+  title: {
+    type: 'i18n',
+    'en-US': 'Wallet Card',
+    'zh-CN': '钱包卡片'
+  },
+  category: {
+    type: 'i18n',
+    'en-US': 'General',
+    'zh-CN': '通用'
+  },
   docUrl: "",
   screenshot: "",
   devMode: "proCode",
@@ -20,8 +28,16 @@ export default {
     {
       name: 'mode',
       title: {
-        label: '展示模式',
-        tip: '展示模式 取值: light | dark',
+        label: {
+          type: 'i18n',
+          'en-US': 'Display Mode',
+          'zh-CN': '显示模式'
+        },
+        tip: {
+          type: 'i18n',
+          'en-US': 'Display mode. Values: light | dark',
+          'zh-CN': '显示模式。取值: light | dark'
+        }
       },
       setter: {
         componentName: 'RadioGroupSetter',
@@ -32,160 +48,164 @@ export default {
           ],
         },
       },
-      defaultValue: 'Light',
-    }, {
+      defaultValue: 'dark',
+    }, 
+    {
       name: 'cardStyle',
       title: {
-        label: '卡片样式',
-        tip: '卡片样式 取值: normal | full',
-      },
-      setter: {
-        componentName: 'RadioGroupSetter',
-        props: {
-          options: [
-            { title: '默认', value: 'normal' },
-            { title: '完整显示Code', value: 'full' },
-          ],
+        label: {
+          type: 'i18n',
+          'en-US': 'Card Style',
+          'zh-CN': '卡片样式'
         },
-      },
-      defaultValue: 'normal',
-    }, {
-      name: 'codeType',
-      title: {
-        label: '展示码',
-        tip: '展示码 取值: barCode | orCode',
+        tip: {
+          type: 'i18n',
+          'en-US': 'Card style. Values: normal | full',
+          'zh-CN': '卡片样式。取值: normal | full'
+        }
       },
       setter: {
         componentName: 'RadioGroupSetter',
         props: {
           options: [
-            { title: '一维码', value: 'barCode' },
-            { title: '二维码', value: 'orCode' },
+            { title: 'Full', value: 'full' },
+            { title: 'Default', value: 'normal' },
           ],
         },
       },
-      condition: (target) => {
-        return !!target.getProps().getPropValue('showCode');
-      },
-      defaultValue: 'one',
-    }, {
+      defaultValue: 'normal',
+    }, 
+    {
       name: 'codeDirection',
       title: {
-        label: '码的方向',
-        tip: '码的方向 取值: bottom | top',
+        label: {
+          type: 'i18n',
+          'en-US': 'Code Position',
+          'zh-CN': '码位置'
+        },
+        tip: {
+          type: 'i18n',
+          'en-US': 'Code position. Values: bottom | top',
+          'zh-CN': '码位置。取值: bottom | top'
+        }
       },
       setter: {
         componentName: 'RadioGroupSetter',
         props: {
           options: [
-            { title: '下方展示', value: 'bottom' },
-            { title: '上方展示', value: 'top' },
+            { title: 'bottom', value: 'bottom' },
+            { title: 'Top', value: 'top' },
           ],
         },
       },
       defaultValue: 'bottom',
-    }, {
-      name: 'data',
+    },
+    {
+      name: 'cardInfoDisplay',
       type: 'group',
       display: 'accordion',
       title: {
-        label: '数据',
+        label: {
+          type: 'i18n',
+          'en-US': 'Card Information Display',
+          'zh-CN': '卡片信息显示'
+        }
       },
       items: [
         {
-          title: 'icon',
-          name: "icon",
-          propType: "node",
-          setter: {
-            componentName: "SlotSetter",
-            initialValue: {
-              type: "JSSlot",
+          name: "showIcon",
+          title: {
+            label: {
+              type: 'i18n',
+              'en-US': 'Icon',
+              'zh-CN': '图标'
             },
+            tip: {
+              type: 'i18n',
+              'en-US': 'Whether to display icon. Type: boolean',
+              'zh-CN': '是否显示图标。类型: boolean'
+            }
           },
+          setter: "BoolSetter",
+          defaultValue: true
         },
         {
-          name: "vipLevel",
+          name: "showWalletName",
           title: {
-            label: "会员等级",
-            tip: "是否显示会员等级 布尔值"
-          },
-          setter: "BoolSetter",
-        }, {
-          name: "isShowShopName",
-          title: {
-            label: "店铺名称",
-            tip: "是否显示店铺名称 布尔值"
+            label: {
+              type: 'i18n',
+              'en-US': 'Wallet name',
+              'zh-CN': '钱包名称'
+            },
+            tip: {
+              type: 'i18n',
+              'en-US': 'Whether to display wallet name. Type: boolean',
+              'zh-CN': '是否显示钱包名称。类型: boolean'
+            }
           },
           setter: "BoolSetter",
-        }, {
-          name: "isShowCardNo",
+          defaultValue: true
+        },
+        {
+          name: "showShopName",
           title: {
-            label: "卡号",
-            tip: "是否显示卡号 布尔值"
+            label: {
+              type: 'i18n',
+              'en-US': 'Store name',
+              'zh-CN': '店铺名称'
+            },
+            tip: {
+              type: 'i18n',
+              'en-US': 'Whether to display store name. Type: boolean',
+              'zh-CN': '是否显示店铺名称。类型: boolean'
+            }
           },
           setter: "BoolSetter",
-        }, {
-          name: "showCode",
+          defaultValue: true
+        },
+        {
+          name: "showCardNo",
           title: {
-            label: "二维码/一维码",
-            tip: "是否显示二维码/一维码 布尔值"
+            label: {
+              type: 'i18n',
+              'en-US': 'Card number',
+              'zh-CN': '卡号'
+            },
+            tip: {
+              type: 'i18n',
+              'en-US': 'Whether to display card number. Type: boolean',
+              'zh-CN': '是否显示卡号。类型: boolean'
+            }
           },
           setter: "BoolSetter",
+          defaultValue: true
         },
-
         {
-          name: "items",
-          title: "显示数据项",
-          setter: {
-            componentName: "ArraySetter",
-            props: {
-              itemSetter: {
-                componentName: "ObjectSetter",
-                props: {
-                  config: {
-                    items: [
-                      {
-                        name: "key",
-                        propType: 'string',
-                      },
-                      {
-                        name: "label",
-                        title: "标题",
-                        propType: 'string',
-                        setter: 'StringSetter',
-                        isRequired: true
-                      },
-                      {
-                        name: "hidden",
-                        title: "是否隐藏",
-                        setter: "BoolSetter",
-                        initialValue: false,
-                        supportVariable: true,
-                        isRequired: true
-                      },
-                    ],
-                  },
-                },
-                initialValue: () => {
-                  return {
-
-                  };
-                },
-              },
+          name: "showCode",
+          title: {
+            label: {
+              type: 'i18n',
+              'en-US': 'QR code/Barcode',
+              'zh-CN': '二维码/条形码'
             },
+            tip: {
+              type: 'i18n',
+              'en-US': 'Whether to display QR code/barcode. Type: boolean',
+              'zh-CN': '是否显示二维码/条形码。类型: boolean'
+            }
           },
-        },
-
-
-
+          setter: "BoolSetter",
+          defaultValue: true
+        }
       ]
     }
   ],
   configure: {
-    component: { isContainer: true },
+    component: { isContainer: false },
     supports: {
       style: true,
-      events: [],
+      className: true,
+      events: ['onClick', 'onCodeClick'],
     },
   },
 };

package/lowcode/wallet-card/snippets.ts

@@ -1,44 +1,41 @@
 export default [
   {
-    title: '钱包卡片',
+    title: '钱包卡',
+    screenshot: '',
     schema: {
       componentName: 'WalletCard',
       props: {
-        icon: {
-          type: "JSSlot",
-        },
-        cardNo: '123456789012345678',
         mode: 'light',
-        cardStyle: 'normal',
-        codeType: 'one',
-        vipLevel: true,
-        shopName: true,
-        showCode: true,
-        points: true,
-        balance: true,
-        coupon: true,
-        vouCher: true,
-        discountCard: true,
+        cardStyle: 'full',
         codeDirection: 'bottom',
+        showIcon: true,
+        showWalletName: true,
+        showShopName: true,
+        showCardNo: true,
+        showCode: true,
+        symbol: '$',
         items: [
           {
-            key: 'rechargeable',
-            label: '充值卡',
-            hidden: false
-          }, {
-            key: 'discount',
-            label: '折扣卡',
-            hidden: false
-          }, {
-            key: 'voucher',
-            label: '代金券',
-            hidden: false
-          }, {
             key: 'points',
-            label: '积分卡',
-            hidden: false
+            label: 'Points',
+            value: 0,
+          },
+          {
+            key: 'balance',
+            label: 'Balance',
+            value: 10,
           },
-        ]
+          {
+            key: 'discount',
+            label: 'Discount card',
+            value: 0,
+          },
+          {
+            key: 'voucher',
+            label: 'Voucher',
+            value: 0,
+          }
+        ],
       },
     },
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.680",
+  "version": "1.0.682",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -70,9 +70,10 @@
     "styled-components": "^6.0.0-rc.3",
     "swiper": "^8.4.7",
     "react-barcode": "^1.5.3",
+    "vod-js-sdk-v6": "^1.4.11",
     "@pisell/date-picker": "1.0.115",
-    "@pisell/icon": "0.0.10",
-    "@pisell/utils": "1.0.43"
+    "@pisell/utils": "1.0.43",
+    "@pisell/icon": "0.0.10"
   },
   "peerDependencies": {
     "react": "^18.0.0",