@pisell/materials 1.0.671 → 1.0.672

package/lowcode/crop-photo/meta.ts

@@ -0,0 +1,77 @@
+import snippets from './snippe';
+
+export default {
+  snippets,
+  componentName: 'CropPhoto',
+  title: '图片裁切',
+  category: '通用',
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "CropPhoto",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      name: 'cropShape',
+      title: '裁剪框形状',
+      propType: {
+        type: 'oneOf',
+        value: ['rect', 'round'],
+      },
+      defaultValue: 'rect',
+      setter: [
+        {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                title: '正方形',
+                value: 'rect',
+              },
+              {
+                title: '圆形',
+                value: 'round',
+              },
+            ],
+          },
+        },
+        'VariableSetter',
+      ],
+
+    }
+  ],
+  configure: {
+    component: { isContainer: true },
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange({file,fileList,event},${extParams}){\n// 上传文件改变时的回调\nconsole.log('onChange',file,fileList,event);}",
+        },
+        {
+          name: 'onPreview',
+          template:
+            "onPreview(file,${extParams}){\n// 点击文件链接或预览图标时的回调\nconsole.log('onPreview',file);}",
+        },
+        {
+          name: 'onRemove',
+          template:
+            "onRemove(file,${extParams}){\n// 点击移除文件时的回调\nconsole.log('onRemove',file);}",
+        },
+        {
+          name: 'onDownload',
+          template:
+            "onDownload(file,${extParams}){\n// 点击下载文件时的回调\nconsole.log('onDownload',file);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/crop-photo/snippe.ts

@@ -0,0 +1,12 @@
+export default [
+  {
+    title: '图片裁切',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/upload-1.png',
+    schema: {
+      componentName: 'CropPhoto',
+      props: {
+        cropShape: 'rect',
+      },
+    },
+  },
+];

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

@@ -171,6 +171,26 @@ export default {
               },
             },
           },
+          {
+            name: "isHideCustomSelect",
+            title: {
+              label: "是否隐藏自定义范围",
+              tip: "isHideCustomSelect | 是否隐藏自定义范围",
+            },
+            propType: "bool",
+            defaultValue: false,
+            setter: "BoolSetter",
+          },
+          {
+            name: "endDateDays",
+            title: {
+              label: "结束时间在开始时间的几天之后",
+              tip: "endDateDays | 结束时间在开始时间的几天之后",
+            },
+            defaultValue: 0,
+            propType: "number",
+            setter: "NumberSetter",
+          },
         ],
       },
       {

package/lowcode/grid.col/meta.ts

@@ -69,6 +69,78 @@ export default {
         componentName: "StringSetter",
       },
     },
+    {
+      name: "xs",
+      title: { label: "xs(<576px)", tip: "屏幕 < 576px" },
+      propType: "number",
+      setter: {
+        componentName: "NumberSetter",
+        props: {
+          min: 0,
+          max: 24,
+        },
+      },
+    },
+    {
+      name: "sm",
+      title: { label: "sm(≥576px)", tip: "屏幕 ≥ 576px" },
+      propType: "number",
+      setter: {
+        componentName: "NumberSetter",
+        props: {
+          min: 0,
+          max: 24,
+        },
+      },
+    },
+    {
+      name: "md",
+      title: { label: "md(≥768px)", tip: "屏幕 ≥ 768px" },
+      propType: "number",
+      setter: {
+        componentName: "NumberSetter",
+        props: {
+          min: 0,
+          max: 24,
+        },
+      },
+    },
+    {
+      name: "lg",
+      title: { label: "lg(≥992px)", tip: "屏幕 ≥ 992px" },
+      propType: "number",
+      setter: {
+        componentName: "NumberSetter",
+        props: {
+          min: 0,
+          max: 24,
+        },
+      },
+    },
+    {
+      name: "xl",
+      title: { label: "xl(≥1200px)", tip: "屏幕 ≥ 1200px" },
+      propType: "number",
+      setter: {
+        componentName: "NumberSetter",
+        props: {
+          min: 0,
+          max: 24,
+        },
+      },
+    },
+    {
+      name: "xxl",
+      title: { label: "xxl(≥1600px)", tip: "屏幕 ≥ 1600px" },
+      propType: "number",
+      setter: {
+        componentName: "NumberSetter",
+        props: {
+          min: 0,
+          max: 24,
+        },
+      },
+    },
   ],
   configure: {
     component: { isContainer: true, nestingRule: { parentWhitelist: ["Row"] } },

package/lowcode/menu/utils.ts

@@ -15,12 +15,12 @@ export const itemsExtraProps = {
       });
       return result;
     });
+    console.log(map,'map');
     return map.length === 0 ? fieldValue : map;
   },
   setValue(target, value) {
     const { node } = target;
     const map = {};
-
     if (!Array.isArray(value)) {
       value = [];
     }

package/lowcode/picker-view/meta.ts

@@ -0,0 +1,206 @@
+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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1,118 @@
+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

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