open-index/open-npm huggingface dataset:
npm package: @pangrr/editor
Description: based on [tiptap](https://github.com/scrumpy/tiptap)
Latest version: 0.1.6

# editor

based on [tiptap](https://github.com/scrumpy/tiptap)

## install

`npm install --save @pangrr/editor`

## use
```html
<template>
  <editor v-bind:content="content" @update="updateContent($event)"></editor>
</template>
<script>
  import Editor from "@pangrr/editor";

  export default {
    components: {
      Editor
    },
    data() {
      return {
        content: `
          <p>hello world</p>
        `
      };
    },
    methods: {
      updateContent: (html) => {
        this.content = html;
      }
    }
  };
</script>
```
npm package: @pangtou/framework-vue
Description: `pt-render` 的 Vue 宿主层。
Latest version: 1.0.1

# @pangtou/framework-vue

`pt-render` 的 Vue 宿主层。

当前内容：

- Vue plugin / register
- `pt-render` / `pt-build` 宿主组件
- Vue runtime bridge
- framework 与 material 的 adapter 契约

该包依赖 `@pangtou/render-core`，但不直接依赖 `element-plus`。

## 最小示例

```ts
import { createApp } from 'vue'
import { createVueFrameworkPlugin } from '@pangtou/framework-vue'
import { elementPlusVueMaterialAdapter } from '@pangtou/material-element-plus'
import App from './app.vue'

const app = createApp(App)
app.use(createVueFrameworkPlugin(elementPlusVueMaterialAdapter))
app.mount('#app')
```

如果你要测试当前正式接入方式，优先用这个方式。
npm package: @pangtou/material-element-plus
Description: `pt-render` 的 Element Plus 物料层。
Latest version: 1.0.1

# @pangtou/material-element-plus

`pt-render` 的 Element Plus 物料层。

当前内容：

- Element Plus 组件注册表
- runtime props / children 映射
- response / attachment / rich_text 等物料实现
- 对 `@pangtou/framework-vue` 的 material adapter

## 当前公开入口

当前建议直接使用这些入口：

- `elementPlusVueMaterialAdapter`
- `elementPlusMaterialRegistry`
- `createElementPlusMaterialRegistry`
- `ELEMENT_PLUS_MATERIALS`
- `resolveElementPlusControlMaterialProps`

当前已经比较稳定、适合直接联调的节点主要包括：

- `text / password / textarea / number / select / radio / checkbox / cascader / select-tree`
- `help / button / toolbar / pagination`
- `dialog / drawer / row / col / card / divider / rich_text / resource`

当前仍是显式未完成占位的节点：

- 暂无新增显式 warning 占位节点
- 但 `rich_text / resource` 当前仍属于第一版接线，建议优先做基础联调，不要直接当完全成熟控件

当前 `rich_text / select-tree / resource` 都已经接到真实物料实现。
`filter / table-title` 不在正式 material registry 中。
`button / column / filter` 这类历史深层路径也已从仓库实现与包根公开面中移除。

如果你要实际试这三类节点，建议直接跑：

```bash
pnpm --filter @pangtou/examples dev:aggregate
pnpm --filter @pangtou/examples dev:composed
```

然后在 demo 页面里直接验证：

- `select-tree` 的树形 options 展示与选中
- `rich_text` 的 markdown 编辑与回填
- `resource` 的上传按钮与资源选择入口是否正常出现

## 最小示例

```ts
import {
    elementPlusVueMaterialAdapter,
    elementPlusMaterialRegistry,
    resolveElementPlusControlMaterialProps,
} from '@pangtou/material-element-plus'

const textMeta = elementPlusMaterialRegistry.getComponent('text')

const controlProps = resolveElementPlusControlMaterialProps({
    node: {
        schema: {
            control: {
                extensions: {
                    material: {
                        clearable: true,
                    },
                },
            },
        },
    },
} as any)

console.log(elementPlusVueMaterialAdapter.id, textMeta, controlProps)
```

如果你只想测试当前物料层，而不想先挂完整页面，这就是最短入口。
npm package: @pangtou/render-core
Description: `pt-render` 的无框架 runtime helper。
Latest version: 1.0.1

# @pangtou/render-core

`pt-render` 的无框架 runtime helper。

当前内容：

- form / field / event API helper
- runtime tree slots / children helper

该包不依赖 Vue，不依赖 Element Plus。

## 当前可直接使用的类型入口

```ts
import type { PTRenderExpose } from '@pangtou/render-core'
```

如果你只需要 `pt-render` 暴露实例的类型，而不想把类型依赖挂在 Vue framework 包上，直接从这里取。