# flow-design-core

> 流程设计器

Latest version **0.5.1** (published 2019-09-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install flow-design-core
pnpm add flow-design-core
yarn add flow-design-core
bun add flow-design-core
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.5.1 |
| Published | 2019-09-03 |
| First published | 2019-06-24 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 13 |
| Unpacked size | 67.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | nobo.zhou@foxmail.com |
| Maintainers | bplok20010 |
| Keywords | flow-design, designer |

## Links

- npm: https://www.npmjs.com/package/flow-design-core
- Repository: https://github.com/pagedesign/flow-design
- Homepage: https://github.com/pagedesign/flow-design#readme
- Issues: https://github.com/pagedesign/flow-design/issues
- npm.io page: https://npm.io/package/flow-design-core

## Dependencies (13)

- [react](https://npm.io/package/react.md) ^16.8.6
- [lodash](https://npm.io/package/lodash.md) ^4.17.11
- [jsplumb](https://npm.io/package/jsplumb.md) ^2.10.0
- [warning](https://npm.io/package/warning.md) ^4.0.3
- [react-is](https://npm.io/package/react-is.md) ^16.8.6
- [react-dnd](https://npm.io/package/react-dnd.md) ^8.0.3
- [react-dom](https://npm.io/package/react-dom.md) ^16.8.6
- [classnames](https://npm.io/package/classnames.md) ^2.2.6
- [prop-types](https://npm.io/package/prop-types.md) ^15.7.2
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.4.5
- [bplokjs-dom-utils](https://npm.io/package/bplokjs-dom-utils.md) ^1.0.7
- [@babel/runtime-corejs2](https://npm.io/package/@babel/runtime-corejs2.md) ^7.4.5
- [react-dnd-html5-backend](https://npm.io/package/react-dnd-html5-backend.md) ^7.4.4

## Recent versions

- 0.5.1 (latest) — 2019-09-03
- 0.5.0 — 2019-09-02
- 0.4.2 — 2019-09-02
- 0.4.1 — 2019-09-02
- 0.4.0 — 2019-08-01
- 0.3.0 — 2019-07-12
- 0.2.0 — 2019-06-25
- 0.1.3 — 2019-06-24
- 0.1.2 — 2019-06-24
- 0.1.1 — 2019-06-24
- 0.1.0 — 2019-06-24

## README

# flow-design-core 流程设计器

`npm install --save flow-design-core`

## Usage

```
import FlowDesigner from 'flow-design-core';
import widgets from './widgets'

function App() {
    const [metadata, onMetadataChange] = React.useState({
        items: []
    })

    return (
        <div style={{
            margin: "30px auto",
            width: 1400,
            minHeight: 500
        }}>
            <FormDesigner widgets={widgets} metadata={metadata} onChange={onMetadataChange} />
        </div>
    );
}

ReactDOM.render(<App />, document.getElementById('root'))

```

## FlowDesigner

### props

#### widgets 
设计器控件列表

#### metadata 控件布局属性
eg:
```
{
    items: []
}
```

#### onChange
布局发生改变时触发

## WidgetDropAccepter

### props

#### items

#### pid

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