@pisell/materials 1.0.446 → 1.0.448

package/lowcode/pisell-anchor/meta.ts

@@ -0,0 +1,127 @@
+import { ComponentMetadata } from "@alilc/lowcode-types";
+import { uuid } from '../_utils/utils';
+
+import snippets from "./snippets";
+
+const AlertMeta: ComponentMetadata = {
+  componentName: "PisellAnchor",
+  title: "锚点",
+  category: "通用",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "PisellAnchor",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      name: 'items',
+      title: { label: '锚点列表', tip: '锚点列表' },
+      propType: {
+        type: 'arrayOf',
+        value: {
+          type: 'shape',
+          value: [
+            {
+              name: 'key',
+              propType: 'string',
+              description: 'key',
+              defaultValue: '选项名',
+            },
+            {
+              name: 'title',
+              propType: 'string',
+              description: '选项名',
+              defaultValue: '选项名',
+            },
+            {
+              name: 'href',
+              propType: 'string',
+              description: '选项值',
+              defaultValue: '选项值',
+            },
+            {
+              name: 'disabled',
+              propType: 'bool',
+              description: '是否禁用',
+              defaultValue: false,
+            },
+          ],
+        },
+      },
+      setter: {
+        componentName: 'ArraySetter',
+        props: {
+          itemSetter: {
+            componentName: 'ObjectSetter',
+            props: {
+              config: {
+                items: [
+                  {
+                    name: 'title',
+                    title: '锚点名称',
+                    setter: 'StringSetter',
+                    isRequired: true
+                  },
+                  {
+                    name: 'href',
+                    title: '锚点链接',
+                    setter: 'StringSetter',
+                    isRequired: true
+                  },
+
+                ],
+              },
+            },
+            initialValue: () => {
+              const id = uuid();
+              return {
+                title: id,
+                key: id,
+                href: `#${id}`,
+              };
+            },
+          },
+        },
+      },
+    }, {
+      name: 'scrollNumber',
+      title: '每次翻页数量',
+      propType: 'number',
+      defaultValue: 1,
+    }
+  ],
+  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-anchor/snippets.ts

@@ -0,0 +1,20 @@
+export default [
+  {
+    title: '锚点',
+    schema: {
+      componentName: 'PisellAnchor',
+      props: {
+        scrollNumber: 1,
+        items: [{
+          key: '1',
+          title: '1',
+          href: '#1',
+        }, {
+          key: '2',
+          title: '2',
+          href: '#2',
+        }]
+      },
+    },
+  },
+];

package/lowcode/pisell-qrcode/meta.ts

@@ -0,0 +1,46 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellQrcode',
+  title: '二维码',
+  category: '通用',
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "PisellQrcode",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      name: 'size',
+      title: '二维码尺寸',
+      propType: 'number'
+    }, {
+      name: 'platform',
+      title: 'PC端&移动端',
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            { title: 'PC端', value: 'pc' },
+            { title: 'h5', value: 'h5' },
+            { title: 'ipad', value: 'ipad' },
+          ],
+        },
+      },
+    },
+  ],
+  configure: {
+    component: { isContainer: true },
+    supports: {
+      style: true,
+      events: [],
+    },
+  },
+};

package/lowcode/pisell-qrcode/snippets.ts

@@ -0,0 +1,12 @@
+export default [
+  {
+    title: '二维码',
+    schema: {
+      componentName: 'PisellQrcode',
+      props: {
+        size: 200,
+        platform: 'pc'
+      },
+    },
+  },
+];

package/lowcode/pisell-statistic/meta.ts

@@ -0,0 +1,83 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellStatistic',
+  title: '统计数值',
+  category: '通用',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellStatistic',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [{
+    name: 'hint',
+    title: { label: 'Hint显示', tip: '是否显示Hint' },
+    propType: 'node',
+    setter: {
+      componentName: 'SlotSetter',
+      title: '关闭图标插槽',
+      initialValue: {
+        type: 'JSSlot',
+        value: [
+          {
+            componentName: 'PisellTooltip',
+            props: {
+              title: '提示信息',
+            },
+            children: {
+              componentName: 'Icon',
+              props: {
+                type: 'InfoCircleOutlined',
+                size: 16
+              },
+            },
+          },
+        ],
+      },
+    },
+  }, {
+    name: 'tags',
+    title: { label: 'Tags显示', tip: '是否显示Tags' },
+    propType: 'node',
+    setter: {
+      componentName: 'SlotSetter',
+      initialValue: {
+        type: 'JSSlot',
+        value: [
+          {
+            componentName: 'Tag',
+            props: {
+              color: 'green',
+              children: '100%',
+              bordered: false
+            },
+          },
+        ],
+      },
+    },
+  },
+  {
+    name: 'title',
+    title: {
+      label: 'Heading标题',
+      tip: '标题',
+    },
+    propType: 'string',
+  },
+  {
+    name: "number",
+    title: {
+      label: "Number数字",
+      tip: "输入数字",
+    },
+    propType: "number",
+  }],
+  configure: { supports: { style: true } },
+};

package/lowcode/pisell-statistic/snippets.ts

@@ -0,0 +1,13 @@
+export default [
+  {
+    title: 'pisell数值统计',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/empty-1.png',
+    schema: {
+      componentName: 'PisellStatistic',
+      props: {
+        title: '统计数值',
+        number: 100,
+      },
+    },
+  },
+];

package/lowcode/pisell-tooltip/meta.ts

@@ -29,7 +29,7 @@ export default {
             tip: 'title | 提示文字',
           },
           propType: { type: 'oneOfType', value: ['string', 'node'] },
-          setter: ['PisellI18nSetter', 'SlotSetter', 'VariableSetter'],
+          setter: ['PisellI18nSetter', 'SlotSetter', 'VariableSetter', 'StringSetter',],
         },
       ],
     },