@pisell/materials 1.0.669 → 1.0.671

package/lowcode/picker-view/meta.ts

@@ -1,206 +0,0 @@
-import { uuid } from '../_utils/utils';
-
-import snippets from './snippets';
-
-export default {
-  snippets,
-  componentName: 'PickerView',
-  title: '选择器视图',
-  category: '表单',
-  docUrl: "",
-  screenshot: "",
-  devMode: "proCode",
-  npm: {
-    package: "@pisell/materials",
-    version: "1.0.1",
-    exportName: "PickerView",
-    main: "src/index.tsx",
-    destructuring: true,
-    subName: "",
-  },
-  props: [
-    {
-      name: 'defaultValue',
-      title: { label: '默认值', tip: '默认选中值' },
-      propType: {
-        type: 'oneOfType',
-        value: [
-          { type: 'arrayOf', value: 'string' },
-          { type: 'arrayOf', value: 'number' },
-        ],
-      },
-    },
-    {
-      name: 'value',
-      title: { label: '当前值', tip: '当前值' },
-      propType: {
-        type: 'oneOfType',
-        value: [
-          { type: 'arrayOf', value: 'string' },
-          { type: 'arrayOf', value: 'number' },
-        ],
-      },
-    },
-    {
-      name: 'columns',
-      title: { label: '可选项', tip: '可选项' },
-      propType: {
-        type: 'arrayOf',
-        value: {
-          type: 'shape',
-          value: [
-              {
-                name: 'label',
-                propType: 'string',
-                description: '选项名',
-                defaultValue: '选项名',
-              },
-              {
-                name: 'value',
-                propType: ['string', 'number'],
-                description: '选项值',
-                defaultValue: '选项值',
-              },
-            ],
-        },
-      },
-      setter: {
-        componentName: 'ArraySetter',
-        props: {
-          itemSetter: {
-            componentName: 'ObjectSetter',
-            props: {
-              itemSetter: {
-                componentName: 'StringSetter',
-              }
-            },
-            initialValue: () => {
-              return [
-                {
-                  label: '选项名',
-                  value: uuid(),
-                },
-                {
-                  label: '选项名1',
-                  value: uuid(),
-                },
-                {
-                  label: '选项名2',
-                  value: uuid(),
-                },
-                {
-                  label: '选项名3',
-                  value: uuid(),
-                },
-                {
-                  label: '选项名4',
-                  value: uuid(),
-                },
-                {
-                  label: '选项名5',
-                  value: uuid(),
-                }
-              ]
-            },
-          },
-        },
-      },
-    },
-    {
-      name: 'className',
-      title: { label: '选择器类名', tip: '选择器类名' },
-      propType: 'string',
-      setter: 'StringSetter'
-    },
-    {
-      name: 'mouseWheel',
-      title: { label: '鼠标滚轮选择', tip: '是否允许通过鼠标滚轮进行选择' },
-      propType: 'bool',
-      defaultValue: false,
-      setter: 'BoolSetter'
-    },
-    {
-      name: 'onChange',
-      title: {
-        label: '选中回调函数',
-        tip: '选中 option，或 input 的 value 变化时，调用此函数',
-      },
-      propType: 'func',
-    },
-    {
-      name: 'loading',
-      title: { label: '加载中', tip: '加载中状态' },
-      propType: 'bool',
-      defaultValue: false,
-      setter: 'BoolSetter'
-    },
-    {
-      name: 'renderLabel',
-      title: { label: '自定义渲染', tip: '自定义渲染每列展示的内容' },
-      propType: 'func',
-    },
-    {
-      name: 'loadingContent',
-      title: { label: '加载状态内容', tip: '加载状态下展示的内容' },
-      propType: 'func',
-    },
-  ],
-  configure: {
-    supports: {
-      style: true,
-      events: [
-        {
-          name: 'onBlur',
-          template: "onBlur(${extParams}){\n// 失去焦点时回调\nconsole.log('onBlur');}",
-        },
-        {
-          name: 'onChange',
-          template:
-            "onChange(value,option,${extParams}){\n// 选中 option，或 input 的 value 变化时，调用此函数\nconsole.log('onChange',value,option);}",
-        },
-        {
-          name: 'onDeselect',
-          template:
-            "onDeselect(value,${extParams}){\n// 取消选中时调用\nconsole.log('onDeselect',value);}",
-        },
-        {
-          name: 'onFocus',
-          template: "onFocus(${extParams}){\n// 获得焦点时回调\nconsole.log('onFocus');}",
-        },
-        {
-          name: 'onInputKeyDown',
-          template:
-            "onInputKeyDown(${extParams}){\n// 按键按下时回调\nconsole.log('onInputKeyDown');}",
-        },
-        {
-          name: 'onMouseEnter',
-          template: "onMouseEnter(${extParams}){\n// 鼠标移入时回调\nconsole.log('onMouseEnter');}",
-        },
-        {
-          name: 'onMouseLeave',
-          template: "onMouseLeave(${extParams}){\n// 鼠标移出时回调\nconsole.log('onMouseLeave');}",
-        },
-        {
-          name: 'onPopupScroll',
-          template:
-            "onPopupScroll(${extParams}){\n// 下拉列表滚动时的回调\nconsole.log('onPopupScroll');}",
-        },
-        {
-          name: 'onSearch',
-          template:
-            "onSearch(value,${extParams}){\n// 文本框值变化时回调\nconsole.log('onSearch',value);}",
-        },
-        {
-          name: 'onSelect',
-          template:
-            "onSelect(value,option,${extParams}){\n// 被选中时调用\nconsole.log('onSelect',value,option);}",
-        },
-        {
-          name: 'onDropdownVisibleChange',
-          template:
-            "onDropdownVisibleChange(open,${extParams}){\n// 展开下拉菜单的回调\nconsole.log('onDropdownVisibleChange',open);}",
-        },
-      ],
-    },
-  },
-};

package/lowcode/picker-view/snippets.ts

@@ -1,24 +0,0 @@
-export default [
-  {
-    title: '选择器视图',
-    screenshot: '',
-    schema: {
-      componentName: 'PickerView',
-      props: {
-        columns: [
-          [
-            { label: '周一', value: 'Mon' },
-            { label: '周二', value: 'Tues' },
-            { label: '周三', value: 'Wed' },
-            { label: '周四', value: 'Thur' },
-            { label: '周五', value: 'Fri' },
-          ],
-          [
-            { label: '上午', value: 'am' },
-            { label: '下午', value: 'pm' },
-          ],
-        ]
-      },
-    },
-  },
-];

package/lowcode/pisell-anchor/meta.ts

@@ -1,118 +0,0 @@
-import { IPublicTypeComponentMetadata } from '@alilc/lowcode-types';
-import { uuid } from '../_utils/utils';
-
-import snippets from "./snippets";
-
-const AnchorMeta: IPublicTypeComponentMetadata = {
-  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: 'options',
-      title: { label: '选项列表', tip: '导航选项列表' },
-      propType: {
-        type: 'arrayOf',
-        value: {
-          type: 'shape',
-          value: [
-            {
-              name: 'id',
-              propType: 'string',
-              description: '选项ID',
-              defaultValue: '',
-            },
-            {
-              name: 'name',
-              propType: 'node',
-              description: '选项名称',
-              defaultValue: '',
-            }
-          ],
-        },
-      },
-      setter: {
-        componentName: 'ArraySetter',
-        props: {
-          itemSetter: {
-            componentName: 'ObjectSetter',
-            props: {
-              config: {
-                items: [
-                  {
-                    name: 'id',
-                    title: '选项ID',
-                    setter: 'StringSetter',
-                    isRequired: true
-                  },
-                  {
-                    name: 'name',
-                    title: '选项名称',
-                    setter: ['StringSetter', 'ExpressionSetter'],
-                    isRequired: true
-                  }
-                ],
-              },
-            },
-            initialValue: () => {
-              const id = uuid();
-              return {
-                id,
-                name: `选项${id}`,
-              };
-            },
-          },
-        },
-      },
-    },
-    {
-      name: 'tab',
-      title: { label: '当前选中项', tip: '当前选中的选项ID' },
-      propType: 'string',
-    },
-    {
-      name: 'className',
-      title: { label: '自定义类名', tip: '自定义类名' },
-      propType: 'string',
-    },
-    {
-      name: 'style',
-      title: { label: '自定义样式', tip: '自定义样式' },
-      propType: 'object',
-    }
-  ],
-  configure: {
-    supports: {
-      style: true,
-      events: [
-        {
-          name: "onChange",
-          template:
-            "onChange(key){\n// 选项切换时的回调\nconsole.log('onChange', key);}",
-        }
-      ],
-    },
-    component: {
-      isContainer: false,
-      nestingRule: {
-        childWhitelist: []
-      },
-    },
-  },
-};
-
-export default {
-  ...AnchorMeta,
-  snippets,
-};

package/lowcode/pisell-anchor/snippets.ts

@@ -1,26 +0,0 @@
-export default [
-  {
-    title: '锚点导航',
-    screenshot: '',
-    schema: {
-      componentName: 'PisellAnchor',
-      props: {
-        options: [
-          {
-            id: '1',
-            name: '选项1'
-          },
-          {
-            id: '2',
-            name: '选项2'
-          },
-          {
-            id: '3',
-            name: '选项3'
-          }
-        ],
-        tab: '1'
-      }
-    }
-  }
-];

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

@@ -1,204 +0,0 @@
-import snippets from "./snippets";
-
-export default {
-  snippets,
-  componentName: "PisellCustomCheckboxGroup",
-  title: "自定义选项卡",
-  category: "数据展示",
-  docUrl: "",
-  screenshot: "",
-  devMode: "proCode",
-  npm: {
-    package: "@pisell/materials",
-    version: "1.0.1",
-    exportName: "PisellCustomCheckboxGroup",
-    main: "src/index.tsx",
-    destructuring: true,
-    subName: "",
-  },
-  props: [
-    // {
-    //   title: '数据源',
-    //   display: 'block',
-    //   type: 'group',
-    //   items: [
-
-    //   ],
-    // },
-
-    {
-      name: 'dataSource',
-      title: { label: '列表数据源', tip: 'dataSource | 列表数据源' },
-      propType: { type: 'arrayOf', value: 'any' },
-      setter: ['JsonSetter', 'VariableSetter'],
-    },
-    // {
-    //   name: 'loading',
-    //   title: {
-    //     label: '是否加载中',
-    //     tip: 'loading | 当卡片内容还在加载中时，可以用 loading 展示一个占位',
-    //   },
-    //   propType: 'bool',
-    //   defaultValue: false,
-    //   setter: ['BoolSetter', 'VariableSetter'],
-    // },
-    {
-      name: 'rowKey',
-      title: {
-        label: '行Key',
-        tip: 'rowKey | 当 renderItem 自定义渲染列表项有效时，自定义每一行的 key 的获取方式',
-      },
-      propType: {
-        type: 'oneOfType',
-        value: ['string', 'function'],
-      },
-      defaultValue: 'id',
-      setter: [
-        'StringSetter',
-        {
-          componentName: 'FunctionSetter',
-          props: {
-            template:
-              'rowKey(item,${extParams}){\n// 自定义每一行的 key\nreturn `key-${item.id}`;\n}',
-          },
-        },
-        'VariableSetter',
-      ],
-    },
-    {
-      name: 'disabled',
-      title: { label: '禁用选择', tip: 'disabled | 是否禁用选择' },
-      propType: 'boolean',
-      defaultValue: false,
-      setter: 'BoolSetter',
-    },
-    {
-      name: 'isMultiple',
-      title: { label: '是否多选', tip: 'isMultiple | 是否多选' },
-      propType: 'boolean',
-      setter: 'BoolSetter',
-    },
-    {
-      name: "value",
-      title: { label: "Value", tip: "value | 当前选中的值" },
-      propType: "string",
-      setter: "StringSetter",
-    },
-    {
-      name: 'allowAdd',
-      title: { label: '允许添加', tip: 'allowAdd | 是否允许添加' },
-      propType: 'boolean',
-      defaultValue: false,
-      setter: 'BoolSetter',
-    },
-    // {
-    //   title: '栅格  ',
-    //   display: 'block',
-    //   type: 'group',
-    //   items: [
-    //     {
-    //       name: 'columns',
-    //       title: { label: '列数', tip: 'columns | 列数' },
-    //       propType: 'number',
-    //       setter: 'NumberSetter',
-    //       defaultValue: 3,
-    //     },
-    //     {
-    //       name: 'horizontalGap',
-    //       title: { label: '水平间隔', tip: 'horizontalGap | 栅格水平间隔，单位为像素(px)' },
-    //       propType: 'number',
-    //       setter: {
-    //         componentName: 'NumberSetter', props: {
-    //           min: 0,
-    //         },
-    //       },
-    //       defaultValue: 10,
-    //     },
-    //     {
-    //       name: 'verticalGap',
-    //       title: { label: '垂直间隔', tip: 'verticalGap | 栅格垂直间隔，单位为像素(px)' },
-    //       propType: 'number',
-    //       setter: {
-    //         componentName: 'NumberSetter',
-    //         props: {
-    //           min: 0,
-    //         },
-    //       },
-    //       defaultValue: 10,
-    //     },
-    //     {
-    //       name: 'singleRow',
-    //       title: { label: '一行展示', tip: 'singleRow | 一行展示' },
-    //       propType: 'boolean',
-    //       defaultValue: false,
-    //       setter: 'BoolSetter',
-    //     },
-    //   ]
-    // },
-    // {
-    //   title: '扩展',
-    //   display: 'block',
-    //   type: 'group',
-    //   items: [
-    //     {
-    //       name: 'renderItem',
-    //       title: {
-    //         label: '渲染函数',
-    //         tip: 'renderItem | 当使用 dataSource 时，可以用 `renderItem` 自定义渲染列表项',
-    //       },
-    //       propType: 'func',
-    //       setter: [
-    //         {
-    //           componentName: 'SlotSetter',
-    //           title: '渲染函数插槽',
-    //           initialValue: {
-    //             type: 'JSSlot',
-    //             params: ['item'],
-    //             value: [
-    //               {
-    //                 componentName: 'List.Item',
-    //                 props: {},
-    //                 children: {
-    //                   componentName: 'Typography.Text',
-    //                   props: {
-    //                     children: {
-    //                       type: 'JSExpression',
-    //                       value: 'this.item.text',
-    //                     },
-    //                   },
-    //                 },
-    //               },
-    //             ],
-    //           },
-    //         },
-    //         {
-    //           componentName: 'FunctionSetter',
-    //           props: {
-    //             template: 'renderItem(item,${extParams}){\n// 自定义渲染列表项\nreturn `item`;\n}',
-    //           },
-    //         },
-    //         'VariableSetter',
-    //       ],
-    //     },
-    //   ],
-    // }
-  ],
-  configure: {
-    supports: {
-      style: true,
-      events: [
-        {
-          name: 'onChange',
-          template: 'onChange(value,${extParams}){\n// 选中值改变时的回调\nconsole.log("value",value);\n}',
-        },
-        {
-          name: 'onAdd',
-          template: 'onAdd(${extParams}){\n// 点击添加按钮时的回调\n}',
-        },
-      ],
-    },
-    component: {
-      isContainer: true,
-    },
-  },
-};

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

@@ -1,56 +0,0 @@
-export default [
-  {
-    title: '自定义选项卡',
-    schema: {
-      componentName: 'PisellCustomCheckboxGroup',
-      props: {
-        disabled: false,
-        allowAdd: false,
-        dataSource: [
-          {
-            id: 1,
-            text: "Racing car sprays burning fuel into crowd.",
-          },
-          {
-            id: 2,
-            text: "Japanese princess to wed commoner.",
-          },
-          {
-            id: 3,
-            text: "Australian walks 100km after outback crash.",
-          },
-          {
-            id: 4,
-            text: "Man charged over missing wedding girl.",
-          },
-          {
-            id: 5,
-            text: "Los Angeles battles huge wildfires.",
-          },
-        ],
-        columns: 3,
-        horizontalGap: 10,
-        verticalGap: 10,
-        renderItem: {
-          type: "JSSlot",
-          params: ["item"],
-          value: [
-            {
-              componentName: "List.Item",
-              props: {},
-              children: {
-                componentName: "Typography.Text",
-                props: {
-                  children: {
-                    type: "JSExpression",
-                    value: "this.item.text",
-                  },
-                },
-              },
-            },
-          ],
-        },
-      },
-    },
-  },
-];