@pisell/materials 1.0.3 → 1.0.5

package/lowcode/table/meta.ts

@@ -1,4 +1,5 @@
 import snippets from './snippets';
+import button from '../button/meta';
 
 export default {
   snippets,
@@ -99,6 +100,7 @@ export default {
                     title: { label: 'React key', tip: 'key | React需要的key' },
                     propType: 'string',
                     setter: 'StringSetter',
+                    isRequired: true,
                   },
                   {
                     name: 'align',
@@ -208,6 +210,50 @@ export default {
                     propType: 'object',
                     setter: 'JsonSetter',
                   },
+                  {
+                    name: 'other',
+                    title: {
+                      label: '其他拓展属性',
+                      tip: '其他拓展属性',
+                    },
+                    propType: 'object',
+                    setter: 'JsonSetter',
+                  },
+                  {
+                    name: 'field_type',
+                    title: { label: '字段类型', tip: '所筛选的字段类型' },
+                    propType: 'string',
+                    setter: {
+                      componentName: 'SelectSetter',
+                      mode: "single",
+                      defaultValue: "text",
+                      props: {
+                        options: [
+                          {
+                            title: '文本',
+                            value: 'text',
+                          },
+                          {
+                            title: '单选',
+                            value: 'select',
+                          },
+                          {
+                            title: '数字',
+                            value: 'number',
+                          },
+                          {
+                            title: '日期',
+                            value: 'date',
+                          },
+                          {
+                            title: '链接',
+                            value: 'link',
+                          },
+
+                        ],
+                      },
+                    },
+                  },
                   {
                     name: 'render',
                     title: {
@@ -257,6 +303,7 @@ export default {
           },
           propType: 'bool',
           setter: 'BoolSetter',
+          defaultValue: true,
         },
         {
           name: 'size',
@@ -751,27 +798,19 @@ export default {
           ],
         },
         {
-          name: 'footer',
-          title: { label: '表格尾部', tip: 'footer | 表格尾部' },
+          name: 'summary',
+          title: { label: '统计栏' },
           propType: 'func',
           setter: [
             {
               componentName: 'SlotSetter',
-              title: '表格尾部插槽',
+              title: '统计栏插槽',
               initialValue: {
                 type: 'JSSlot',
                 params: ['currentPageData'],
                 value: [],
               },
             },
-            {
-              componentName: 'FunctionSetter',
-              props: {
-                template:
-                  'renderFooter(currentPageData,${extParams}){\n// 自定义渲染表格尾部\nreturn "表格尾部";\n}',
-              },
-            },
-            'VariableSetter',
           ],
         },
         {
@@ -821,6 +860,176 @@ export default {
         },
       ],
     },
+    {
+      title: { label: '筛选项', tip: '表格的筛选项' },
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'filter.show',
+          title: { label: '开启筛选', tip: '开启筛选' },
+          propType: 'object',
+          setter: 'BoolSetter',
+          defaultValue: false,
+        },
+        {
+          name: "filter.list",
+          condition: {
+            type: 'JSFunction',
+            value: 'target => !!target.getProps().getPropValue("filter.show")',
+          },
+          setter: {
+            componentName: 'ArraySetter',
+            props: {
+              itemSetter: {
+                componentName: 'ObjectSetter',
+                props: {
+                  config: {
+                    items: [
+                      {
+                        name: 'label',
+                        title: { label: '筛选项', tip: '筛选项' },
+                        propType: 'string',
+                        setter: 'StringSetter',
+                        isRequired: true,
+                      },
+                      {
+                        name: 'name',
+                        title: { label: '字段', tip: '所筛选的字段' },
+                        propType: 'string',
+                        setter: 'StringSetter',
+                        isRequired: true,
+                      },
+                      {
+                        name: 'type',
+                        title: { label: '字段类型', tip: '所筛选的字段类型' },
+                        propType: 'string',
+                        setter: {
+                          componentName: 'SelectSetter',
+                          mode: "single",
+                          defaultValue: "single",
+                          props: {
+                            options: [
+                              {
+                                title: '输入框',
+                                value: 'text',
+                              },
+                              {
+                                title: '数字输入框',
+                                value: 'number',
+                              },
+                              {
+                                title: '下拉选择框',
+                                value: 'select',
+                              },
+                              {
+                                title: '日期选择器',
+                                value: 'date',
+                              },
+                              {
+                                title: '日期范围选择器',
+                                value: 'rangePicker',
+                              },
+                            ],
+                          },
+                        },
+                      },
+                      {
+                        name: 'other',
+                        title: {
+                          label: '其他拓展属性',
+                          tip: '其他拓展属性',
+                        },
+                        propType: 'object',
+                        setter: 'JsonSetter',
+                      },
+
+                    ],
+                  },
+                },
+                initialValue: { label: '标题', name: "name", type: "text", },
+              },
+            },
+          },
+        }
+      ],
+    },
+    {
+      title: { label: '排序', tip: '表格的排序项' },
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'sort.show',
+          title: { label: '开启排序', tip: '开启排序' },
+          propType: 'object',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+      ]
+    },
+    {
+      name: 'buttons',
+      title: { label: '按钮项', tip: '右侧按钮项' },
+      setter: {
+        componentName: 'ArraySetter',
+        props: {
+          itemSetter: {
+            componentName: 'ObjectSetter',
+            props: {
+              config: {
+                items: [
+
+                  {
+                    name: 'title',
+                    title: { label: '按钮名称', tip: '按钮名称' },
+                    propType: 'string',
+                    setter: 'StringSetter',
+                    isRequired: true,
+                  },
+                  ...button.configure.props,
+
+                  {
+                    name: 'action',
+                    title: { label: '功能', tip: '按钮的功能' },
+                    propType: 'string',
+                    setter: {
+                      componentName: 'SelectSetter',
+                      mode: "single",
+                      defaultValue: "add",
+                      props: {
+                        options: [
+                          {
+                            title: 'Add',
+                            value: 'add',
+                          },
+                          {
+                            title: 'Reset',
+                            value: 'reset',
+                          },
+                        ],
+                      },
+                    },
+                  },
+
+                  {
+                    name: 'other',
+                    title: {
+                      label: '其他拓展属性',
+                      tip: '其他拓展属性',
+                    },
+                    propType: 'object',
+                    setter: 'JsonSetter',
+                  },
+
+                ],
+              },
+            },
+            initialValue: { title: '按钮' },
+          },
+        },
+      },
+    },
   ],
   configure: {
     supports: {
@@ -831,6 +1040,11 @@ export default {
           template:
             "onChange(pagination,filters,sorter,extra,${extParams}){\n// 表格翻页事件\nconsole.log('onChange', pagination);}",
         },
+        {
+          name: 'onValuesChange',
+          template:
+            "onValuesChange(changedValues, values){}",
+        },
         {
           name: 'rowSelection.onChange',
           template:

package/lowcode/test/meta.ts

@@ -0,0 +1,48 @@
+import { ComponentMetadata, Snippet } from "@alilc/lowcode-types";
+
+const TestMeta: ComponentMetadata = {
+  componentName: "Test",
+  title: "Test",
+  schema: {
+    "componentName": "Card",
+    "id": "node_ocljnoao28d",
+    "props": {
+      "title": "Default size card",
+      "bordered": true,
+      "hoverable": false,
+      "loading": false,
+      "size": "default",
+      "type": "default"
+    },
+    "hidden": false,
+    "title": "",
+    "isLocked": true,
+    "condition": true,
+    "conditionGroup": "",
+    "children": [
+      {
+        "componentName": "Typography.Text",
+        "id": "node_ocljnoao28f",
+        "props": {
+          "children": "text12212",
+          "code": false,
+          "delete": false,
+          "disabled": false,
+          "mark": false,
+          "keyboard": false,
+          "underline": false,
+          "strong": false
+        },
+        "hidden": false,
+        "title": "",
+        "isLocked": false,
+        "condition": true,
+        "conditionGroup": ""
+      }
+    ]
+  }
+};
+
+export default {
+  ...TestMeta,
+};

package/package.json

@@ -1,20 +1,28 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.3",
+  "version": "1.0.5",
+  "main": "./lib/index.js",
+  "module": "./es/index.js",
+  "types": "./lib/index.d.ts",
+  "typings": "./lib/index.d.ts",
+  "sideEffects": [
+    "*.less"
+  ],
   "devDependencies": {
     "father": "^4.1.6",
     "lodash": "^4.17.21",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "@alib/build-scripts": "^0.1.32",
-    "@pisell/build-plugin-lowcode": "^1.0.3",
+    "@pisell/build-plugin-lowcode": "1.0.3",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@alilc/lowcode-utils": "1.1.6",
     "style-loader": "2.0.0",
     "sass-loader": "7.3.1",
     "@alilc/lowcode-react-renderer": "^1.1.7",
-    "@alilc/lowcode-types": "1.1.7"
+    "@alilc/lowcode-types": "1.1.7",
+    "@svgr/webpack": "^4.3.3"
   },
   "publishConfig": {
     "access": "public"
@@ -30,7 +38,17 @@
   "dependencies": {
     "antd": "^5.6.3",
     "@ant-design/icons": "^5.1.4",
-    "dayjs": "^1.11.8"
+    "dayjs": "^1.11.8",
+    "classnames": "^2.3.2",
+    "react-resizable": "^3.0.5",
+    "styled-components": "^6.0.0-rc.3",
+    "@dnd-kit/core": "^6.0.8",
+    "@dnd-kit/modifiers": "^6.0.1",
+    "@dnd-kit/sortable": "^7.0.2",
+    "@dnd-kit/utilities": "^3.2.1",
+    "ahooks": "^3.7.6",
+    "@pisell/utils": "1.0.1",
+    "@pisell/icon": "0.0.6"
   },
   "peerDependencies": {
     "react": "^18.0.0",
@@ -40,9 +58,8 @@
     "materialSchema": "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/assets-prod.json"
   },
   "scripts": {
-    "build": "father build",
     "dev": "father dev",
-    "lowcode:build": "npm run build && build-scripts build --config ./build.lowcode.js",
+    "build": "father build && build-scripts build --config ./build.lowcode.js",
     "lowcode:dev": "build-scripts start --config ./build.lowcode.js"
   }
 }