@pisell/materials 1.0.365 → 1.0.367

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: "",
+      },
+    },
+  },
+];

package/lowcode/pisell-modal/meta.ts

@@ -53,37 +53,37 @@ export default {
       ],
       defaultValue: null,
     },
-    {
-      name: 'size',
-      title: {
-        label: 'size',
-        tip: '弹框大小',
-      },
-      propType: { type: 'oneOf', value: ['large', 'middle', 'small'] },
-      setter: [
-        {
-          componentName: 'RadioGroupSetter',
-          props: {
-            options: [
-              {
-                title: 'large',
-                value: 'large',
-              },
-              {
-                title: 'middle',
-                value: 'middle',
-              },
-              {
-                title: 'small',
-                value: 'small',
-              },
-            ],
-          },
-        },
-        'VariableSetter',
-      ],
-      defaultValue: 'middle',
-    },
+    // {
+    //   name: 'size',
+    //   title: {
+    //     label: 'size',
+    //     tip: '弹框大小',
+    //   },
+    //   propType: { type: 'oneOf', value: ['large', 'middle', 'small'] },
+    //   setter: [
+    //     {
+    //       componentName: 'RadioGroupSetter',
+    //       props: {
+    //         options: [
+    //           {
+    //             title: 'large',
+    //             value: 'large',
+    //           },
+    //           {
+    //             title: 'middle',
+    //             value: 'middle',
+    //           },
+    //           {
+    //             title: 'small',
+    //             value: 'small',
+    //           },
+    //         ],
+    //       },
+    //     },
+    //     'VariableSetter',
+    //   ],
+    //   defaultValue: 'middle',
+    // },
     {
       name: 'headerDivider',
       title: { label: '顶部区域分割线', tip: '顶部区域分割线是否可见' },

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

@@ -43,6 +43,13 @@ export default {
       setter: 'BoolSetter',
       defaultValue: true,
     },
+    {
+      name: 'footerDivider',
+      title: { label: '顶部区域分割线', tip: '顶部区域分割线是否可见' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+      defaultValue: true,
+    },
     {
       name: "okText",
       title: { label: "确认按钮文字", tip: "确认按钮文字" },

package/lowcode/pisell-scan/meta.ts

@@ -0,0 +1,53 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellScan',
+  title: '扫描组件',
+  category: '表单',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellScan',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      name: 'width',
+      title: { label: '宽度', tip: '宽度' },
+      propType: { type: 'oneOfType', value: ['string', 'number'] },
+      defaultValue: 200,
+    },
+    {
+      name: 'height',
+      title: { label: '高度', tip: '高度' },
+      propType: { type: 'oneOfType', value: ['string', 'number'] },
+      defaultValue: 200,
+    },
+    {
+      name: 'borderRadius',
+      title: { label: '圆角度数', tip: '圆角度数' },
+      propType: { type: 'oneOfType', value: ['string', 'number'] },
+      defaultValue: 0,
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    supports: { style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(value,${extParams}){\n// 扫描内容变化时的回调\nconsole.log('onChange',value);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/pisell-scan/snippets.ts

@@ -0,0 +1,13 @@
+export default [
+  {
+    title: 'Scan',
+    schema: {
+      componentName: 'PisellScan',
+      props: {
+        width: 200,
+        height: 200,
+        borderRadius: 0,
+      },
+    },
+  },
+];

package/lowcode/pisell-wallet-pass-card/meta.ts

@@ -0,0 +1,189 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellWalletPassCard',
+  title: 'PisellWalletPassCard',
+  category: '数据展示',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellWalletPassCard',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  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',
+      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: 'balance',
+      title: { label: '余额', tip: '余额' },
+      propType: 'string',
+      setter: ['StringSetter', 'NumberSetter', 'VariableSetter'],
+    },
+    {
+      name: 'showBalance',
+      title: { label: '显示余额', tip: '显示余额' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+      defaultValue: true,
+    },
+    {
+      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: 'cover',
+      title: { label: '识别码卡封面', tip: '识别码卡封面' },
+      propType: 'string',
+      setter: ['StringSetter', 'VariableSetter'],
+    },
+    {
+      name: 'showCover',
+      title: { label: '显示识别码卡封面', tip: '显示识别码卡封面' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+      defaultValue: true,
+    },
+  ],
+  configure: { supports: { style: true } },
+};

package/lowcode/pisell-wallet-pass-card/snippets.ts

@@ -0,0 +1,20 @@
+export default [
+  {
+    title: '识别码卡片',
+    schema: {
+      componentName: 'PisellWalletPassCard',
+      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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.365",
+  "version": "1.0.367",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -62,9 +62,10 @@
     "react-window": "^1.8.10",
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
-    "@pisell/utils": "1.0.29",
-    "@pisell/date-picker": "1.0.91",
-    "@pisell/icon": "0.0.10"
+    "@zxing/library": "0.21.2",
+    "@pisell/utils": "1.0.30",
+    "@pisell/icon": "0.0.10",
+    "@pisell/date-picker": "1.0.92"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/dist/umd/materials.min.css

@@ -1 +0,0 @@
-.materials-grid{display:flex;flex-direction:column;height:100%;width:100%}.materials-grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.materials-grid-header .right-wrap{align-items:center;display:flex;gap:8px}.materials-grid-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.materials-grid-actions .left-wrap{align-items:center;display:flex;flex:1 1}.materials-grid-actions .left-wrap .pisell-lowcode-form-item{margin-bottom:0}.materials-grid-actions .right-wrap{align-items:center;display:flex;gap:8px}.materials-grid-actions .right-wrap .icon{cursor:pointer;transition:.2s}.materials-grid-actions .right-wrap .icon:hover{color:var(--theme-color)}.materials-grid-actions .right-wrap .button{align-items:center;display:flex;font-size:12px;height:28px;justify-content:center}.filter-dropdown-wrap{display:flex;flex-direction:column;max-height:400px;max-width:calc(100vw - 24px);min-width:250px;padding:4px;width:400px}.filter-dropdown-wrap .filter-dropdown-wrap-content{flex:1 1;overflow:auto}.filter-dropdown-wrap .filter-dropdown-drag-item{align-items:center;background:#f9fafb;background:var(--gray-50,#f9fafb);border-radius:8px;display:flex;margin-bottom:12px;padding:8px 12px 12px}.filter-dropdown-wrap .filter-dropdown-drag-item .dots-six-icon{color:#98a2b3;cursor:pointer;font-size:24px}.filter-dropdown-wrap .filter-dropdown-drag-item .pisell-lowcode-form-item{margin-bottom:0}.filter-dropdown-wrap .filter-dropdown-drag-item .filter-dropdown-drag-item-right{flex:1 1;margin-left:16px}.filter-dropdown-wrap .filter-dropdown-drag-item .filter-dropdown-drag-item-right .filter-dropdown-drag-item-title{color:#777;color:var(--text-text-2,#777);font-size:14px;font-style:normal;font-weight:600;line-height:20px}.filter-dropdown-container-wrap{border-bottom:1px solid #e2e2e2;border-bottom:1px solid var(--surface-surface-4,#e2e2e2);margin-bottom:20px;min-height:70px}.filter-dropdown-container-wrap:last-child{border:none}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap{align-items:center;color:#919191;color:var(--text-text-3,#919191);display:flex;font-size:16px;font-style:normal;font-weight:600;line-height:22px;margin-bottom:12px}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap .filter-dropdown-container-title{color:#101828;color:var(--gray-900,#101828);font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-right:6px}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap .filter-dropdown-container-icon-help{color:#98a2b3;color:var(--gray-400,#98a2b3);font-size:20px}.filter-dropdown-container-wrap .filter-dropdown-container-filter-wrap{min-height:80px}.materials-sort-list-empty{color:#5a5a5a;display:block;padding-top:22px;text-align:center}.materials-grid-summary{margin-bottom:16px}.grid-view-table-wrap{position:relative}.materials-grid-paginator{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:0 0 8px 8px;border-top:none;display:flex;height:50px;justify-content:center;margin:0!important;padding:0 20px;width:100%}.materials-grid-paginator .pisell-lowcode-pagination-total-text{color:#667085;color:var(--gray-500,#667085);font-size:14px;font-style:normal;font-weight:500;margin-right:auto}.materials-grid-paginator .pisell-lowcode-pagination-item{border:1px solid #d0d5dd;border-radius:0;border-right:0;margin:0;position:relative}.materials-grid-paginator .pisell-lowcode-pagination-jump-next,.materials-grid-paginator .pisell-lowcode-pagination-jump-prev{border:1px solid #d0d5dd;border-radius:0;border-right:none;margin:0}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover .pisell-lowcode-pagination-item-link-icon{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active:hover{border-color:#d0d5dd!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active{background-color:rgba(0,0,0,.06)}.materials-grid-paginator .pisell-lowcode-pagination-item-active a{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-prev{align-items:center;border:1px solid #d0d5dd;border-radius:8px 0 0 8px;border-right:none;display:flex;justify-content:center;margin:0;min-width:auto}.materials-grid-paginator .pisell-lowcode-pagination-next{align-items:center;border:1px solid #d0d5dd;border-radius:0 8px 8px 0;display:flex;justify-content:center;margin:0;min-width:auto}.paginator-page-btn{align-items:center;border-radius:4px 4px 4px 4px;color:#344054;color:var(--gray-700,#344054);cursor:pointer;display:flex;font-size:12px;font-weight:400;justify-content:center;padding:10px 16px;transition:.2s;-ms-user-select:none;user-select:none}.paginator-page-btn .paginator-page-btn-text{font-weight:600}.paginator-page-btn .paginator-page-btn-left-icon,.paginator-page-btn .paginator-page-btn-right-icon{font-size:20px}.paginator-page-btn .paginator-page-btn-left-icon{margin-right:8px}.paginator-page-btn .paginator-page-btn-right-icon{margin-left:8px}.paginator-page-btn.left{margin-right:auto}.paginator-page-btn.left .icon{font-size:18px;margin-right:8px}.paginator-page-btn.right{margin-left:auto}.paginator-page-btn.right .icon{font-size:18px;margin-left:8px;transform:rotate(180deg)}.materials-grid-paginator-mini{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:0 0 8px 8px;border-top:none;display:flex;height:50px;justify-content:space-between;margin:0!important;overflow:hidden;padding:0 20px;width:100%}.materials-grid-paginator-mini .paginator-page-btn{padding:8px}.materials-grid-paginator-mini .materials-grid-paginator-center{align-items:center;display:flex;gap:4px;justify-content:center}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-text{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:400}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-value{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:500}.materials-grid-paginator-mini .pisell-lowcode-pagination-next,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev{border:1px solid #d0d5dd;border-radius:8px;margin:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-left-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-left-icon{margin-right:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-right-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-right-icon{margin-left:0}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.materials-grid-table-header-cell{align-items:center;display:flex;height:44px;padding:0 14px}.materials-grid-table-header-cell .field-icon{color:#777;font-size:18px}.materials-grid-table-header-cell .materials-grid-table-header-cell-content{color:#1b1b1b;flex:auto;font-size:14px;font-weight:600;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.materials-grid-table-header-cell .actions{align-items:center;display:flex;gap:8px}.materials-grid-table-header-cell .actions .action{color:#ababab;cursor:pointer;font-size:14px}.editable-cell-value-wrap{height:100%;width:100%}.materials-grid-table-cell{height:1px;padding:0!important}.cell-provider{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:100%;justify-content:center;padding:12px;position:relative;width:100%}.cell-provider.focus{box-shadow:var(--theme-color) 0 0 0 1px!important}