@pisell/materials 1.0.3 → 1.0.4

package/lowcode/alert/meta.ts

@@ -16,72 +16,72 @@ const AlertMeta: ComponentMetadata = {
     destructuring: true,
     subName: "",
   },
-  configure: {
-    props: [
-      {
-        name: "afterClose",
-        title: {
-          label: "关闭动画结束后触发的回调函数",
-          tip: "关闭动画结束后触发的回调函数",
-        },
-        propType: "func",
-      },
-      {
-        name: "banner",
-        title: { label: "顶部公告", tip: "是否用作顶部公告" },
-        propType: "bool",
-        defaultValue: false,
+  props: [
+    {
+      name: "afterClose",
+      title: {
+        label: "关闭动画结束后触发的回调函数",
+        tip: "关闭动画结束后触发的回调函数",
       },
-      {
-        name: "closable",
-        title: { label: "可关闭", tip: "默认不显示关闭按钮" },
-        propType: "bool",
-      },
-      {
-        name: "closeText",
-        title: { label: "自定义关闭按钮", tip: "自定义关闭按钮" },
-        propType: { type: "oneOfType", value: ["string", "node"] },
-      },
-      {
-        name: "description",
-        title: {
-          label: "描述信息",
-          tip: "警告提示的辅助性文字介绍",
-        },
-        propType: { type: "oneOfType", value: ["string", "node"] },
-      },
-      {
-        name: "icon",
-        title: {
-          label: "图标",
-          tip: "自定义图标，`showIcon` 为 true 时有效",
-        },
-        propType: "node",
-      },
-      {
-        name: "message",
-        title: { label: "警告提示内容", tip: "警告提示内容" },
-        propType: { type: "oneOfType", value: ["string", "node"] },
-      },
-      {
-        name: "showIcon",
-        title: { label: "显示图标", tip: "是否显示辅助图标" },
-        propType: "bool",
+      propType: "func",
+    },
+    {
+      name: "banner",
+      title: { label: "顶部公告", tip: "是否用作顶部公告" },
+      propType: "bool",
+      setter: "BoolSetter",
+    },
+    {
+      name: "closable",
+      title: { label: "可关闭", tip: "默认不显示关闭按钮" },
+      propType: "bool",
+    },
+    {
+      name: "closeText",
+      title: { label: "自定义关闭按钮", tip: "自定义关闭按钮" },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+    },
+    {
+      name: "description",
+      title: {
+        label: "描述信息",
+        tip: "警告提示的辅助性文字介绍",
       },
-      {
-        name: "type",
-        title: { label: "类型", tip: "类型" },
-        propType: {
-          type: "oneOf",
-          value: ["success", "info", "warning", "error"],
-        },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+    },
+    {
+      name: "icon",
+      title: {
+        label: "图标",
+        tip: "自定义图标，`showIcon` 为 true 时有效",
       },
-      {
-        name: "onClose",
-        title: { label: "关闭时触发的回调函数", tip: "关闭时触发的回调函数" },
-        propType: "func",
+      propType: "node",
+    },
+    {
+      name: "message",
+      title: { label: "警告提示内容", tip: "警告提示内容" },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+    },
+    {
+      name: "showIcon",
+      title: { label: "显示图标", tip: "是否显示辅助图标" },
+      propType: "bool",
+    },
+    {
+      name: "type",
+      title: { label: "类型", tip: "类型" },
+      propType: {
+        type: "oneOf",
+        value: ["success", "info", "warning", "error"],
       },
-    ],
+    },
+    {
+      name: "onClose",
+      title: { label: "关闭时触发的回调函数", tip: "关闭时触发的回调函数" },
+      propType: "func",
+    },
+  ],
+  configure: {
     supports: {
       style: true,
       events: [

package/lowcode/card/meta.ts

@@ -1,10 +1,10 @@
-import snippets from './snippets';
+import snippets from "./snippets";
 
 export default {
   snippets,
-  componentName: 'Card',
-  title: '卡片',
-  category: '数据展示',
+  componentName: "Card",
+  title: "卡片",
+  category: "数据展示",
   docUrl: "",
   screenshot: "",
   devMode: "proCode",
@@ -16,12 +16,13 @@ export default {
     destructuring: true,
     subName: "",
   },
+  experimental: { hideSelectTools: true },
   configure: {
     props: [
       {
-        name: 'title',
-        title: { label: '卡片标题', tip: '卡片标题' },
-        propType: { type: 'oneOfType', value: ['string', 'node'] },
+        name: "title",
+        title: { label: "卡片标题", tip: "卡片标题" },
+        propType: { type: "oneOfType", value: ["string", "node"] },
       },
       // {
       //   name: 'actions',
@@ -39,47 +40,47 @@ export default {
       //   propType: 'object',
       // },
       {
-        name: 'bordered',
-        title: { label: '显示边框', tip: '是否有边框' },
-        propType: 'bool',
+        name: "bordered",
+        title: { label: "显示边框", tip: "是否有边框" },
+        propType: "bool",
         defaultValue: true,
       },
       {
-        name: 'cover',
-        title: { label: '卡片封面', tip: '卡片封面' },
-        propType: 'node',
+        name: "cover",
+        title: { label: "卡片封面", tip: "卡片封面" },
+        propType: "node",
       },
       {
-        name: 'extra',
-        title: { label: '额外元素', tip: '卡片右上角的操作区域' },
-        propType: { type: 'oneOfType', value: ['string', 'node'] },
+        name: "extra",
+        title: { label: "额外元素", tip: "卡片右上角的操作区域" },
+        propType: { type: "oneOfType", value: ["string", "node"] },
       },
       {
-        name: 'hoverable',
-        title: { label: '可浮起', tip: '鼠标移过时可浮起' },
-        propType: 'bool',
+        name: "hoverable",
+        title: { label: "可浮起", tip: "鼠标移过时可浮起" },
+        propType: "bool",
         defaultValue: false,
       },
       {
-        name: 'loading',
+        name: "loading",
         title: {
-          label: 'loading',
-          tip: '当卡片内容还在加载中时，可以用 loading 展示一个占位',
+          label: "loading",
+          tip: "当卡片内容还在加载中时，可以用 loading 展示一个占位",
         },
-        propType: 'bool',
+        propType: "bool",
         defaultValue: false,
       },
       {
-        name: 'size',
-        title: { label: '尺寸', tip: 'card 的尺寸' },
-        propType: { type: 'oneOf', value: ['default', 'small'] },
-        defaultValue: 'default',
+        name: "size",
+        title: { label: "尺寸", tip: "card 的尺寸" },
+        propType: { type: "oneOf", value: ["default", "small"] },
+        defaultValue: "default",
       },
       {
-        name: 'type',
-        title: { label: '卡片类型', tip: '卡片类型' },
-        propType: { type: 'oneOf', value: ['default', 'inner'] },
-        defaultValue: 'default',
+        name: "type",
+        title: { label: "卡片类型", tip: "卡片类型" },
+        propType: { type: "oneOf", value: ["default", "inner"] },
+        defaultValue: "default",
       },
     ],
     component: { isContainer: true },
@@ -87,7 +88,7 @@ export default {
       style: true,
       events: [
         {
-          name: 'onTabChange',
+          name: "onTabChange",
           template:
             "onTabChange(key,${extParams}){\n// 页签切换的回调\nconsole.log('onTabChange', key);}",
         },

package/lowcode/card/snippets.ts

@@ -9,4 +9,50 @@ export default [
       },
     },
   },
+  {
+    title: '卡片2',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/card-1.png',
+    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": false,
+      "ignore": 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": true,
+          "locked": true,
+          "ignore": true,
+          "condition": true,
+          "conditionGroup": ""
+        }
+      ]
+    },
+  },
+
 ];

package/lowcode/div/meta.ts

@@ -0,0 +1,70 @@
+
+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": ""
+  },
+  "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": {},
+    "component": {}
+  }
+};
+const snippets: Snippet[] = [
+  {
+    "title": "Div",
+    "screenshot": "",
+    "schema": {
+      "componentName": "Div",
+      "props": {}
+    }
+  }
+];
+
+export default {
+  ...DivMeta,
+  snippets
+};

package/lowcode/table/meta.ts

@@ -99,6 +99,7 @@ export default {
                     title: { label: 'React key', tip: 'key | React需要的key' },
                     propType: 'string',
                     setter: 'StringSetter',
+                    isRequired: true,
                   },
                   {
                     name: 'align',
@@ -208,6 +209,37 @@ 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: 'link',
+                          },
+                          {
+                            title: '输入框',
+                            value: 'text',
+                          },
+                        ],
+                      },
+                    },
+                  },
                   {
                     name: 'render',
                     title: {
@@ -257,6 +289,7 @@ export default {
           },
           propType: 'bool',
           setter: 'BoolSetter',
+          defaultValue: true,
         },
         {
           name: 'size',
@@ -821,6 +854,104 @@ export default {
         },
       ],
     },
+    {
+      name: 'filter',
+      title: { label: '筛选项', tip: '表格的筛选项' },
+      setter: {
+        componentName: 'ArraySetter',
+        props: {
+          itemSetter: {
+            componentName: 'ObjectSetter',
+            props: {
+              config: {
+                items: [
+                  {
+                    name: 'title',
+                    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: 'single',
+                          },
+                          {
+                            title: '多选',
+                            value: 'multiple',
+                          },
+                          {
+                            title: '输入框',
+                            value: 'text',
+                          },
+                        ],
+                      },
+                    },
+                  },
+
+                  {
+                    name: 'other',
+                    title: {
+                      label: '其他拓展属性',
+                      tip: '其他拓展属性',
+                    },
+                    propType: 'object',
+                    setter: 'JsonSetter',
+                  },
+
+                ],
+              },
+            },
+            initialValue: { title: '标题', name: "name", type: "single", },
+          },
+        },
+      },
+    },
+    {
+      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,
+                  },
+
+
+                ],
+              },
+            },
+            initialValue: { title: '按钮' },
+          },
+        },
+      },
+    },
   ],
   configure: {
     supports: {

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,6 +1,10 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.3",
+  "version": "1.0.4",
+  "main": "./lib/index.js",
+  "module": "./es/index.js",
+  "types": "./lib/index.d.ts",
+  "typings": "./lib/index.d.ts",
   "devDependencies": {
     "father": "^4.1.6",
     "lodash": "^4.17.21",
@@ -30,7 +34,15 @@
   "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"
   },
   "peerDependencies": {
     "react": "^18.0.0",
@@ -40,9 +52,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"
   }
 }