@pisell/materials 1.0.85 → 1.0.87

package/lowcode/checkbox.group/meta.ts

@@ -15,128 +15,132 @@ export default {
     destructuring: true,
     subName: "Group",
   },
-  configure: {
-    props: [
-      {
-        name: 'defaultValue',
-        title: { label: '默认值', tip: '默认选中值' },
-        propType: { type: 'arrayOf', value: 'string' },
-        defaultValue: [],
-        setter: {
-          componentName: 'ArraySetter',
-          props: {
-            itemSetter: {
-              componentName: 'StringSetter',
-            }
+  props: [
+    {
+      name: 'defaultValue',
+      title: { label: '默认值', tip: '默认选中值' },
+      propType: { type: 'arrayOf', value: 'string' },
+      defaultValue: [],
+      setter: {
+        componentName: 'ArraySetter',
+        props: {
+          itemSetter: {
+            componentName: 'StringSetter',
           }
-        },
-        supportVariable: true
+        }
       },
-      {
-        name: 'value',
-        title: { label: '当前值', tip: '当前选中的选项' },
-        propType: { type: 'arrayOf', value: 'string' },
-        setter: {
-          componentName: 'ArraySetter',
-          props: {
-            itemSetter: {
-              componentName: 'StringSetter',
-            }
+      supportVariable: true
+    },
+    {
+      name: 'value',
+      title: { label: '当前值', tip: '当前选中的选项' },
+      propType: { type: 'arrayOf', value: 'string' },
+      setter: {
+        componentName: 'ArraySetter',
+        props: {
+          itemSetter: {
+            componentName: 'StringSetter',
           }
-        },
-        supportVariable: true
-      },
-      {
-        name: 'disabled',
-        title: { label: '是否禁用', tip: '是否为禁用状态' },
-        propType: 'bool',
-        defaultValue: false,
-        setter: 'BoolSetter',
-        supportVariable: true
-      },
-      {
-        name: 'name',
-        title: { label: 'name属性', tip: 'name属性' },
-        propType: 'string',
-        setter: 'StringSetter',
-        supportVariable: true
+        }
       },
-      {
-        name: 'options',
-        title: { label: '指定可选项', tip: '指定可选项' },
-        propType: {
-          type: 'arrayOf',
-          value: {
-            type: 'shape',
-            value: [
-              {
-                name: 'label',
-                description: '选项名',
-                propType: 'string',
-                setter: 'PisellI18nSetter',
-                defaultValue: '选项名',
-              },
-              {
-                name: 'value',
-                description: '选项值',
-                propType: 'string',
-                defaultValue: '选项值',
-              },
-              {
-                name: 'disabled',
-                description: '是否禁用',
-                propType: 'bool',
-                defaultValue: false,
-              },
-            ],
-          },
+      supportVariable: true
+    },
+    {
+      name: 'disabled',
+      title: { label: '是否禁用', tip: '是否为禁用状态' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter',
+      supportVariable: true
+    },
+    {
+      name: 'name',
+      title: { label: 'name属性', tip: 'name属性' },
+      propType: 'string',
+      setter: 'StringSetter',
+      supportVariable: true
+    },
+    {
+      name: 'options',
+      title: { label: '指定可选项', tip: '指定可选项' },
+      propType: {
+        type: 'arrayOf',
+        value: {
+          type: 'shape',
+          value: [
+            {
+              name: 'label',
+              description: '选项名',
+              propType: 'string',
+              defaultValue: '选项名',
+            },
+            {
+              name: 'value',
+              description: '选项值',
+              propType: 'string',
+              defaultValue: '选项值',
+            },
+            {
+              name: 'disabled',
+              description: '是否禁用',
+              propType: 'bool',
+              defaultValue: false,
+            },
+          ],
         },
-        setter: {
-          componentName: 'ArraySetter',
-          props: {
-            itemSetter: {
-              componentName: 'ObjectSetter',
-              props: {
-                config: {
-                  items: [
-                    {
-                      name: 'label',
-                      title: '选项名',
-                      setter: 'StringSetter',
-                      isRequired: true
-                    },
-                    {
-                      name: 'value',
-                      title: '选项值',
-                      setter: 'StringSetter',
-                      isRequired: true
-                    },
-                    {
-                      name: 'disabled',
-                      title: '是否禁用',
-                      setter: 'BoolSetter',
-                    },
-                  ],
-                },
-              },
-              initialValue: () => {
-                return {
-                  label: '选项名',
-                  value: uuid(),
-                  disabled: false,
-                };
+      },
+      setter: {
+        componentName: 'ArraySetter',
+        props: {
+          itemSetter: {
+            componentName: 'ObjectSetter',
+            props: {
+              config: {
+                items: [
+                  {
+                    name: 'label',
+                    title: '选项名',
+                    setter: 'PisellI18nSetter',
+                    isRequired: true
+                  },
+                  {
+                    name: 'value',
+                    title: '选项值',
+                    setter: 'StringSetter',
+                    isRequired: true
+                  },
+                  {
+                    name: 'disabled',
+                    title: '是否禁用',
+                    setter: 'BoolSetter',
+                  },
+                ],
               },
             },
+            initialValue: () => {
+              return {
+                label: '选项名',
+                value: uuid(),
+                disabled: false,
+              };
+            },
           },
         },
-        supportVariable: true
-      },
-      {
-        name: 'onChange',
-        title: { label: '变化时回调函数', tip: '变化时回调函数' },
-        propType: 'func',
       },
-    ],
+      supportVariable: true
+    },
+    {
+      name: 'direction',
+      title: { label: '排布方向', tip: '排布方向' },
+      propType: { type: 'oneOf', value: ['vertical', 'horizontal'] },
+    },
+    {
+      name: 'onChange',
+      title: { label: '变化时回调函数', tip: '变化时回调函数' },
+      propType: 'func',
+    },
+  ],
+  configure: {
     supports: {
       style: true,
       events: [

package/lowcode/div/meta.ts

@@ -1,74 +1,47 @@
-
-import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+import { ComponentMetadata, Snippet } from "@alilc/lowcode-types";
 
 const DivMeta: ComponentMetadata = {
-  "componentName": "Div",
-  "title": "Div",
-  "docUrl": "",
-  "screenshot": "",
-  "devMode": "proCode",
-  "npm": {
-    "package": "@pisell/materials",
-    "version": "1.0.3",
-    "exportName": "Div",
-    "main": "src/index.tsx",
-    "destructuring": true,
-    "subName": ""
+  componentName: "Div",
+  title: "Div",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.3",
+    exportName: "Div",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
   },
-  "configure": {
-    "props": [
-      {
-        "title": {
-          "label": {
-            "type": "i18n",
-            "en-US": "style",
-            "zh-CN": "style"
-          }
-        },
-        "name": "style",
-        "setter": {
-          "componentName": "MixedSetter",
-          "props": {
-            "setters": [
-              {
-                "componentName": "ObjectSetter",
-                "props": {
-                  "config": {
-                    "extraSetter": {
-                      "componentName": "MixedSetter",
-                      "isRequired": false,
-                      "props": {}
-                    }
-                  }
-                },
-                "isRequired": false,
-                "initialValue": {}
-              }
-            ]
-          }
-        }
-      }
-    ],
-    "supports": {
+  props: [
+    {
+      title: "others",
+      name: "others",
+      setter: ["JsonSetter","VariableSetter"],
+    },
+  ],
+  configure: {
+    supports: {
       style: true,
     },
     component: {
       isContainer: true,
     },
-  }
+  },
 };
 const snippets: Snippet[] = [
   {
-    "title": "Div",
-    "screenshot": "",
-    "schema": {
-      "componentName": "Div",
-      "props": {}
-    }
-  }
+    title: "Div",
+    screenshot: "",
+    schema: {
+      componentName: "Div",
+      props: {},
+    },
+  },
 ];
 
 export default {
   ...DivMeta,
-  snippets
+  snippets,
 };

package/lowcode/radio/snippets.ts

@@ -15,6 +15,7 @@ export default [
     schema: {
       componentName: 'Radio.Group',
       props: {
+        direction: "horizontal",
         options: [
           {
             label: 'A',

package/lowcode/radio.group/meta.ts

@@ -88,7 +88,7 @@ export default {
                   {
                     name: 'label',
                     title: '选项名',
-                    setter: 'StringSetter',
+                    setter: 'PisellI18nSetter',
                     isRequired: true
                   },
                   {
@@ -116,6 +116,11 @@ export default {
         },
       },
     },
+    {
+      name: 'direction',
+      title: { label: '排布方向', tip: '排布方向' },
+      propType: { type: 'oneOf', value: ['vertical', 'horizontal'] },
+    },
     {
       name: 'optionType',
       title: { label: '类型', tip: '类型' },

package/lowcode/sortable-list/meta.ts

@@ -0,0 +1,119 @@
+import snippets from './snippets';
+export default {
+  snippets,
+  componentName: 'SortableList',
+  title: '排序列表',
+  category: '数据展示',
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "SortableList",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      title: '数据源',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'dataSource',
+          title: { label: '列表数据源', tip: '列表数据源' },
+          propType: { type: 'arrayOf', value: 'any' },
+          setter: ['JsonSetter', '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',
+          ],
+        },
+      ],
+    },
+    {
+      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: 'Button',
+                    props: {
+                      children: {
+                        type: 'JSExpression',
+                        value: 'this.item.text',
+                      },
+                    },
+                  },
+                  {
+                    componentName: 'Button',
+                    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(list,${extParams}){\n// 排序 改变的回调\n}',
+        },
+      ],
+    },
+  },
+};

package/lowcode/sortable-list/snippets.ts

@@ -0,0 +1,49 @@
+export default [
+  {
+    title: '排序列表',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/list-1.png',
+    schema: {
+      componentName: 'SortableList',
+      props: {
+        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.',
+          },
+        ],
+        renderItem: {
+          type: 'JSSlot',
+          params: ['item'],
+          value: [
+            {
+              componentName: 'Button',
+              props: {
+                type: 'primary',
+                children: {
+                  type: 'JSExpression',
+                  value: 'this.item.text',
+                },
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.85",
+  "version": "1.0.87",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",