重要事情

组件只拿资源中心，所以组件要先发布到资源中心，先了解怎么发布到资源中心
组件只拿资源中心，所以组件要先发布到资源中心，先了解怎么发布到资源中心
组件只拿资源中心，所以组件要先发布到资源中心，先了解怎么发布到资源中心
如何发布发布可以参考资源开发

组件

一、组件例子

import React, { FC } from 'react';
// 引入视图组件声明

import { IDynamicComponentsProps } from '@cvte/view-table/dist/types.d';
const TagRender: FC<IProps> = (props) => {
    return <>123</>
}
interface IProps extends IDynamicComponentsProps {

}
export default TagRender;

二、发布组件

用视图的Tag组件举例子，视图在资源上是 viewTable
导出tag组件命名为：viewTableTag
怎么发布资源参考资源中心开发说明

三、接入视图配置

可以在同意系统里写相关配置，也可以组件自己管理配置：

export default [
{
//资源名:组件名，对应之前发布的组件的例子，用冒号隔开
 code: 'viewTable:viewTableTag',
 name: '视图标签组件',
 config: {
   type: 'CUSTOM',
   // 默认值，会默认填充到表单，如果不需要默认，此处不需要
   baseConfig: {
     'color-1': '#FFF:account=zhangsan&age>16|name=abc',
     'color-2': '#FFF:account=zhangsan&age>16|name=abc',
   },
 },
 // 如果不需要配置，此处不需要，
 // wuli-and的formItem 具体参考：https://ant.gz.cvte.cn/#/UI%20Components/WULIForm
 // 这里只是例子
 baseConfig: new Array(16).fill(0).map((item, index) => ({
   key: `color-${index + 1}`,
   label: `颜色${index + 1}`,
   type: 'input',
   labelTips:
     '颜色:条件，比如在条件是：账号为zhangsan，年龄大于16或者账号为lisi时显示白色，则可以写成#FFF:account=zhangsan&age>16|account=lisi',
 })),
}
]