# ide-sdk-viewer

> 可视化设计器的视图(连接)器

Latest version **0.3.18** (published 2023-07-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install ide-sdk-viewer
pnpm add ide-sdk-viewer
yarn add ide-sdk-viewer
bun add ide-sdk-viewer
```

## 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.3.18 |
| Published | 2023-07-11 |
| First published | 2019-12-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 6.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Dio.Zhu |
| Maintainers | diozhu |

## Links

- npm: https://www.npmjs.com/package/ide-sdk-viewer
- npm.io page: https://npm.io/package/ide-sdk-viewer

## Dependencies (1)

- [clone](https://npm.io/package/clone.md) 1.0.4

## Recent versions

- 0.3.18 (latest) — 2023-07-11
- 0.3.17 — 2020-10-21
- 0.3.16 — 2020-06-28
- 0.3.15 — 2020-04-08
- 0.3.14 — 2019-12-16
- 0.3.13 — 2019-12-16

## README

## Install

```bash
npm install ide-sdk-viewer
```

## Usage
使用说明

#####connectReactViewer - 连接React组件并扩展它的视图能力
```javascript
import React,{Component} from 'react';
import { connectReactViewer } from 'ide-sdk-viewer';
class MyCreateView extends Component {
    static defaultProps = {
        uiMeta:null
    }
    constructor(props) {
        super(props);
    }
    render() {
      console.log('uiMeta--->',uiMeta);
      //自定义解析uiMeta数据，完成视图渲染。
      return <div>hello word!</div>
    }
}

//扩展CreateView监听数据的能力
const WrappedMyCreateView = connectReactViewer(MyCreateView,React);
class App extends Component {
  constructor(props) {
    super(props);
  }
  render() {
      return <WrappedMyCreateView />
  }
}
```

#####通过connectReactViewer连接扩展后的组件（例如：WrappedCreateView）属性
| 属性名  |  类型 | 必填  | 默认值  |  描述 |
| ------------ | ------------ | ------------ | ------------ | ------------ |
|debug|boolean|否|false|是否console打印日志

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