1.2.15 • Published 1 year ago
dtjoy_components v1.2.15
------- npm 私有库使用方法 -------
1、先安装 nrm, 命令如下: npm install -g nrm
2、添加别名 nrm add verdaccio http://172.168.30.4:4873
3、使用nrm ls指令查看所有镜像源地址 nrm ls
4、use下地址 nrm use verdaccio
------- npm 私有库使用方法 -------
------- 连接管理模块 使用示例 -------
import { DataSourceList, DataSourceCreate } from 'dtjoy_components'
// 连接列表 使用示例
<DataSourceList
isProject={true} //是否项目连接
isTableManger={false} //是否显示表管理
defaultStatu={'0'} //默认选中状态 ‘0’:正常,‘1’:异常
/>
// 连接创建 使用示例
const sourRef = useRef();
<Button type={"primary"} onClick={e => { sourRef?.current?.loadModal(); }}> 新建 \</Button>
<Button type={"primary"} onClick={e => { sourRef?.current?.editModal(item); }}> 修改 \</Button>
<DataSourceCreate
isProject={true} //是否项目连接
reload={e => { searchListReq.run(searchParam); }} //添加或编辑完成后 的操作,例如刷新列表
cRef={sourRef}
/>
------- Excel Like 使用示例 -------
import { ExcelLike } from 'dtjoy_components'
export default function () {
return <ExcelLike curUser={{id:1,account:'admin'}}
taskId={3541}
tableName={'company'}
externalId={''}
taskName={'测试'}
/>
}
------- 表头可拖拽 使用示例 -------
参数与 antd Table、ProTable 一致
import { ProTable } from 'dtjoy_components'
export default function () {
return <ProTable {...data}
rowKey={(record) => record.id}
rowSelection={{ }}
pagination={false}
footer={footerFun}/>
}
import { Table } from 'dtjoy_components'
export default function () {
return <Table {...data}
rowKey={(record) => record.id}
rowSelection={{ }}
pagination={false}
footer={footerFun}/>
}
1.2.15
1 year ago