1.2.15 • Published 1 year ago

dtjoy_components v1.2.15

Weekly downloads
-
License
ISC
Repository
-
Last release
1 year ago

------- 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}/>
}