@pisell/materials 1.0.365 → 1.0.366

package/lib/locales/en-US.js

@@ -141,5 +141,13 @@ var en_US_default = {
   "pisell-input-copy-success": "Copy Success",
   "pisell-input-copy": "Copy",
   // 空状态
-  "pisell-empty-description-no-data": "No Data"
+  "pisell-empty-description-no-data": "No Data",
+  // 信息录入组件
+  "pisell-information-entry-input-search": "Search",
+  "pisell-information-entry-scan-exit": "Exit",
+  // 钱包卡片组件
+  "pisell-wallet-pass-card-detail": "Detail",
+  "pisell-wallet-pass-card-redeem": "Redeem",
+  "pisell-wallet-pass-card-balance": "Balance",
+  "pisell-wallet-pass-card-valid-to": "Valid to"
 };

package/lib/locales/zh-CN.d.ts

@@ -112,5 +112,11 @@ declare const _default: {
     'pisell-input-copy-success': string;
     'pisell-input-copy': string;
     'pisell-empty-description-no-data': string;
+    'pisell-information-entry-input-search': string;
+    'pisell-information-entry-scan-exit': string;
+    'pisell-wallet-pass-card-detail': string;
+    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-balance': string;
+    'pisell-wallet-pass-card-valid-to': string;
 };
 export default _default;

package/lib/locales/zh-CN.js

@@ -141,5 +141,13 @@ var zh_CN_default = {
   "pisell-input-copy-success": "复制成功",
   "pisell-input-copy": "复制",
   // 空状态
-  "pisell-empty-description-no-data": "暂无数据"
+  "pisell-empty-description-no-data": "暂无数据",
+  // 信息录入组件
+  "pisell-information-entry-input-search": "搜索",
+  "pisell-information-entry-scan-exit": "退出",
+  // 钱包卡片组件
+  "pisell-wallet-pass-card-detail": "详情",
+  "pisell-wallet-pass-card-redeem": "核销",
+  "pisell-wallet-pass-card-balance": "余额",
+  "pisell-wallet-pass-card-valid-to": "有效期至"
 };

package/lib/locales/zh-TW.d.ts

@@ -112,5 +112,11 @@ declare const _default: {
     'pisell-input-copy-success': string;
     'pisell-input-copy': string;
     'pisell-empty-description-no-data': string;
+    'pisell-information-entry-input-search': string;
+    'pisell-information-entry-scan-exit': string;
+    'pisell-wallet-pass-card-detail': string;
+    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-balance': string;
+    'pisell-wallet-pass-card-valid-to': string;
 };
 export default _default;

package/lib/locales/zh-TW.js

@@ -141,5 +141,13 @@ var zh_TW_default = {
   "pisell-input-copy-success": "復製成功",
   "pisell-input-copy": "復製",
   // 空状态
-  "pisell-empty-description-no-data": "暫無數據"
+  "pisell-empty-description-no-data": "暫無數據",
+  // 信息录入组件
+  "pisell-information-entry-input-search": "搜索",
+  "pisell-information-entry-scan-exit": "退出",
+  // 钱包卡片组件
+  "pisell-wallet-pass-card-detail": "詳情",
+  "pisell-wallet-pass-card-redeem": "核銷",
+  "pisell-wallet-pass-card-balance": "餘額",
+  "pisell-wallet-pass-card-valid-to": "有效期至"
 };

package/lowcode/pisell-alert/meta.ts

@@ -0,0 +1,117 @@
+import { ComponentMetadata } from "@alilc/lowcode-types";
+import snippets from "./snippets";
+
+const AlertMeta: ComponentMetadata = {
+  componentName: "PisellAlert",
+  title: "警告提示",
+  category: "反馈",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "PisellAlert",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      name: "type",
+      title: { label: "类型", tip: "类型" },
+      propType: {
+        type: "oneOf",
+        value: ["success", "info", "warning", "error"],
+      },
+    },
+    {
+      name: "showDismiss",
+      title: { label: "忽略按钮", tip: "忽略按钮" },
+      propType: "bool",
+    },
+    {
+      name: "dismiss",
+      title: { label: "", tip: "" },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+      setter: ["PisellI18nSetter", "SlotSetter"],
+    },
+    {
+      name: "showView",
+      title: { label: "行为按钮", tip: "行为按钮" },
+      propType: "bool",
+    },
+    {
+      name: "view",
+      title: { label: "", tip: "" },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+      setter: ["PisellI18nSetter", "SlotSetter"],
+    },
+    {
+      name: "closable",
+      title: { label: "关闭按钮", tip: "关闭按钮" },
+      propType: "bool",
+    },
+    {
+      name: "icon",
+      title: {
+        label: "图标",
+        tip: "自定义图标，`showIcon` 为 true 时有效",
+      },
+      propType: "node",
+    },
+    {
+      name: "description",
+      title: {
+        label: "正文内容",
+        tip: "正文内容",
+      },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+      setter: ["PisellI18nSetter", "SlotSetter"],
+    },
+    {
+      name: "message",
+      title: { label: "标题内容", tip: "标题内容" },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+      setter: ["PisellI18nSetter", "SlotSetter"],
+    },
+    {
+      name: "showIcon",
+      title: { label: "显示图标", tip: "是否显示辅助图标" },
+      propType: "bool",
+    },
+    {
+      name: "onClose",
+      title: { label: "关闭时触发的回调函数", tip: "关闭时触发的回调函数" },
+      propType: "func",
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: "onClose",
+          template:
+            "onChange(event,${extParams}){\n// 关闭时触发的回调函数\nconsole.log('onChange');}",
+        },
+        {
+          name: "onClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
+        },
+        {
+          name: "onViewClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击行为按钮的回调\nconsole.log('onClick', event);}",
+        },
+      ],
+    },
+    component: {},
+  },
+};
+
+export default {
+  ...AlertMeta,
+  snippets,
+};

package/lowcode/pisell-alert/snippets.ts

@@ -0,0 +1,50 @@
+export default [
+  {
+    title: '成功提示',
+    schema: {
+      componentName: 'PisellAlert',
+      props: {
+        message: 'Success Tips',
+        description: 'Detailed description and advice about successful copywriting.',
+        type: 'success',
+        showIcon: true,
+      },
+    },
+  },
+  {
+    title: '信息提示',
+    schema: {
+      componentName: 'PisellAlert',
+      props: {
+        message: 'Informational Notes',
+        description: 'Additional description and information about copywriting.',
+        type: 'info',
+        showIcon: true,
+      },
+    },
+  },
+  {
+    title: '警告提示',
+    schema: {
+      componentName: 'PisellAlert',
+      props: {
+        message: 'Warning',
+        description: 'This is a warning notice about copywriting.',
+        type: 'warning',
+        showIcon: true,
+      },
+    },
+  },
+  {
+    title: '错误提示',
+    schema: {
+      componentName: 'PisellAlert',
+      props: {
+        message: 'Error',
+        description: 'This is an error message about copywriting.',
+        type: 'error',
+        showIcon: true,
+      },
+    },
+  },
+];

package/lowcode/pisell-card/meta.ts

@@ -1,189 +1,100 @@
-import snippets from './snippets';
+import snippets from "./snippets";
 
 export default {
   snippets,
-  componentName: 'PisellCard',
-  title: 'PisellCard',
-  category: '数据展示',
-  docUrl: '',
-  screenshot: '',
-  devMode: 'proCode',
+  componentName: "PisellCard",
+  title: "卡片",
+  category: "数据展示",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
   npm: {
-    package: '@pisell/materials',
-    version: '1.0.1',
-    exportName: 'PisellCard',
-    main: 'src/index.tsx',
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "PisellCard",
+    main: "src/index.tsx",
     destructuring: true,
-    subName: '',
+    subName: "",
   },
+  experimental: { hideSelectTools: true },
   props: [
     {
-      name: "platform",
-      title: {
-        label: "平台",
-      },
-      propType: { type: "oneOf", value: ["h5", "pc", "ipad"] },
-      setter: [
-        {
-          componentName: "RadioGroupSetter",
-          props: {
-            options: [
-              {
-                title: "h5",
-                value: "h5",
-              },
-              {
-                title: "pc",
-                value: "pc",
-              },
-              {
-                title: "ipad",
-                value: "ipad",
-              },
-            ],
-          },
-        },
-        "VariableSetter",
-      ],
-      defaultValue: "pc",
-    },
-    {
-      name: "themeMode",
-      title: {
-        label: "选择类型",
-      },
-      propType: { type: "oneOf", value: ["light", "dark", null] },
-      setter: [
-        {
-          componentName: "RadioGroupSetter",
-          props: {
-            options: [
-              {
-                title: "Light",
-                value: "light",
-              },
-              {
-                title: "Dark",
-                value: "dark",
-              },
-            ],
-          },
-        },
-        "VariableSetter",
-      ],
-      defaultValue: "light",
-    },
-    {
-      name: 'name',
-      title: { label: '商品名称', tip: '商品名称' },
-      propType: 'string',
-      setter: 'StringSetter'
-    },
-    {
-      name: 'showName',
-      title: { label: '显示商品名称', tip: '显示商品名称' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'storeName',
-      title: { label: '共享店铺名称', tip: '共享店铺名称' },
-      propType: 'string',
-      setter: 'StringSetter'
-    },
-    {
-      name: 'showStoreName',
-      title: { label: '显示共享店铺名称', tip: '显示共享店铺名称' },
-      propType: 'bool',
-      setter: 'BoolSetter',
+      name: "title",
+      title: { label: "卡片标题", tip: "卡片标题" },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+      setter: ['PisellI18nSetter', 'SlotSetter']
+    },
+    // {
+    //   name: 'actions',
+    //   title: { label: '卡片操作组', tip: '卡片操作组，位置在卡片底部' },
+    //   propType: { type: 'arrayOf', value: 'node' },
+    // },
+    // {
+    //   name: 'headStyle',
+    //   title: { label: '标题区域样式', tip: '自定义标题区域样式' },
+    //   propType: 'object',
+    // },
+    // {
+    //   name: 'bodyStyle',
+    //   title: { label: '内容区域样式', tip: '内容区域自定义样式' },
+    //   propType: 'object',
+    // },
+    {
+      name: "bordered",
+      title: { label: "显示边框", tip: "是否有边框" },
+      propType: "bool",
       defaultValue: true,
     },
     {
-      name: 'redeem',
-      title: { label: '使用金额', tip: '使用金额' },
-      propType: 'string',
-      setter: ['StringSetter', 'NumberSetter', 'VariableSetter'],
-    },
-    {
-      name: 'showRedeem',
-      title: { label: '显示使用金额', tip: '显示使用金额' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
+      name: "cover",
+      title: { label: "卡片封面", tip: "卡片封面" },
+      propType: "node",
     },
     {
-      name: 'balance',
-      title: { label: '余额', tip: '余额' },
-      propType: 'string',
-      setter: ['StringSetter', 'NumberSetter', 'VariableSetter'],
+      name: "extra",
+      title: { label: "额外元素", tip: "卡片右上角的操作区域" },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+      setter: ['PisellI18nSetter', 'SlotSetter']
     },
     {
-      name: 'showBalance',
-      title: { label: '显示余额', tip: '显示余额' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
+      name: "hoverable",
+      title: { label: "可浮起", tip: "鼠标移过时可浮起" },
+      propType: "bool",
+      defaultValue: false,
     },
     {
-      name: 'code',
-      title: { label: '识别码编号', tip: '识别码编号' },
-      propType: 'string',
-      setter: ['StringSetter', 'NumberSetter', 'VariableSetter'],
-    },
-    {
-      name: 'showCode',
-      title: { label: '显示识别码编号', tip: '显示识别码编号' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'validDate',
-      title: { label: '有效期', tip: '有效期' },
-      propType: 'string',
-      setter: ['StringSetter', 'VariableSetter'],
-    },
-    {
-      name: 'showValidDate',
-      title: { label: '显示有效期', tip: '显示有效期' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'showDetail',
-      title: { label: '显示查看详情按钮', tip: '显示查看详情按钮' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'qrCode',
-      title: { label: '二维码', tip: '二维码' },
-      propType: 'string',
-      setter: ['StringSetter', 'VariableSetter'],
-    },
-    {
-      name: 'showQrCode',
-      title: { label: '显示识别码二维码', tip: '显示识别码二维码' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
+      name: "loading",
+      title: {
+        label: "loading",
+        tip: "当卡片内容还在加载中时，可以用 loading 展示一个占位",
+      },
+      propType: "bool",
+      defaultValue: false,
     },
     {
-      name: 'cover',
-      title: { label: '识别码卡封面', tip: '识别码卡封面' },
-      propType: 'string',
-      setter: ['StringSetter', 'VariableSetter'],
+      name: "size",
+      title: { label: "尺寸", tip: "card 的尺寸" },
+      propType: { type: "oneOf", value: ["default", "small"] },
+      defaultValue: "default",
     },
     {
-      name: 'showCover',
-      title: { label: '显示识别码卡封面', tip: '显示识别码卡封面' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
+      name: "type",
+      title: { label: "卡片类型", tip: "卡片类型" },
+      propType: { type: "oneOf", value: ["default", "inner"] },
+      defaultValue: "default",
     },
   ],
-  configure: { supports: { style: true } },
+  configure: {
+    component: { isContainer: true },
+    supports: {
+      style: true,
+      events: [
+        {
+          name: "onTabChange",
+          template:
+            "onTabChange(key,${extParams}){\n// 页签切换的回调\nconsole.log('onTabChange', key);}",
+        },
+      ],
+    },
+  },
 };

package/lowcode/pisell-card/snippets.ts

@@ -1,19 +1,9 @@
 export default [
   {
-    title: '识别码卡片',
+    title: 'Card卡片',
     schema: {
       componentName: 'PisellCard',
       props: {
-        name: '张三',
-        qrCode: 'https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLRpBpr.png',
-        storeName: '张三的店铺',
-        balance: 100,
-        code: 'Walletpass code',
-        validDate: '2022-01-01',
-        redeem: 1000,
-        disabled: false,
-        disabledReason: '',
-        cover: '',
       },
     },
   },

package/lowcode/pisell-information-entry/meta.ts

@@ -0,0 +1,131 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellInformationEntry',
+  title: '信息录入',
+  category: '表单',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellInformationEntry',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      name: 'entryModes',
+      title: { label: '录入方式', tip: '录入方式' },
+      propType: {
+        type: 'arrayOf',
+        value: {
+          type: 'shape',
+          value: [
+            {
+              name: 'type',
+              title: { label: '录入类型', tip: '录入类型' },
+              propType: {
+                type: 'oneOf',
+                value: ['scanCode', 'input', 'scanner', 'nfc'],
+              },
+            },
+            {
+              name: 'name',
+              propType: ['string', 'number'],
+              description: '文案',
+              defaultValue: '选项值',
+            },
+            {
+              name: 'disabled',
+              propType: 'bool',
+              description: '是否禁用',
+              defaultValue: false,
+            },
+          ],
+        },
+      },
+      setter: {
+        componentName: 'ArraySetter',
+        props: {
+          itemSetter: {
+            componentName: 'ObjectSetter',
+            props: {
+              config: {
+                items: [
+                  {
+                    name: 'type',
+                    title: '录入类型',
+                    isRequired: true,
+                    setter: [
+                      {
+                        componentName: 'SelectSetter',
+                        mode: "single",
+                        props: (target) => {
+                          // console.log(target,'targettarget',target.parent.parent.parent.getPropValue("entryModes"));
+                          const typeValues = target.parent.parent.parent.getPropValue("entryModes").filter(Boolean).map(item => item?.type);
+                          console.log(typeValues,'typeValues');
+                          return {
+                            options: [
+                              {
+                                title: '扫码',
+                                value: 'scanCode',
+                                disabled: typeValues.includes('scanCode'),
+                              },
+                              {
+                                title: '手动输入',
+                                value: 'input',
+                                disabled: typeValues.includes('input'),
+                              },
+                              {
+                                title: '扫描枪（外设）',
+                                value: 'scanner',
+                                disabled: typeValues.includes('scanner'),
+                              },
+                              {
+                                title: 'NFC（外设）',
+                                value: 'nfc',
+                                disabled: typeValues.includes('nfc'),
+                              },
+                            ],
+                          };
+                        },
+                      },
+                      'VariableSetter',
+                    ],
+                  },
+                  {
+                    name: 'name',
+                    title: '文案',
+                    setter: ['StringSetter', 'NumberSetter', 'VariableSetter'],
+                    isRequired: true,
+                  },
+                ],
+              },
+            },
+            initialValue: {
+              type: "",
+              name: "",
+            }
+          },
+        },
+      },
+    },
+    {
+      name: 'title',
+      title: { label: '标题文案', tip: '标题文案' },
+      propType: { type: 'oneOfType', value: ['string', 'node'] },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
+    },
+    {
+      name: 'searchDescribe',
+      title: { label: '搜索框描述文案', tip: '搜索框描述文案' },
+      propType: { type: 'oneOfType', value: ['string', 'node'] },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
+    },
+  ],
+  configure: { supports: { style: true } },
+};

package/lowcode/pisell-information-entry/snippets.ts

@@ -0,0 +1,17 @@
+export default [
+  {
+    title: '信息录入',
+    schema: {
+      componentName: 'PisellInformationEntry',
+      props: {
+        entryModes: [
+          { type: 'scanCode' },
+          { type: 'input' },
+          { type: 'scanner' },
+          { type: 'nfc' },
+        ],
+        title: "",
+      },
+    },
+  },
+];