Protocol

使用指南

引用

import {Protocol} from '@et-modules/protocol'

const ProtocolView = () => {
    const [dataSource, setDataSource] = useState<Record<string, any>>()
  const onChange = (data) => {
    console.log('文件内容变更为', data)
  }
    // ... 其他需要处理功能
    return dataSource ? (
        <Protocol
            ref={insRef}
            dataSource={dataSource}
            onChanged={onChange}
            />
      ) : null
}

模块接口定义

| 参数 | 类型 | 描述 | 默认取值 | 必填 | | --- | --- | --- | --- | --- | | dataSource | ProtocolData | 文档内容 | { kind: 'protocol', alignment: 'right', title: '名称', items: [] }} | 必填 | | onChanged | (dataSource: ProtocolData) => void | dataSource 改变回调 | (data) => {} | 必填 |

ProtocolData

interface ProtocolData {
  kind: string;
  alignment: 'left' | 'right';
  items: Array<{
    kind: string,
    name: string,
    id: string,
    [key: string]: any,
  }>;
}

注意：

1、需要给父元素或者 roo 设置宽高 2、media 文件夹 copy 到使用组件项目（调用方）的根目录