@et-modules/protocol v1.0.75

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
}

模块接口定义

ProtocolData

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

注意：

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