# dtjoy_components

> ------- npm 私有库使用方法 -------

Latest version **1.2.15** (published 2023-08-17) · ISC license · 0 weekly downloads

## Install

```sh
npm install dtjoy_components
pnpm add dtjoy_components
yarn add dtjoy_components
bun add dtjoy_components
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.15 |
| Published | 2023-08-17 |
| First published | 2023-08-17 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=12.0.0 |
| Dependencies | 35 |
| Unpacked size | 3 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | kekezj |

## Links

- npm: https://www.npmjs.com/package/dtjoy_components
- Repository: http://172.168.30.3:18888/zhusf/components_front
- npm.io page: https://npm.io/package/dtjoy_components

## Dependencies (35)

- [umi](https://npm.io/package/umi.md) ^3.5.0
- [antd](https://npm.io/package/antd.md) ^4.20.0
- [react](https://npm.io/package/react.md) ^17.0.0
- [lodash](https://npm.io/package/lodash.md) ^4.17.0
- [moment](https://npm.io/package/moment.md) ^2.29.0
- [exceljs](https://npm.io/package/exceljs.md) ^4.3.0
- [omit.js](https://npm.io/package/omit.js.md) ^2.0.2
- [rc-menu](https://npm.io/package/rc-menu.md) ^9.1.0
- [rc-util](https://npm.io/package/rc-util.md) ^5.16.0
- [react-dom](https://npm.io/package/react-dom.md) ^17.0.0
- [array-move](https://npm.io/package/array-move.md) ^4.0.0
- [classnames](https://npm.io/package/classnames.md) ^2.3.2
- [codemirror](https://npm.io/package/codemirror.md) ^6.0.1
- [react-draggable](https://npm.io/package/react-draggable.md) ^4.4.5
- [react-resizable](https://npm.io/package/react-resizable.md) ^3.0.4
- [@codemirror/lint](https://npm.io/package/@codemirror/lint.md) ^6.1.0
- [@codemirror/view](https://npm.io/package/@codemirror/view.md) ^6.5.1
- [@ant-design/icons](https://npm.io/package/@ant-design/icons.md) ^4.7.0
- [@codemirror/state](https://npm.io/package/@codemirror/state.md) ^6.1.4
- [@umijs/route-utils](https://npm.io/package/@umijs/route-utils.md) ^2.0.0
- [react-helmet-async](https://npm.io/package/react-helmet-async.md) ^1.2.0
- [react-sortable-hoc](https://npm.io/package/react-sortable-hoc.md) ^2.0.0
- [react-dev-inspector](https://npm.io/package/react-dev-inspector.md) ^1.7.0
- [@codemirror/commands](https://npm.io/package/@codemirror/commands.md) ^6.1.2
- [@codemirror/lang-sql](https://npm.io/package/@codemirror/lang-sql.md) ^6.3.3
- [@codemirror/language](https://npm.io/package/@codemirror/language.md) ^6.3.1
- [@codemirror/highlight](https://npm.io/package/@codemirror/highlight.md) ^0.19.8
- [@codemirror/basic-setup](https://npm.io/package/@codemirror/basic-setup.md) ^0.20.0
- [@codemirror/autocomplete](https://npm.io/package/@codemirror/autocomplete.md) ^6.3.2
- [@codemirror/lang-markdown](https://npm.io/package/@codemirror/lang-markdown.md) ^6.0.5
- [@codemirror/language-data](https://npm.io/package/@codemirror/language-data.md) ^6.1.0
- [@ant-design/pro-components](https://npm.io/package/@ant-design/pro-components.md) 1.1.1
- [@codemirror/theme-one-dark](https://npm.io/package/@codemirror/theme-one-dark.md) ^6.1.0
- [@codemirror/lang-javascript](https://npm.io/package/@codemirror/lang-javascript.md) ^6.1.1
- [@uiw/codemirror-extensions-basic-setup](https://npm.io/package/@uiw/codemirror-extensions-basic-setup.md) ^4.13.2

## Recent versions

- 1.2.15 (latest) — 2023-08-17

## README

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

---
_Source: https://npm.io/package/dtjoy_components · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._