@pisell/materials 1.0.4 → 1.0.6

package/lowcode/button/meta.ts

@@ -186,16 +186,8 @@ const ButtonMeta: ComponentMetadata = {
           {
             name: "type",
             title: {
-              label: {
-                type: "i18n",
-                "en-US": "type",
-                "zh-CN": "类型",
-              },
-              tip: {
-                type: "i18n",
-                "en-US": "type | set button type",
-                "zh-CN": "type | 设置按钮类型",
-              },
+              label: "type",
+              tip: "set button type",
             },
             propType: {
               type: "oneOf",
@@ -207,43 +199,23 @@ const ButtonMeta: ComponentMetadata = {
                 props: {
                   options: [
                     {
-                      title: {
-                        type: "i18n",
-                        "en-US": "primary button",
-                        "zh-CN": "主按钮",
-                      },
+                      title: "primary button",
                       value: "primary",
                     },
                     {
-                      title: {
-                        type: "i18n",
-                        "en-US": "dashed button",
-                        "zh-CN": "虚线框按钮",
-                      },
+                      title: "dashed button",
                       value: "dashed",
                     },
                     {
-                      title: {
-                        type: "i18n",
-                        "en-US": "danger button",
-                        "zh-CN": "危险按钮",
-                      },
+                      title: "danger button",
                       value: "danger",
                     },
                     {
-                      title: {
-                        type: "i18n",
-                        "en-US": "link button",
-                        "zh-CN": "链接按钮",
-                      },
+                      title: "link butto",
                       value: "link",
                     },
                     {
-                      title: {
-                        type: "i18n",
-                        "en-US": "text button",
-                        "zh-CN": "类文本按钮",
-                      },
+                      title: "text button",
                       value: "text",
                     },
                   ],
@@ -255,16 +227,8 @@ const ButtonMeta: ComponentMetadata = {
           {
             name: "size",
             title: {
-              label: {
-                type: "i18n",
-                "en-US": "size",
-                "zh-CN": "尺寸",
-              },
-              tip: {
-                type: "i18n",
-                "en-US": "size | set button size",
-                "zh-CN": "size | 设置按钮大小",
-              },
+              label: "size",
+              tip: "set button size",
             },
             propType: { type: "oneOf", value: ["large", "middle", "small"] },
             setter: [
@@ -273,27 +237,15 @@ const ButtonMeta: ComponentMetadata = {
                 props: {
                   options: [
                     {
-                      title: {
-                        type: "i18n",
-                        "en-US": "large",
-                        "zh-CN": "大",
-                      },
+                      title: "large",
                       value: "large",
                     },
                     {
-                      title: {
-                        type: "i18n",
-                        "en-US": "middle",
-                        "zh-CN": "中",
-                      },
+                      title: "middle",
                       value: "middle",
                     },
                     {
-                      title: {
-                        type: "i18n",
-                        "en-US": "small",
-                        "zh-CN": "小",
-                      },
+                      title: "small",
                       value: "small",
                     },
                   ],
@@ -306,18 +258,8 @@ const ButtonMeta: ComponentMetadata = {
           {
             name: "shape",
             title: {
-              label: {
-                type: "i18n",
-                "en-US": "shape",
-                "zh-CN": "形状",
-              },
-              tip: {
-                type: "i18n",
-                "en-US":
-                  "shape | Set button shape, optional value is `circle`, `round` or not set",
-                "zh-CN":
-                  "shape | 设置按钮形状，可选值为 `circle`、 `round` 或者不设",
-              },
+              label: "shape",
+              tip: "shape | Set button shape, optional value is `circle`, `round` or not set",
             },
             propType: { type: "oneOf", value: ["default", "circle", "round"] },
             defaultValue: "default",
@@ -327,27 +269,15 @@ const ButtonMeta: ComponentMetadata = {
                 props: {
                   options: [
                     {
-                      title: {
-                        type: "i18n",
-                        "en-US": "default",
-                        "zh-CN": "默认",
-                      },
+                      title: "default",
                       value: "default",
                     },
                     {
-                      title: {
-                        type: "i18n",
-                        "en-US": "circle",
-                        "zh-CN": "圆形",
-                      },
+                      title: "circle",
                       value: "circle",
                     },
                     {
-                      title: {
-                        type: "i18n",
-                        "en-US": "round",
-                        "zh-CN": "圆角",
-                      },
+                      title: "round",
                       value: "round",
                     },
                   ],

package/lowcode/table/meta.ts

@@ -1,4 +1,5 @@
 import snippets from './snippets';
+import button from '../button/meta';
 
 export default {
   snippets,
@@ -229,13 +230,26 @@ export default {
                       props: {
                         options: [
                           {
-                            title: '链接',
-                            value: 'link',
+                            title: '文本',
+                            value: 'text',
                           },
                           {
-                            title: '输入框',
-                            value: 'text',
+                            title: '单选',
+                            value: 'select',
+                          },
+                          {
+                            title: '数字',
+                            value: 'number',
                           },
+                          {
+                            title: '日期',
+                            value: 'date',
+                          },
+                          {
+                            title: '链接',
+                            value: 'link',
+                          },
+
                         ],
                       },
                     },
@@ -784,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',
           ],
         },
         {
@@ -855,8 +861,116 @@ export default {
       ],
     },
     {
-      name: 'filter',
       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: {
@@ -865,41 +979,33 @@ export default {
             props: {
               config: {
                 items: [
+
                   {
                     name: 'title',
-                    title: { label: '筛选项', tip: '筛选项' },
-                    propType: 'string',
-                    setter: 'StringSetter',
-                    isRequired: true,
-                  },
-                  {
-                    name: 'name',
-                    title: { label: '字段', tip: '所筛选的字段' },
+                    title: { label: '按钮名称', tip: '按钮名称' },
                     propType: 'string',
                     setter: 'StringSetter',
                     isRequired: true,
                   },
+                  ...button.configure.props,
+
                   {
-                    name: 'type',
-                    title: { label: '字段类型', tip: '所筛选的字段类型' },
+                    name: 'action',
+                    title: { label: '功能', tip: '按钮的功能' },
                     propType: 'string',
                     setter: {
                       componentName: 'SelectSetter',
                       mode: "single",
-                      defaultValue: "single",
+                      defaultValue: "add",
                       props: {
                         options: [
                           {
-                            title: '单选',
-                            value: 'single',
+                            title: 'Add',
+                            value: 'add',
                           },
                           {
-                            title: '多选',
-                            value: 'multiple',
-                          },
-                          {
-                            title: '输入框',
-                            value: 'text',
+                            title: 'Reset',
+                            value: 'reset',
                           },
                         ],
                       },
@@ -919,34 +1025,6 @@ export default {
                 ],
               },
             },
-            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: '按钮' },
           },
         },
@@ -962,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/package.json

@@ -1,24 +1,29 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "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.7",
     "@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": "^5.5.0",
+    "url-loader": "^4.1.1"
   },
   "publishConfig": {
     "access": "public"
@@ -42,7 +47,9 @@
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.1",
-    "ahooks": "^3.7.6"
+    "ahooks": "^3.7.6",
+    "@pisell/utils": "1.0.1",
+    "@pisell/icon": "0.0.6"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/es/components/table/Actions/Buttons/index.less

@@ -1,30 +0,0 @@
-.materials-grid-actions {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  .left-wrap {}
-
-  .right-wrap {
-    display: flex;
-    align-items: center;
-    gap: 20px;
-
-    .icon {
-      cursor: pointer;
-      transition: .2s;
-
-      &:hover {
-        color: var(--theme-color);
-      }
-    }
-
-    .button {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 12px;
-      height: 28px;
-    }
-  }
-}

package/es/components/table/Table/fields/link/Editor/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Text: () => JSX.Element;
-export default Text;

package/es/components/table/Table/fields/link/Editor/index.js

@@ -1,10 +0,0 @@
-import { Form, Input } from "antd";
-var Text = function Text() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: ""
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Default value",
-    name: "default_value"
-  }, /*#__PURE__*/React.createElement(Input, null)));
-};
-export default Text;

package/es/components/table/Table/fields/link/Preview/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Text: (props: any) => JSX.Element;
-export default Text;

package/es/components/table/Table/fields/text/Editor/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Text: () => JSX.Element;
-export default Text;

package/es/components/table/Table/fields/text/Editor/index.js

@@ -1,11 +0,0 @@
-import { Form, Input } from "antd";
-import React from "react";
-var Text = function Text() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: ""
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: "Default value",
-    name: "default_value"
-  }, /*#__PURE__*/React.createElement(Input, null)));
-};
-export default Text;

package/es/components/table/Table/fields/text/Preview/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Text: (props: any) => JSX.Element;
-export default Text;

package/lib/components/table/Actions/Buttons/index.less

@@ -1,30 +0,0 @@
-.materials-grid-actions {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  .left-wrap {}
-
-  .right-wrap {
-    display: flex;
-    align-items: center;
-    gap: 20px;
-
-    .icon {
-      cursor: pointer;
-      transition: .2s;
-
-      &:hover {
-        color: var(--theme-color);
-      }
-    }
-
-    .button {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 12px;
-      height: 28px;
-    }
-  }
-}

package/lib/components/table/Table/fields/link/Editor/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Text: () => JSX.Element;
-export default Text;

package/lib/components/table/Table/fields/link/Preview/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Text: (props: any) => JSX.Element;
-export default Text;

package/lib/components/table/Table/fields/text/Editor/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Text: () => JSX.Element;
-export default Text;

package/lib/components/table/Table/fields/text/Preview/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Text: (props: any) => JSX.Element;
-export default Text;