@teamix/pro 1.0.25 → 1.1.0

package/es/nocode/configurators/PageHeader.js

@@ -0,0 +1,196 @@
+import { actions } from './common';
+var initialValues = {
+  title: '页面标题',
+  icon: 'success-fill',
+  iconColor: 'green',
+  goback: true,
+  breadcrumb: [{
+    text: '首页',
+    link: '#'
+  }, {
+    text: '二级标题',
+    link: '#'
+  }, {
+    text: '当前'
+  }],
+  tags: [{
+    type: 'primary',
+    color: 'green',
+    text: '标签一'
+  }, {
+    type: 'normal',
+    color: 'red',
+    text: '标签二'
+  }],
+  extra: [{
+    children: '帮助文档',
+    type: 'normal',
+    icon: 'text-line',
+    config: {
+      type: 'link',
+      to: '/'
+    }
+  }],
+  operation: [{
+    children: '普通按钮',
+    type: 'normal',
+    icon: 'text-line',
+    config: {
+      type: 'link',
+      to: '/'
+    }
+  }, {
+    children: '主要按钮',
+    type: 'primary',
+    icon: 'text-line',
+    config: {
+      type: 'link',
+      to: '/'
+    }
+  }],
+  image: 'https://img.alicdn.com/imgextra/i2/O1CN01Q9ACuA1kUh1x7ukgU_!!6000000004687-2-tps-552-354.png'
+};
+var schema = [{
+  component: 'FormTab',
+  children: [{
+    title: '标题',
+    children: [{
+      component: 'FormCollapse',
+      children: [{
+        title: '基本信息',
+        children: [{
+          name: 'title',
+          title: '页面标题',
+          component: 'Input'
+        }, {
+          name: 'description',
+          title: '页面描述',
+          component: 'Input'
+        }, {
+          name: 'goback',
+          title: '有返回按钮',
+          component: 'Switch'
+        }]
+      }, {
+        title: '图标',
+        children: [{
+          name: 'icon',
+          title: 'Icon图标',
+          component: 'IconPicker'
+        }, {
+          name: 'iconColor',
+          title: '图标颜色',
+          component: 'ColorSwatches'
+        }, {
+          name: 'iconBackgroundColor',
+          title: '图标背景颜色',
+          component: 'ColorSwatches'
+        }, {
+          name: 'iconBackgroundType',
+          title: '图标背景形状',
+          component: 'Radio',
+          dataSource: [{
+            label: '方形',
+            value: 'square'
+          }, {
+            label: '圆形',
+            value: 'circle'
+          }],
+          default: 'square'
+        }]
+      }, {
+        title: '标签',
+        children: [{
+          name: 'tags',
+          component: 'ArrayTable',
+          items: [{
+            name: 'text',
+            title: '名称',
+            component: 'Input'
+          }, {
+            name: 'type',
+            title: '类型',
+            component: 'Select',
+            dataSource: [{
+              label: '普通',
+              value: 'normal'
+            }, {
+              label: '主要',
+              value: 'primary'
+            }]
+          }, {
+            name: 'color',
+            title: '颜色',
+            component: 'Input'
+          }, {
+            title: '操作',
+            component: 'ArrayTable.Remove',
+            decoratorProps: {
+              fixed: 'right',
+              width: 40
+            },
+            formItem: null
+          }],
+          children: [{
+            title: '添加标签'
+          }]
+        }]
+      }]
+    }]
+  }, {
+    title: '面包屑',
+    children: [{
+      component: 'FormCollapse',
+      children: [{
+        title: '面包屑',
+        children: [{
+          name: 'breadcrumb',
+          component: 'ArrayTable',
+          items: [{
+            name: 'text',
+            title: '名称',
+            component: 'Input'
+          }, {
+            name: 'link',
+            title: '链接',
+            component: 'Input'
+          }, {
+            title: '操作',
+            component: 'ArrayTable.Remove',
+            decoratorProps: {
+              fixed: 'right',
+              width: 40
+            },
+            formItem: null
+          }],
+          children: [{
+            title: '添加面包屑'
+          }]
+        }]
+      }]
+    }]
+  }, {
+    title: '额外信息',
+    children: [{
+      component: 'FormCollapse',
+      children: [actions({
+        title: '额外信息',
+        name: 'extra'
+      })]
+    }]
+  }, {
+    title: '操作区域',
+    children: [{
+      component: 'FormCollapse',
+      children: [actions({
+        title: '操作项',
+        name: 'operation'
+      })]
+    }]
+  }]
+}];
+var configurator = {
+  schema: schema,
+  initialValues: initialValues
+};
+export default configurator;

package/es/nocode/configurators/ProTable.d.ts

@@ -0,0 +1,3 @@
+import { Configurator } from '.';
+declare const configurator: Configurator;
+export default configurator;

package/es/nocode/configurators/ProTable.js

@@ -0,0 +1,317 @@
+import { array, actions, filter } from './common';
+var initialValues = {
+  columns: [{
+    dataIndex: 'instanceName',
+    title: '实例ID/实例名称'
+  }, {
+    dataIndex: 'organizationName',
+    title: '组织',
+    tooltip: '我这一列是可以被复制的～',
+    render: {
+      copy: true
+    }
+  }],
+  url: 'https://oneapi.alibaba-inc.com/mock/teamix-pro/api/getTableResource',
+  formatResult: {
+    data: 'data',
+    total: 'pageInfo.total'
+  },
+  mainAction: {
+    actions: [{
+      children: '操作按钮'
+    }]
+  }
+};
+var defaultValues = {
+  showSkeleton: true,
+  skeletonSize: 5,
+  showPagination: true,
+  pageSize: 10,
+  method: 'get',
+  pageKey: 'currentPage',
+  pageSizeKey: 'pageSize',
+  pageSizeList: [5, 10, 20],
+  requestWhenMount: true,
+  paginationProps: {},
+  formatResult: {},
+  params: {}
+};
+var schema = [{
+  component: 'FormTab',
+  children: [{
+    title: '基础配置',
+    children: [{
+      component: 'FormCollapse',
+      children: [{
+        title: '数据请求',
+        children: [{
+          name: 'url',
+          title: '请求地址',
+          component: 'Input',
+          default: '/data/api.json'
+        }, {
+          name: 'method',
+          title: '请求方式',
+          component: 'Radio',
+          dataSource: [{
+            label: 'get',
+            value: 'get'
+          }, {
+            label: 'post',
+            value: 'post'
+          }],
+          default: 'get'
+        }, {
+          name: 'params',
+          title: '请求参数',
+          component: 'JsonInput'
+        }]
+      }, array('列配置', 'columns', [{
+        name: 'dataIndex',
+        title: '数据索引',
+        component: 'Input'
+      }, {
+        name: 'title',
+        title: '标题',
+        component: 'Input'
+      }, {
+        name: 'tooltip',
+        title: '标题帮助',
+        component: 'Input'
+      }, {
+        name: 'tooltipIcon',
+        title: '标题帮助图标',
+        component: 'IconPicker',
+        props: {
+          width: '100%'
+        }
+      }, {
+        name: 'valueType',
+        title: '数据类型',
+        component: 'Input'
+      }, {
+        name: 'dataSource',
+        title: 'value映射',
+        component: 'JsonInput'
+      }, {
+        name: 'render',
+        title: '渲染器配置',
+        component: 'JsonInput'
+      }, {
+        name: 'actionSchema',
+        type: 'object',
+        children: [actions({
+          arrayTitle: '操作项配置'
+        })]
+      }], 'title'), {
+        title: '分页',
+        children: [{
+          name: 'showPagination',
+          title: '是否有分页',
+          component: 'Switch',
+          default: true
+        }, {
+          name: 'pageSize',
+          title: '分页大小',
+          component: 'NumberPicker',
+          default: 10
+        }, {
+          name: 'pageKey',
+          title: '分页参数名',
+          component: 'Input',
+          default: 'currentPage'
+        }, {
+          name: 'pageSizeKey',
+          title: '分页大小参数名',
+          component: 'Input',
+          default: 'pageSize'
+        }, {
+          name: 'paginationProps',
+          title: '分页器属性',
+          component: 'JsonInput'
+        }, {
+          name: 'pageSizeList',
+          title: '分页大小列表',
+          component: 'ArrayItems',
+          props: {
+            itemType: 'string'
+          },
+          items: [{
+            component: 'ArrayItems.SortHandle'
+          }, {
+            component: 'NumberPicker'
+          }, {
+            component: 'ArrayItems.Remove'
+          }],
+          children: [{
+            title: '添加一条'
+          }],
+          default: [5, 10, 20]
+        }]
+      }, {
+        title: '请求格式化',
+        children: [{
+          name: 'formatResult',
+          type: 'object',
+          children: [{
+            name: 'data',
+            title: '数据源',
+            component: 'Input'
+          }, {
+            name: 'total',
+            title: '总数',
+            component: 'Input'
+          }]
+        }]
+      }, {
+        title: '骨架屏',
+        children: [{
+          name: 'showSkeleton',
+          title: '骨架屏',
+          component: 'Switch',
+          default: true
+        }, {
+          name: 'skeletonSize',
+          title: '骨架屏条数',
+          component: 'NumberPicker',
+          default: 5
+        }]
+      }, {
+        title: '其他',
+        children: [{
+          name: 'requestWhenMount',
+          title: '是否第一次加载时就发起请求',
+          component: 'Switch',
+          default: true
+        }]
+      }]
+    }]
+  }, {
+    title: '标题区',
+    name: 'header',
+    type: 'object',
+    children: [{
+      component: 'FormCollapse',
+      children: [{
+        title: '标题',
+        children: [{
+          name: 'title',
+          title: '标题',
+          component: 'Input'
+        }, {
+          name: 'description',
+          title: '描述',
+          component: 'Input'
+        }]
+      }, {
+        title: '帮助',
+        children: [{
+          name: 'tooltip',
+          title: '帮助文案',
+          component: 'Input'
+        }, {
+          name: 'icon',
+          title: '帮助图标',
+          component: 'IconPicker',
+          props: {
+            width: '100%'
+          }
+        }, {
+          name: 'iconSize',
+          title: '帮助图标大小',
+          component: 'Select',
+          dataSource: [{
+            label: '极小',
+            value: 'xxs'
+          }, {
+            label: '超小',
+            value: 'xs'
+          }, {
+            label: '小',
+            value: 'small'
+          }, {
+            label: '中',
+            value: 'medium'
+          }, {
+            label: '大',
+            value: 'large'
+          }, {
+            label: '超大',
+            value: 'xl'
+          }, {
+            label: '极大',
+            value: 'xxl'
+          }, {
+            label: '最大',
+            value: 'xxxl'
+          }]
+        }]
+      }]
+    }]
+  }, {
+    title: '操作区',
+    name: 'mainAction',
+    type: 'object',
+    children: [{
+      component: 'FormCollapse',
+      children: [actions(), {
+        title: '其他',
+        children: [{
+          name: 'type',
+          title: '展示类型',
+          component: 'Select',
+          dataSource: [{
+            label: '按钮',
+            value: 'button'
+          }, {
+            label: '文字',
+            value: 'text'
+          }],
+          default: 'button'
+        }, {
+          name: 'max',
+          title: '最大展示数量',
+          component: 'NumberPicker',
+          default: 3
+        }, {
+          name: 'moreText',
+          title: '"更多"文案',
+          component: 'Input',
+          default: '更多'
+        }]
+      }]
+    }]
+  }, {
+    title: '筛选区',
+    children: [{
+      component: 'FormCollapse',
+      children: [{
+        title: '常规筛选区',
+        children: [filter('regularFilter')]
+      }, {
+        title: '高级筛选区',
+        children: [filter('advancedFilter')]
+      }]
+    }]
+  }, {
+    title: '设置区',
+    children: [{
+      component: 'FormCollapse',
+      children: [{
+        title: '设置区',
+        children: [{
+          name: 'toolBar',
+          title: '是否有工具栏',
+          component: 'Switch',
+          default: true
+        }]
+      }]
+    }]
+  }]
+}];
+var configurator = {
+  schema: schema,
+  initialValues: initialValues,
+  defaultValues: defaultValues
+};
+export default configurator;

package/es/nocode/configurators/common.d.ts

@@ -0,0 +1,176 @@
+export declare function array(title: string, name: string, fields: any[], main?: string, arrayTitle?: string): {
+    title: string;
+    children: {
+        name: string;
+        title: string | undefined;
+        component: string;
+        props: {
+            itemType: string;
+        };
+        items: ({
+            component: string;
+            children: {
+                component: string;
+            }[];
+            name?: undefined;
+            type?: undefined;
+            title?: undefined;
+            reactions?: undefined;
+        } | {
+            name: string;
+            component: string;
+            type: string;
+            title: string;
+            reactions: {
+                dependencies: string[];
+                fulfill: {
+                    schema: {
+                        title: string;
+                    };
+                };
+            };
+            children: {
+                name: string;
+                component: string;
+                props: {
+                    layout: string;
+                    labelAlign: string;
+                    colon: boolean;
+                    labelCol: number;
+                    wrapperCol: number;
+                };
+                children: any[];
+            }[];
+        } | {
+            component: string;
+            children?: undefined;
+            name?: undefined;
+            type?: undefined;
+            title?: undefined;
+            reactions?: undefined;
+        })[];
+        children: {
+            title: string;
+        }[];
+    }[];
+};
+export declare function actions(props?: {
+    title?: string;
+    name?: string;
+    arrayTitle?: string;
+}): {
+    title: string;
+    children: {
+        name: string;
+        title: string | undefined;
+        component: string;
+        props: {
+            itemType: string;
+        };
+        items: ({
+            component: string;
+            children: {
+                component: string;
+            }[];
+            name?: undefined;
+            type?: undefined;
+            title?: undefined;
+            reactions?: undefined;
+        } | {
+            name: string;
+            component: string;
+            type: string;
+            title: string;
+            reactions: {
+                dependencies: string[];
+                fulfill: {
+                    schema: {
+                        title: string;
+                    };
+                };
+            };
+            children: {
+                name: string;
+                component: string;
+                props: {
+                    layout: string;
+                    labelAlign: string;
+                    colon: boolean;
+                    labelCol: number;
+                    wrapperCol: number;
+                };
+                children: any[];
+            }[];
+        } | {
+            component: string;
+            children?: undefined;
+            name?: undefined;
+            type?: undefined;
+            title?: undefined;
+            reactions?: undefined;
+        })[];
+        children: {
+            title: string;
+        }[];
+    }[];
+};
+export declare function filter(name: string): {
+    name: string;
+    type: string;
+    children: {
+        title: string;
+        children: {
+            name: string;
+            title: string | undefined;
+            component: string;
+            props: {
+                itemType: string;
+            };
+            items: ({
+                component: string;
+                children: {
+                    component: string;
+                }[];
+                name?: undefined;
+                type?: undefined;
+                title?: undefined;
+                reactions?: undefined;
+            } | {
+                name: string;
+                component: string;
+                type: string;
+                title: string;
+                reactions: {
+                    dependencies: string[];
+                    fulfill: {
+                        schema: {
+                            title: string;
+                        };
+                    };
+                };
+                children: {
+                    name: string;
+                    component: string;
+                    props: {
+                        layout: string;
+                        labelAlign: string;
+                        colon: boolean;
+                        labelCol: number;
+                        wrapperCol: number;
+                    };
+                    children: any[];
+                }[];
+            } | {
+                component: string;
+                children?: undefined;
+                name?: undefined;
+                type?: undefined;
+                title?: undefined;
+                reactions?: undefined;
+            })[];
+            children: {
+                title: string;
+            }[];
+        }[];
+    }[];
+};