# data-table-platform

> 廸安科技用于实现`资源库`等功能实现的基础数据库表

Latest version **0.1.56** (published 2022-05-12) · Unlicense license · 0 weekly downloads

## Install

```sh
npm install data-table-platform
pnpm add data-table-platform
yarn add data-table-platform
bun add data-table-platform
```

## Health

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

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.56 |
| Published | 2022-05-12 |
| First published | 2022-04-27 |
| Weekly downloads | 0 |
| License | Unlicense |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=12 |
| Dependencies | 9 |
| Unpacked size | 2.6 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | hejt |
| Maintainers | user_tao |

## Links

- npm: https://www.npmjs.com/package/data-table-platform
- npm.io page: https://npm.io/package/data-table-platform

## Dependencies (9)

- [konva](https://npm.io/package/konva.md) ^8.3.5
- [rc-dialog](https://npm.io/package/rc-dialog.md) ^8.8.1
- [rc-select](https://npm.io/package/rc-select.md) ^14.1.1
- [rc-upload](https://npm.io/package/rc-upload.md) ^4.3.3
- [rc-tooltip](https://npm.io/package/rc-tooltip.md) ^5.1.1
- [rc-calendar](https://npm.io/package/rc-calendar.md) ^9.15.11
- [rc-time-picker](https://npm.io/package/rc-time-picker.md) ^3.7.3
- [react-konva-utils](https://npm.io/package/react-konva-utils.md) 0.2.0
- [react-virtualized-auto-sizer](https://npm.io/package/react-virtualized-auto-sizer.md) ^1.0.6

## Recent versions

- 0.1.56 (latest) — 2022-05-12
- 0.1.55 — 2022-05-12
- 0.1.53 — 2022-05-12
- 0.1.51 — 2022-05-12
- 0.1.50 — 2022-05-12
- 0.1.49 — 2022-05-12
- 0.1.48 — 2022-05-11
- 0.1.47 — 2022-05-10
- 0.1.46 — 2022-05-07
- 0.1.45 — 2022-05-07
- 0.1.43 — 2022-05-07
- 0.1.42 — 2022-05-07
- 0.1.41 — 2022-05-07
- 0.1.40 — 2022-05-07
- 0.1.39 — 2022-05-07
- … 12 more at https://npm.io/package/data-table-platform/versions

## README

## Data-table-platform

廸安科技用于实现`资源库`等功能实现的基础数据库表

使用方法：

```base
yarn add # or npm install data-table-platform
```

```tsx
import {CanvasLayer} from 'data-table-platform';
import 'data-table-platform/dist/index.css';

interface BaseProps {
  records?: { id: string }[];
  columnsMap?: { [x: string]: Col };
  cols?: { id: string }[];
  recordMap?: { [x: string]: CellData };
};

const tableProps = {
  records: [{id: '1'}],
  recordMap: {
    1: {
      id: '1',
      data: {
        col1: {
          value: '列1的数据'
        }
      }
    }
  },
  columnsMap: {
    col1: {
      name: '列1',
      id: 'col1',
      property: {},
      default_value: '默认文字',
      type: '1'
    }
  },
  cols: [
    {id: 'col1'}
  ],
}
/** 默认达到可以使用的方法 */
<CanvasLayer
    {...tableProps}
    columns={[] as Col[]}
    onAddColOption={async (val) => val.option }
    onAddCol={async (val) => val }
    onUpdateColOption={async (val) => val.option}
    onAddRow={async (val) => val}
    onUpdateCellData={async (val) => val}
    onRemoveColOption={async (val) => val}
    onUpdateCol={async (val) => val}
    onClearRange={async (val) => val}
    onRemoveRows={async (val) => val}
    onChangeColWidth={async (val) => val}
    onRemoveCols={async (val) => val}
    users={[]}
/>
```

## Developer

git clone in gitlab, run code with the Terminal:

```base
git glone ...
```

#### Setup Files

This is the folder structure we set up for you:

```txt
/example
  index.html
  index.tsx       # test your component here in a demo app
  package.json
  tsconfig.json
/src
  index.tsx       # EDIT THIS
/test
  index.test.tsx  # EDIT THIS
.gitignore
package.json
README.md         # EDIT THIS
tsconfig.json
```

### Update core code

```base
npm install # yarn
npm start # yarn start
```

### preview in local page

```base
cd example
npm install # yarn
npm start # yarn start
```

host port is `http://localhost:3000`

## npm publish

```base
npm run build
```

```base 
npm version patch
npm publish --registry="廸安内部npm仓库地址"
```

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