open-index/open-npm huggingface dataset:
npm package: @mijastudio/context
Description: react context for mija-studio-apps
Latest version: 1.0.0

# tango-apps-context

> React context of tango-apps core

## Usage

install

```bash
yarn add @mijastudio/context
```

usage

```jsx
import { observer, useWorkspace } from '@music/tango-apps-context';

export const SampleWidget = observer(() => {
  const ws = useWorkspace();
  return <div></div>;
});
```
npm package: @mijastudio/designer
Description: lowcode designer
Latest version: 1.0.0

<h1 align="center">Tango LowCode Designer</h1>
<div align="center">

A source code based low-code designer from the NetEase Cloud Music Develop Team.

</div>

## 📄 Usage

Install the low-code designer

```bash
npm install @mijastudio/designer
```

Initialize the low-code designer engine

```js
import { createEngine } form '@mijastudio/designer';

// init designer engine
const engine = createEngine({
  entry: '/src/index.js',
  files: sampleFiles,
  componentPrototypes: prototypes as any,
});
```

Initialize the drag-and-drop engine

```js
import { DndQuery } form '@mijastudio/designer';

const sandboxQuery = new DndQuery({
  context: 'iframe',
});
```
npm package: @mijastudio/setting-form
Description: setting form of mija-studio
Latest version: 1.0.0

# `setting-form`

高性能属性配置表单

## Setter 规范

必须提供以下属性支持受控使用

- `value` 受控的值
- `onChange(value, detail)` 值变化时的回调
  - value 需要为简单数据类型
  - detail 可以

## Setter 选择

- actionSetter 函数设置器
- boolSetter 布尔值设置器
- choiceSetter 单选项设置器（平铺的单选项）
- expressionSetter 表达式设置器
- jsonSetter JSON 设置器
- numberSetter 数字设置器
- pickerSetter 下拉列表设置器
- textSetter 文本设置器