# @schema-plugin-flow/sifo-mplg-drag

> sifo drag model plugin. 拖拽搭建模型插件

Latest version **1.6.0** (published 2022-09-29) · MIT license · 0 weekly downloads

## Install

```sh
npm install @schema-plugin-flow/sifo-mplg-drag
pnpm add @schema-plugin-flow/sifo-mplg-drag
yarn add @schema-plugin-flow/sifo-mplg-drag
bun add @schema-plugin-flow/sifo-mplg-drag
```

## 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.6.0 |
| Published | 2022-09-29 |
| First published | 2021-04-27 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 43.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 425 |
| Author | FrominXu |
| Maintainers | fromin |
| Keywords | schema-plugin-flow, sifo, sifo-mplg, drag |

## Links

- npm: https://www.npmjs.com/package/@schema-plugin-flow/sifo-mplg-drag
- Repository: https://github.com/alibaba/schema-plugin-flow
- Homepage: https://github.com/alibaba/schema-plugin-flow#readme
- Issues: https://github.com/alibaba/schema-plugin-flow/issues
- npm.io page: https://npm.io/package/@schema-plugin-flow/sifo-mplg-drag

## Dependencies (1)

- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.12.5

## Alternatives

- [@regle/core](https://npm.io/package/@regle/core.md) — 47.0K weekly downloads
- [typeof-arguments](https://npm.io/package/typeof-arguments.md) — 12.5K weekly downloads
- [@lokalise/projects-engine-contracts](https://npm.io/package/@lokalise/projects-engine-contracts.md) — 978 weekly downloads
- [@osjwnpm/nam-laboriosam-quibusdam](https://npm.io/package/@osjwnpm/nam-laboriosam-quibusdam.md) — 70 weekly downloads
- [@oridune/validator](https://npm.io/package/@oridune/validator.md) — 16 weekly downloads

## Recent versions

- 1.6.0 (latest) — 2022-09-29
- 1.5.1 — 2022-08-17
- 1.5.0 — 2022-05-31
- 1.4.0 — 2022-05-17
- 1.3.5 — 2022-03-22
- 1.3.4 — 2021-12-29
- 1.3.3 — 2021-12-23
- 1.3.2 — 2021-12-22
- 1.3.1 — 2021-12-22
- 1.3.0 — 2021-12-21
- 1.2.0 — 2021-10-20
- 1.1.2 — 2021-07-31
- 1.1.1 — 2021-07-21
- 1.1.0 — 2021-04-28
- 1.0.0 — 2021-04-27

## README

# SifoDragModelPlugin

Sifo 拖拽模型插件，在以任意组件与初始 Schema 渲染的基础上，支持对组件进行即时拖拽，构建出新的 Schema.

### 设计器 props:
* id: 设计器节点id
* instanceId: sifoApp 实例id
* onDragStart: 拖入添加时调用，参数是节点数据 (newNode)=> bool;
* onDragEnd: 拖入动作结束时调用
* updateAttributes: 更新节点属性，(id, attributes, needReload = false) => {
* updateId: 更新节点id，(id, newId) => void;
* replaceComponent: 更新节点组件，(id, componentName, needReload = false) => void;
* deleteNode: 删除指定节点，id=>void;
* addChildNode: 添加子节点，(newNode, targetId) => bool;
* getSchema: 获取编辑后的schema，等效于 () => this.mApi.getEditedSchema(),
* getNodeInfo: 获取指定节点信息，id => info;
* getDomById: 获取指定节点的DOM，id => Dom;
* setSelectedId: 设置选中的节点id;

具体请参照 sifo-mplg-drag-react 和 sifo-mplg-drag-vue.

---
_Source: https://npm.io/package/@schema-plugin-flow/sifo-mplg-drag · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._