@pisell/materials 2.2.13 → 2.2.14

package/lowcode/pisell-text.amount/meta.ts

@@ -0,0 +1,61 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellText.Amount',
+  title: '空状态',
+  category: '数据展示',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellText',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: 'Amount',
+  },
+  props: [
+    {
+      name: 'value',
+      title: { label: '当前数值', tip: '当前数值' },
+      propType: 'number',
+      setter: 'NumberSetter',
+    },
+    {
+      name: 'precision',
+      title: { label: '小数点后位数', tip: '小数点后位数 默认是小数点后2位' },
+      propType: 'number',
+      setter: 'NumberSetter',
+    },
+    {
+      name: 'showCurrencySymbol',
+      title: {
+        label: '显示货币符号',
+        tip: '显示货币符号 指的是 ¥$ 等货币符号等显隐，默认是展示',
+      },
+      propType: 'bool',
+      defaultValue: true,
+    },
+    {
+      name: 'useThousandsSeparator',
+      title: {
+        label: '千分位',
+        tip: '千分位 指的是长金额的千分位逗号隔开，比如“123, 245, 315” 这种展现形式，默认是关闭',
+      },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'hideDecimalForWholeNumbers',
+      title: {
+        label: '整数位隐藏小数',
+        tip: '整数位隐藏小数 指的是如果价格为整数，后面的".00" 将被省略以节省页面空间',
+      },
+      propType: 'bool',
+      defaultValue: true,
+    },
+  ],
+  configure: { supports: { style: true, className: true } },
+};

package/lowcode/pisell-text.amount/snippets.ts

@@ -0,0 +1,15 @@
+export default [
+  {
+    title: '金额文本',
+    schema: {
+      componentName: 'PisellText.Amount',
+      props: {
+        value: 10,
+        precision: 2,
+        showCurrencySymbol: true,
+        useThousandsSeparator: true,
+        hideDecimalForWholeNumbers: true,
+      },
+    },
+  },
+];

package/lowcode/pisell-tooltip/meta.ts

@@ -0,0 +1,306 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellTooltip',
+  title: '文字提示',
+  category: '数据展示',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellTooltip',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: '内容',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'title',
+          title: {
+            label: '提示文字',
+            tip: 'title | 提示文字',
+          },
+          propType: { type: 'oneOfType', value: ['string', 'node'] },
+          setter: ['PisellI18nSetter', 'SlotSetter', 'VariableSetter'],
+        },
+      ],
+    },
+    {
+      title: '控制',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'defaultOpen',
+          title: {
+            label: '默认显隐',
+            tip: 'defaultOpen | 默认是否显隐',
+          },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: false,
+        },
+        {
+          name: 'open',
+          title: {
+            label: '当前显隐',
+            tip: 'open | 当前是否显隐',
+          },
+          propType: 'bool',
+          setter: 'BoolSetter',
+        },
+      ],
+    },
+    {
+      title: '外观',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'placement',
+          title: { label: '气泡位置', tip: 'placement | 气泡位置' },
+          propType: {
+            type: 'oneOf',
+            value: [
+              'top',
+              'left',
+              'right',
+              'bottom',
+              'topLeft',
+              'topRight',
+              'bottomLeft',
+              'bottomRight',
+              'leftTop',
+              'leftBottom',
+              'rightTop',
+              'rightBottom',
+            ],
+          },
+          defaultValue: 'top',
+          setter: {
+            componentName: 'SelectSetter',
+            props: {
+              options: [
+                {
+                  title: '上',
+                  value: 'top',
+                },
+                {
+                  title: '左',
+                  value: 'left',
+                },
+                {
+                  title: '右',
+                  value: 'right',
+                },
+                {
+                  title: '下',
+                  value: 'bottom',
+                },
+                {
+                  title: '上左',
+                  value: 'topLeft',
+                },
+                {
+                  title: '上右',
+                  value: 'topRight',
+                },
+                {
+                  title: '下左',
+                  value: 'bottomLeft',
+                },
+                {
+                  title: '下右',
+                  value: 'bottomRight',
+                },
+                {
+                  title: '左上',
+                  value: 'leftTop',
+                },
+                {
+                  title: '左下',
+                  value: 'leftBottom',
+                },
+                {
+                  title: '右上',
+                  value: 'rightTop',
+                },
+                {
+                  title: '右下',
+                  value: 'rightBottom',
+                },
+              ],
+            },
+          },
+        },
+        {
+          name: 'autoAdjustOverflow',
+          title: {
+            label: '自动调整',
+            tip: 'autoAdjustOverflow | 气泡被遮挡时自动调整位置',
+          },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'arrowPointAtCenter',
+          title: {
+            label: '指向中心',
+            tip: 'arrowPointAtCenter | 箭头是否指向目标元素中心',
+          },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: false,
+        },
+        {
+          name: 'color',
+          title: {
+            label: '背景颜色',
+            tip: 'color | 背景颜色',
+          },
+          propType: 'string',
+          setter: 'ColorSetter',
+        },
+        {
+          name: 'zIndex',
+          title: {
+            label: 'zIndex',
+            tip: 'zIndex | 设置 Tooltip 的 z-index值',
+          },
+          propType: 'number',
+          setter: 'NumberSetter',
+        },
+      ],
+    },
+    {
+      name: 'overlayStyle',
+      title: '卡片样式',
+      type: 'group',
+      extraProps: {
+        display: 'entry',
+      },
+      items: [
+        {
+          name: 'overlayStyle',
+          title: { label: '样式设置', tip: 'overlayStyle | 卡片样式' },
+          setter: 'StyleSetter',
+          extraProps: {
+            display: 'block',
+          },
+        },
+      ],
+    },
+    {
+      name: 'overlayInnerStyle',
+      title: '卡片内容样式',
+      type: 'group',
+      extraProps: {
+        display: 'entry',
+      },
+      items: [
+        {
+          name: 'overlayInnerStyle',
+          title: {
+            label: '样式设置',
+            tip: 'overlayStyle | 卡片内容区域的样式',
+          },
+          setter: 'StyleSetter',
+          extraProps: {
+            display: 'block',
+          },
+        },
+      ],
+    },
+    {
+      title: '行为',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'trigger',
+          title: { label: '触发行为', tip: 'trigger | 触发行为' },
+          propType: {
+            type: 'oneOf',
+            value: ['hover', 'focus', 'click', 'contextMenu'],
+          },
+          defaultValue: 'hover',
+          setter: {
+            componentName: 'SelectSetter',
+            props: {
+              options: [
+                {
+                  title: '鼠标悬停',
+                  value: 'hover',
+                },
+                {
+                  title: '获得焦点',
+                  value: 'focus',
+                },
+                {
+                  title: '鼠标点击',
+                  value: 'click',
+                },
+                {
+                  title: '右键菜单',
+                  value: 'contextMenu',
+                },
+              ],
+            },
+          },
+        },
+        {
+          name: 'mouseEnterDelay',
+          title: {
+            label: '展示延时',
+            tip: 'mouseEnterDelay | 鼠标移入后延时多少才显示 Tooltip，单位：秒',
+          },
+          propType: 'number',
+          defaultValue: 0.1,
+          setter: {
+            componentName: 'NumberSetter',
+            props: {
+              step: 0.1,
+            },
+          },
+        },
+        {
+          name: 'mouseLeaveDelay',
+          title: {
+            label: '隐藏延时',
+            tip: 'mouseLeaveDelay | 鼠标移出后延时多少才隐藏 Tooltip，单位：秒',
+          },
+          propType: 'number',
+          defaultValue: 0.1,
+          setter: {
+            componentName: 'NumberSetter',
+            props: {
+              step: 0.1,
+            },
+          },
+        },
+      ],
+    },
+  ],
+  configure: {
+    component: { isContainer: true },
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onOpenChange',
+          template:
+            "onOpenChange(open,${extParams}){\n// 显示隐藏的回调\nconsole.log('onOpenChange',open);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/pisell-tooltip/snippets.ts

@@ -0,0 +1,12 @@
+export default [
+  {
+    title: 'pisellTooltip提示',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/tooltip-1.jpg',
+    schema: {
+      componentName: 'PisellTooltip',
+      props: {
+        title: '提示内容',
+      },
+    },
+  },
+];

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": "2.2.13",
+  "version": "2.2.14",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -61,9 +61,10 @@
     "react-window": "^1.8.10",
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
-    "@pisell/utils": "1.0.27",
+    "@zxing/library": "0.21.2",
+    "@pisell/utils": "1.0.28",
     "@pisell/icon": "0.0.11",
-    "@pisell/date-picker": "1.0.92"
+    "@pisell/date-picker": "1.0.93"
   },
   "peerDependencies": {
     "react": "^18.0.0",