@enerv/business-topology-diagram

提供拓扑图相关的业务组件

下载

npm i @enerv/business-topology-diagram

一次图使用

基础示例

import { SingleLineDiagram } from '@enerv/business-topology-diagram';
import { useMemo } from 'react';

// 用于模拟 cecSdk 的工具函数，实际应用中用 cecSdk 替代
import MockSdk from '@/MockSdk';

function BusinessSLDExample() {
  // 模拟 cecSdk
  const mockCecSdk = useMemo(() => MockSdk({}), []);

  return (
    <div>
      <h2>业务一次图</h2>
      <div
        style={{
          border: '1px solid #ccc',
          height: '70vh',
          width: '100%',
          overflow: 'hidden',
        }}
      >
        {/* 使用一次图业务组件 */}
        <SingleLineDiagram siteId="xGFGzZqP" topologyId="sm2lqEmM" sdk={mockCecSdk} />
      </div>
    </div>
  );
}

export default BusinessSLDExample;

入参详细说明