@pisell/materials 3.0.34 → 3.0.36

package/lowcode/pisell-card-list/snippets.ts

@@ -0,0 +1,9 @@
+export default [
+  {
+    title: 'PisellCardList',
+    schema: {
+      componentName: 'PisellCardList',
+      props: {},
+    },
+  },
+];

package/lowcode/pisell-checkbox-group/meta.ts

@@ -0,0 +1,112 @@
+import snippets from "./snippets";
+
+export default {
+  snippets,
+  componentName: "PisellCheckboxGroup",
+  title: "Pisell Checkbox Group",
+  category: "布局",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "PisellCheckboxGroup",
+    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: 'gap',
+      title: { label: '间距' },
+      propType: 'number',
+      defaultValue: 10,
+      setter: ['NumberSetter', 'StringSetter', 'VariableSetter']
+    },
+    {
+      name: 'leftContent',
+      title: { label: '左侧内容' },
+      propType: "func",
+      setter: [
+        {
+          componentName: "SlotSetter",
+        },
+        {
+          componentName: "FunctionSetter",
+        },
+        "VariableSetter",
+      ],
+    },
+    {
+      name: 'centerContent',
+      title: { label: '中间内容' },
+      propType: "func",
+      setter: [
+        {
+          componentName: "SlotSetter",
+        },
+        {
+          componentName: "FunctionSetter",
+        },
+        "VariableSetter",
+      ],
+    },
+    {
+      name: 'rightContent',
+      title: { label: '右侧内容' },
+      propType: "func",
+      setter: [
+        {
+          componentName: "SlotSetter",
+        },
+        {
+          componentName: "FunctionSetter",
+        },
+        "VariableSetter",
+      ],
+    },
+  ],
+  configure: {
+    component: {
+      centerContentFill: true,
+      platform: 'pc'
+    },
+    supports: {
+      style: true,
+      events: [
+
+      ],
+    },
+  },
+};

package/lowcode/pisell-checkbox-group/snippets.ts

@@ -0,0 +1,13 @@
+export default [
+  {
+    title: 'PisellCheckboxGroup',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/1-1-1.png',
+    schema: {
+      componentName: 'PisellCheckboxGroup',
+      props: {
+
+      },
+
+    },
+  },
+];

package/lowcode/pisell-container/meta.ts

@@ -0,0 +1,71 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellContainer',
+  title: 'PisellContainer',
+  category: '数据展示',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellContainer',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      name: 'renderType',
+      title: {
+        label: '渲染类型',
+        tip: 'renderType | 渲染类型',
+      },
+      setter: {
+        componentName: 'SelectSetter',
+        props: {
+          options: [
+            {
+              title: '弹窗',
+              value: 'modal',
+            },
+            {
+              title: '抽屉',
+              value: 'drawer',
+            },
+            {
+              title: '指定位置',
+              value: 'portal',
+            },
+            {
+              title: '当前位置',
+              value: '',
+            },
+          ],
+        },
+      },
+      propType: {
+        type: 'oneOf',
+        value: ['modal', 'drawer', 'portal', ''],
+      },
+    },
+    {
+      name: "props",
+      title: {
+        label: "组件props",
+        tip: "组件props",
+      },
+      propType: "object",
+      setter: "JsonSetter",
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+      isModal: true,
+    },
+    supports: { style: true },
+  },
+};

package/lowcode/pisell-container/snippets.ts

@@ -0,0 +1,14 @@
+export default [
+  {
+    title: 'PisellContainer',
+    schema: {
+      componentName: 'PisellContainer',
+      props: {
+        renderType: "modal",
+        props: {
+          open: true
+        }
+      },
+    },
+  },
+];

package/lowcode/pisell-countdown/meta.ts

@@ -0,0 +1,71 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellCountdown',
+  title: '倒计时',
+  category: '数据展示',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellCountdown',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      name: 'format',
+      title: { label: '格式化倒计时展示', tip: '格式化倒计时展示，参考 dayjs | format' },
+      propType: 'string',
+    },
+    {
+      name: 'leftTime',
+      title: {
+        label: '剩余时间',
+        tip: '剩余时间（毫秒）| leftTime',
+      },
+      propType: 'number',
+    },
+    {
+      name: 'targetDate',
+      title: {
+        label: '目标时间',
+        tip: '目标时间 | targetDate（如果同时传了 leftTime 和 targetDate，则会忽略 targetDate，以 leftTime 为主）',
+      },
+      propType: { type: "oneOfType", value: ["string", "number"] },
+    },
+    {
+      name: 'interval',
+      title: { label: '间隔', tip: '变化时间间隔（毫秒）| interval' },
+      propType: 'number',
+      defaultValue: 1000
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      className: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(event,${extParams}){\n// 倒计时时间变化时触发\nconsole.log('onChange', event);}",
+        },
+        {
+          name: 'onFinish',
+          template:
+            "onFinish(){\n// 倒计时完成时触发\nconsole.log('onFinish');}",
+        },
+        {
+          name: "onClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击按钮时的回调\nconsole.log('onClick', event);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/pisell-countdown/snippets.ts

@@ -0,0 +1,12 @@
+export default [
+  {
+    title: '倒计时组件',
+    schema: {
+      componentName: 'PisellCountdown',
+      props: {
+        interval: 1000,
+        format: "HH:mm:ss"
+      },
+    },
+  },
+];

package/lowcode/pisell-date-picker/meta.ts

@@ -0,0 +1,76 @@
+import snippets from "./snippets";
+import baseDatePickerMeta from '../date-picker/meta';
+
+export default {
+  snippets,
+  componentName: "PisellDatePicker",
+  title: "pisell日期选择框",
+  category: "表单",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "PisellDatePicker",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  configure: {
+    props: [
+      {
+        name: "type",
+        title: {
+          label: "选择类型",
+          tip: "type | 选择类型",
+        },
+        propType: {
+          type: "oneOf",
+          value: ["input", "select", "both"],
+        },
+        setter: {
+          componentName: "RadioGroupSetter",
+          props: {
+            options: [
+              {
+                title: "Input",
+                value: "input",
+              },
+              {
+                title: "Select",
+                value: "select",
+              },
+              {
+                title: "Both",
+                value: "both",
+              },
+            ],
+          },
+        },
+        defaultValue: "both",
+      },
+      ...baseDatePickerMeta.configure.props,
+    ],
+    supports: {
+      style: true,
+      events: [
+        {
+          name: "onChange",
+          template:
+            "onChange(date,dateString,${extParams}){\n// 时间发生变化的回调\nconsole.log('onChange',date,dateString);}",
+        },
+        {
+          name: "onOpenChange",
+          template:
+            "onOpenChange(open,${extParams}){\n// 弹出日历和关闭日历的回调\nconsole.log('onOpenChange',open);}",
+        },
+        {
+          name: "onPanelChange",
+          template:
+            "onPanelChange(value,mode,${extParams}){\n// 日历面板切换的回调\nconsole.log('onPanelChange',value,mode);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/pisell-date-picker/snippets.ts

@@ -0,0 +1,9 @@
+export default [
+  {
+    title: 'pisell选择日期',
+    schema: {
+      componentName: 'PisellDatePicker',
+      props: {},
+    },
+  },
+];

package/lowcode/pisell-empty/meta.ts

@@ -0,0 +1,85 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellEmpty',
+  title: '空状态',
+  category: '数据展示',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellEmpty',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      name: 'description',
+      title: { label: '内容描述', tip: '自定义描述内容' },
+      propType: { type: 'oneOfType', value: ['string', 'node'] },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
+    },
+    {
+      name: 'extraDescription',
+      title: { label: '额外内容描述', tip: '自定义额外描述内容' },
+      propType: { type: 'oneOfType', value: ['string', 'node'] },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
+    },
+    {
+      name: 'icon',
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'icon',
+          'zh-CN': '图标',
+        },
+        tip: 'icon | Set the icon component of the button',
+      },
+      propType: { type: 'oneOfType', value: ['node'] },
+      setter: [
+        {
+          componentName: 'SlotSetter',
+          initialValue: {
+            type: 'JSSlot',
+            value: [
+              {
+                componentName: 'Icon',
+                props: {
+                  type: 'SmileOutlined',
+                  size: 20,
+                  rotate: 0,
+                  spin: false,
+                },
+              },
+            ],
+          },
+          defaultValue: null,
+        },
+      ],
+    },
+    {
+      name: 'footer',
+      title: { label: '操作区域', tip: '自定义底部额外操作区域' },
+      propType: { type: 'oneOfType', value: ['node'] },
+      setter: ['SlotSetter'],
+    },
+    // {
+    //   name: 'imageStyle',
+    //   title: { label: '图片样式', tip: '图片样式' },
+    //   propType: 'object',
+    // },
+    // {
+    //   name: 'image',
+    //   title: {
+    //     label: '图片地址',
+    //     tip: '设置显示图片，为string时表示自定义图片地址。',
+    //   },
+    //   propType: { type: 'oneOfType', value: ['string', 'node'] },
+    // },
+  ],
+  configure: { supports: { style: true } },
+};

package/lowcode/pisell-empty/snippets.ts

@@ -0,0 +1,10 @@
+export default [
+  {
+    title: 'pisell空状态',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/empty-1.png',
+    schema: {
+      componentName: 'PisellEmpty',
+      props: {},
+    },
+  },
+];

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