@pangtou/material-element-plus
v1.1.2
Published
`pt-render` 的 Element Plus 物料层。
Downloads
4,068
Readme
@pangtou/material-element-plus
pt-render 的 Element Plus 物料层。
当前内容:
- Element Plus 组件注册表
- runtime props / children 映射
- response / attachment / rich_text 等物料实现
- 对
@pangtou/vue-render的 material adapter resource / rich_text已作为当前公开物料包的一部分对外提供,业务侧不需要再单独安装内部包
当前公开入口
当前建议直接使用这些入口:
createPangtouElementPlusPluginpangtouElementPlusPluginelementPlusVueMaterialAdapterelementPlusMaterialRegistrycreateElementPlusMaterialRegistryELEMENT_PLUS_MATERIALSresolveElementPlusControlMaterialProps
当前已经比较稳定、适合直接联调的节点主要包括:
text / password / textarea / number / select / radio / checkbox / cascader / select-treehelp / button / toolbar / paginationdialog / 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 这类历史深层路径也已从仓库实现与包根公开面中移除。
如果你要实际试这三类节点,建议直接跑:
pnpm --filter @pangtou/examples dev:aggregate
pnpm --filter @pangtou/examples dev:composed然后在 demo 页面里直接验证:
select-tree的树形 options 展示与选中rich_text的 markdown 编辑与回填resource的上传按钮与资源选择入口是否正常出现
最小示例
import { createApp } from 'vue'
import {
createPangtouElementPlusPlugin,
elementPlusVueMaterialAdapter,
elementPlusMaterialRegistry,
resolveElementPlusControlMaterialProps,
} from '@pangtou/material-element-plus'
const app = createApp(App)
app.use(createPangtouElementPlusPlugin(), {
base_url: '/api',
})
const textMeta = elementPlusMaterialRegistry.getComponent('text')
const controlProps = resolveElementPlusControlMaterialProps({
node: {
schema: {
control: {
extensions: {
material: {
clearable: true,
},
},
},
},
},
} as any)
console.log(elementPlusVueMaterialAdapter.id, textMeta, controlProps)如果你只想测试当前物料层,而不想先挂完整页面,这就是最短入口。
