dxfview 0.0.2

package/dist/types/plugins/overview-map/OverviewMapPlugin.d.ts

@@ -0,0 +1,156 @@
+import * as THREE from "three";
+import { ImageDrawable } from "./ImageDrawable";
+import { OverviewMapDrawable } from "./OverviewMapDrawable";
+import { Mat4, Vector2, Vector3 } from "../../core/Constants";
+import type { Drawable } from "../../core/canvas/Drawable";
+import { Plugin, PluginConfig } from "../../core/viewers/Plugin";
+import { ViewerEvent } from "../../core/viewers/ViewerEvent";
+export interface OverviewMapPluginConfig extends Partial<PluginConfig> {
+    containerId?: string;
+    context?: WebGLRenderingContext | WebGL2RenderingContext;
+    transformMatrix?: Mat4;
+    enabled?: boolean;
+    lockCameraInViewCenter?: boolean;
+    radius?: number;
+    minZoomFactor?: number;
+    maxZoomFactor?: number;
+    size?: {
+        width: number;
+        height: number;
+    };
+}
+export interface UpdateOverviewMapConfig {
+    image: string;
+    min: Vector3;
+    max: Vector3;
+}
+export declare enum OverviewMapPluginEvent {
+    ZoomChanged = "ZoomChanged",
+    SyncCamera = "SyncCamera",
+    CameraChanged = "CameraChanged"
+}
+export declare class OverviewMapPlugin extends Plugin<Record<OverviewMapPluginEvent | ViewerEvent, any>> {
+    static DEFAULT_ID: string;
+    private cfg;
+    private viewerContainer?;
+    private readonly CAMERA_Z_POSITION;
+    private width;
+    private height;
+    private frustumSize;
+    private renderEnabled;
+    private drawableList;
+    private clock;
+    private requestAnimationFrameHandle?;
+    private camera?;
+    private scene?;
+    private renderer?;
+    private overlayRender?;
+    private raf?;
+    private timeoutSymbol?;
+    private raycaster?;
+    private inputManager?;
+    private controls?;
+    private groundPlane?;
+    private transformMatrix;
+    private minZoomFactor;
+    private maxZoomFactor;
+    private radius?;
+    private size?;
+    private initialZoom?;
+    private cameraZoom?;
+    private imgBBox?;
+    private translateStart;
+    private rotateStart;
+    private markerRotateState;
+    private markerTranslateState;
+    private isMarkerRotating;
+    private isMarkerTranslating;
+    private isUpdateWhenPawnMove;
+    private timeout?;
+    private animationId?;
+    private animationParam?;
+    private boundaries?;
+    private allMarkersBBox;
+    tolerance: number;
+    enabled: boolean;
+    lockCameraInViewCenter: boolean;
+    enableLookToAllMarkers: boolean;
+    constructor(viewer: any, cfg?: OverviewMapPluginConfig);
+    get cameraDrawable(): ImageDrawable;
+    get cameraDirDrawable(): ImageDrawable;
+    get overviewMapDrawable(): OverviewMapDrawable;
+    private init;
+    private initDom;
+    private initInputManager;
+    private initScene;
+    private initCamera;
+    private initRenderer;
+    private initControls;
+    private onControlsChange;
+    private onControlsUpdate;
+    private initEvents;
+    /******* Overview map events ********/
+    private getDrawableByEvent;
+    private onCameraHover;
+    private handlePointerDown;
+    private onCameraMove;
+    private handlePointerUp;
+    private handlePointerLeave;
+    private handlePointerEnter;
+    private handleDblClick;
+    private handlePointerMove;
+    private syncCamera;
+    /*****************************************************/
+    /******* According radius to calculate zoom ********/
+    private updateZoomFromRadius;
+    private getContainerRadius;
+    private screenDistance2WorldDistance;
+    /*****************************************************/
+    /******* create ground plane for pick ********/
+    protected initGroundPlane(bbox: THREE.Box3): void;
+    /*****************************************************/
+    private initMaxAndMinZoom;
+    /************** create overviewMap ****************/
+    getImageElementFromUrl(url: string): Promise<HTMLImageElement>;
+    updateOverviewMap(cfg: UpdateOverviewMapConfig): Promise<void>;
+    private createCameraMarkers;
+    initCameraMarkers(position: Vector3, direction: Vector3): Promise<void>;
+    /*****************************************************/
+    /************** Upate overview map camera ****************/
+    private updateOverviewMapCameraAnimation;
+    updateOverviewMapCamera(position: Vector3, direction: Vector3): void;
+    /*****************************************************/
+    private zoomToBBox;
+    private enableRender;
+    addMarker(marker: Drawable): void;
+    getMarker(id: string): Drawable | undefined;
+    removeMarker(marker: Drawable): void;
+    dollyIn(zoomDelta?: number): void;
+    dollyOut(zoomDelta?: number): void;
+    goToHomeView(): void;
+    setRadius(radius: number): void;
+    registerBoundaries(boundries: {
+        id: string;
+        name: string;
+        points: Vector2[];
+    }[]): void;
+    isPointInBoundary: (position: Vector2) => undefined;
+    screenShot(): Promise<string | undefined>;
+    /**
+     * @internal
+     */
+    getViewConfig(): OverviewMapPluginConfig;
+    is3d(): boolean;
+    /**
+     * Gets how long a pixel represents in world coordinate.
+     * This works fine for OrthographicCamera.
+     * As for PerspectiveCamera, a pixel represents different size for different position,
+     * depends on how far the camera is and its fov, etc. We'll simply take the camera target as the position to calculate.
+     * @internal
+     */
+    getPixelSizeInWorldCoord(): number;
+    private lookToAllMarkers;
+    private resize;
+    private animate;
+    destroy(): void;
+}

package/dist/types/plugins/overview-map/TextDrawable.d.ts

@@ -0,0 +1,50 @@
+import * as THREE from "three";
+import { Vector3, Vector2 } from "../../core/Constants";
+import { Drawable } from "../../core/canvas/Drawable";
+export interface TextStyle {
+    fontSize?: number;
+    fontWeight?: string;
+    fontFamily?: string;
+    fontColor?: string;
+    outlineColor?: string;
+    outlineWidth?: number;
+    backgroundColor?: string;
+    borderRadius?: number;
+    borderWidth?: number;
+    borderColor?: string;
+}
+export interface TextDrawableConfig {
+    text: string;
+    position: Vector3;
+    radius?: number;
+    displayRadius?: number;
+    offset?: Vector2;
+    textStyle?: TextStyle;
+    size?: {
+        width: number;
+        height: number;
+    };
+    renderOrder?: number;
+}
+export declare class TextDrawable extends Drawable {
+    renderOrder: number;
+    text: string;
+    position: Vector3;
+    offset: Vector2;
+    size: {
+        width: number;
+        height: number;
+    };
+    textStyle: TextStyle;
+    displayRadius: number;
+    radius?: number;
+    needsFrustumCulled: boolean;
+    constructor(id: string, cfg: TextDrawableConfig);
+    private getFont;
+    drawRoundRect(ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number, cameraPosition: THREE.Vector2, bClippable: boolean): void;
+    draw(ctx: CanvasRenderingContext2D, camera: THREE.Camera): void;
+    drawSelect(): void;
+    getClassType(): string;
+    isPointInPath(): boolean;
+    getBBox(): THREE.Box3;
+}

package/dist/types/plugins/overview-map/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./OverviewMapDrawable";
+export * from "./OverviewMapPlugin";
+export * from "./ImageDrawable";
+export * from "./TextDrawable";
+export * from "./LineDrawable";

package/dist/types/plugins/screenshot/ScreenshotPlugin.d.ts

@@ -0,0 +1,88 @@
+import * as THREE from "three";
+import { BaseViewer, BoxSelectHelper, PickMarkupHelper, Plugin, PluginConfig, ScreenshotMode, ScreenshotResult } from "../../core";
+/**
+ * Screenshot plugin config.
+ */
+export interface ScreenshotPluginConfig extends Partial<PluginConfig> {
+    /**
+     * Image type.
+     */
+    type?: "image/png" | "image/jpg";
+    /**
+     * Image quality.
+     */
+    quality?: 0.8;
+}
+/**
+ * Screenshot plugin
+ */
+export declare class ScreenshotPlugin extends Plugin {
+    static DEFAULT_ID: string;
+    protected cfg: ScreenshotPluginConfig;
+    protected boxSelectHelper?: BoxSelectHelper;
+    protected pickMarkupHelper?: PickMarkupHelper;
+    constructor(viewer: BaseViewer, cfg?: ScreenshotPluginConfig);
+    /**
+     * @description {en} Gets screenshot of current canvas. Returns an image in format of base64 string.
+     * @description {zh} 获取画布的截屏。该方法返回一个 base64 类型的字符串。
+     * @example
+     * ``` typescript
+     * const plugin = new ScreenshotPlugin(viewer);
+     * const base64Image = plugin.getScreenshot();
+     * console.log(base64Image);
+     * ```
+     */
+    getScreenshot(): string | undefined;
+    /**
+     * Gets screenshot by bbox under screen cooridinate.
+     */
+    getScreenshotByScreenBBox(bbox: THREE.Box2): Promise<string | undefined>;
+    /**
+     * Gets screenshot by bbox under world coordinate.
+     * It needs to convert world to screen coordinate, in order to get the
+     * screenshot range. Assume it maps to bboxA under screen coordinate,
+     * and current view boundary is bboxB (e.g., 0,0 - 1024,768).
+     * Since, a given world coordinate may not be in current view boundary.
+     * The finally screenshot is the overlap of bboxA and bboxB. When
+     * - bboxA includes bboxB, it get screenshot for bboxB
+     * - bboxB includes bboxA, it get screenshot for bboxA
+     * - bboxA overlaps with bboxB, it get screenshot for the overlapped area
+     * - bboxA doesn't overlap with bboxB, it get nothing
+     *
+     * A best practice to use this API is to use orthographic camera, under top view,
+     * and pass in viewer's bbox.
+     */
+    getScreenshotByWorldBBox(bbox: THREE.Box3): Promise<string | undefined>;
+    /**
+     * @description {en} Gets screenshot of a rectangular area, or by box selecting an area. Returns an image in format of base64 string.
+     * @description {zh} 获取矩形区域或者框选区域的截图。返回base64格式的图片。
+     * @param mode
+     * - {en} screenshot mode("Default", "BoxSelection" and "PickMarkup").
+     * - {zh} 截图模式("全屏"， "框选" 和 "选中批注")。
+     * @example
+     * ``` typescript
+     * // {en} Click on markup to take screenshot.
+     * // {zh} 点击批注截屏。
+     * const mode = ScreenshotMode.PickMarkup;
+     * viewer.getScreenshot(mode).then(data => console.log(data));
+     * // {en} Take screenshot by box selecting an area.
+     * // {zh} 根据用户的框选截屏。
+     * const mode = ScreenshotMode.BoxSelection;
+     * viewer.getScreenshot(mode).then(data => console.log(data));
+     * // {en} Take screenshot of the whole view.
+     * // {zh} 全屏截屏。
+     * const mode = ScreenshotMode.Default;
+     * const plugin = new ScreenshotPlugin(viewer);
+     * plugin.getScreenshotAsync(mode).then(data => console.log(data));
+     * ```
+     */
+    getScreenshotAsync(mode?: ScreenshotMode): Promise<undefined | ScreenshotResult>;
+    /**
+     * If ScreenshotPlugin is active.
+     */
+    isActive(): (() => boolean) | undefined;
+    /**
+     * Cancel current operation if any.
+     */
+    cancel(): void;
+}

package/dist/types/plugins/screenshot/index.d.ts

@@ -0,0 +1 @@
+export * from "./ScreenshotPlugin";

package/dist/types/plugins/stats/StatsPlugin.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="stats.js" />
+import Stats from "three/examples/jsm/libs/stats.module.js";
+import { BaseViewer, Plugin } from "../../core";
+/**
+ * Stats plugin is a debug tool for developers to observe the performance of a page.
+ */
+export declare class StatsPlugin extends Plugin {
+    protected stats?: Stats;
+    constructor(viewer: BaseViewer);
+    private init;
+    /**
+     * Shows the stats panel, which indicates current FPS, MS, MB, etc.
+     */
+    show(): void;
+    /**
+     * Shows the stats panel, which indicates current FPS, MS, MB, etc.
+     */
+    hide(): void;
+    destroy(): void;
+}

package/dist/types/plugins/stats/index.d.ts

@@ -0,0 +1 @@
+export * from "./StatsPlugin";

package/dist/types/plugins/toolbars/DxfViewerToolbarPlugin.d.ts

@@ -0,0 +1,67 @@
+import { Toolbar } from "./Toolbar";
+import { ToolbarConfig, ToolbarMenuId } from "./Toolbar.constants";
+import { Plugin, type BaseViewer, PluginConfig } from "../../core/viewers";
+/**
+ * DxfViewer 工具栏插件配置接口
+ */
+export interface DxfViewerToolbarPluginConfig extends Partial<PluginConfig> {
+    /** 主工具栏菜单配置 */
+    menuConfig: ToolbarConfig;
+    /** 主工具栏分组配置，定义菜单项的分组排列 */
+    groupConfig?: ToolbarMenuId[][] | string[][];
+    /** 标注工具栏菜单配置 */
+    markupMenuCfg?: ToolbarConfig;
+    /** 标注工具栏分组配置 */
+    markupGroupCfg?: ToolbarMenuId[][] | string[][];
+}
+/**
+ * DxfViewer 工具栏插件
+ * 负责管理主工具栏和标注工具栏的显示、隐藏和切换
+ */
+export declare class DxfViewerToolbarPlugin extends Plugin {
+    /** 插件默认 ID */
+    static DEFAULT_ID: string;
+    /** 插件配置 */
+    protected cfg: DxfViewerToolbarPluginConfig;
+    /** 主工具栏实例 */
+    protected toolbar: Toolbar;
+    /** 标注工具栏实例，按需创建 */
+    protected markupToolbar?: Toolbar;
+    /**
+     * 构造函数
+     * @param viewer 查看器实例
+     * @param cfg 插件配置
+     */
+    constructor(viewer: BaseViewer, cfg?: DxfViewerToolbarPluginConfig);
+    /**
+     * 获取主工具栏实例
+     * @returns 主工具栏实例
+     */
+    getToolbar(): Toolbar;
+    /**
+     * 获取标注工具栏实例
+     * @returns 标注工具栏实例，可能为 undefined
+     */
+    getMarkupToolbar(): Toolbar | undefined;
+    /**
+     * 设置菜单项的激活状态
+     * @param menuId 菜单项 ID
+     * @param active 是否激活
+     */
+    setActive(menuId: string, active: boolean): void;
+    /**
+     * 标注激活事件处理函数
+     * 当用户激活标注功能时，隐藏主工具栏并显示标注工具栏
+     */
+    protected onMarkupActivated: () => void;
+    /**
+     * 标注取消激活事件处理函数
+     * 当用户退出标注功能时，隐藏标注工具栏并显示主工具栏
+     */
+    protected onMarkupDeactivated: () => void;
+    /**
+     * 销毁插件
+     * 清理资源，移除事件监听器，销毁工具栏实例
+     */
+    destroy(): void;
+}

package/dist/types/plugins/toolbars/MarkupToolbar.d.ts

@@ -0,0 +1,33 @@
+import { Toolbar } from "./Toolbar";
+import { ToolbarConfig, ToolbarMenuId } from "./Toolbar.constants";
+import { type BaseViewer } from "../../core/viewers";
+/**
+ * 默认标注工具栏配置
+ * @internal
+ */
+export declare const DEFAULT_MARKUP_TOOLBAR_CONFIG: ToolbarConfig;
+/**
+ * 标注工具栏分组配置
+ * 定义了标注工具栏中菜单项的分组和排列顺序
+ * @internal
+ */
+export declare const MARKUP_GROUP_CONFIG: ToolbarMenuId[][];
+/**
+ * 标注工具栏类
+ * 继承自基础工具栏类，专门用于标注功能
+ * @internal
+ */
+export declare class MarkupToolbar extends Toolbar {
+    /**
+     * 构造函数
+     * @param viewer 查看器实例
+     * @param menuCfg 菜单配置对象
+     * @param groupCfg 分组配置数组，默认为空数组
+     */
+    constructor(viewer: BaseViewer, menuCfg: ToolbarConfig, groupCfg?: ToolbarMenuId[][] | string[][]);
+    /**
+     * 键盘按下事件处理函数
+     * 目前为空实现，可在未来添加键盘快捷键功能
+     */
+    keydown: () => void;
+}

package/dist/types/plugins/toolbars/Toolbar.config.d.ts

@@ -0,0 +1,5 @@
+import { ToolbarConfig } from "./Toolbar.constants";
+/**
+ * @internal 内部使用标记
+ */
+export declare const DEFAULT_DXFVIEWER_TOOLBAR_CONFIG: ToolbarConfig;

package/dist/types/plugins/toolbars/Toolbar.constants.d.ts

@@ -0,0 +1,96 @@
+import type { Toolbar } from "./Toolbar";
+import { IconClass } from "../../core";
+import type { BaseViewer } from "../../core/viewers";
+/**
+ * @type 菜单类型枚举说明
+ * 1: click event 点击事件
+ * 2：show popup 显示弹出窗口
+ * 3：show submenu 显示子菜单
+ * 4：turn on/off 开关切换
+ */
+export declare enum MenuTypeEnums {
+    ClickEvent = 1,
+    Popup = 2,
+    SubMenu = 3,
+    Switch = 4
+}
+/**
+ * Buildin toolbar ids 内置工具栏ID
+ */
+export declare enum ToolbarMenuId {
+    HomeView = "HomeView",
+    OrthoMode = "OrthoMode",
+    Measure = "Measure",
+    MeasureDistance = "MeasureDistance",
+    MeasureArea = "MeasureArea",
+    MeasureAngle = "MeasureAngle",
+    MeasureCoordinate = "MeasureCoordinate",
+    MeasureClear = "MeasureClear",
+    MarkupVisibility = "MarkupVisibility",
+    Markup = "Markup",
+    MarkupArrow = "Arrow",
+    MarkupRect = "Rect",
+    MarkupCloudRect = "CloudRect",
+    MarkupPolyLine = "PolyLine",
+    MarkupCloudLine = "CloudLine",
+    MarkupEllipse = "Ellipse",
+    MarkupCircle = "Circle",
+    MarkupDot = "Dot",
+    MarkupText = "Text",
+    MarkupX = "X",
+    MarkupStrokeStyle = "StrokeStyle",
+    MarkupLineWidth = "LineWidth",
+    MarkupLineWidth2 = "LineWidth2",
+    MarkupLineWidth5 = "LineWidth5",
+    MarkupLineWidth10 = "LineWidth10",
+    MarkupFontSize = "FontSize",
+    MarkupFontSize14 = "FontSize14",
+    MarkupFontSize18 = "FontSize18",
+    MarkupFontSize24 = "FontSize24",
+    MarkupClear = "MarkupClear",
+    MarkupQuit = "MarkupQuit",
+    Section = "Section",
+    SectionBox = "SectionBox",
+    SectionPlane = "SectionPlane",
+    SectionAxis = "SectionAxis",
+    BimTree = "BimTree",
+    Viewpoint = "Viewpoint",
+    Annotation = "Annotation",
+    Property = "Property",
+    Settings = "Settings",
+    Compared = "Compared",
+    QuitCompare = "QuitCompare",
+    Fullscreen = "FullScreen",
+    SceneClear = "SceneClear",
+    Layers = "Layers",
+    ZoomToRectangle = "ZoomToRectangle",
+    Screenshot = "GetScreenshot"
+}
+/**
+ * Toolbar menu config. 工具栏菜单配置
+ * Used to define menu item name, icon, child items, etc. 用于定义菜单项名称、图标、子项等
+ */
+export interface ToolbarMenuConfig {
+    menuName?: string;
+    icon?: IconClass;
+    children?: ToolbarConfig;
+    visible?: boolean;
+    mutexIds?: ToolbarMenuId[];
+    defaultActive?: boolean;
+    type?: MenuTypeEnums;
+    customElement?: (viewer: BaseViewer, menuId: string, cfg: ToolbarMenuConfig) => HTMLDivElement;
+    onActive?: (viewer: BaseViewer) => void;
+    onDeactive?: (viewer: BaseViewer) => void;
+    onClick?: (viewer: BaseViewer, toolbar: Toolbar, event: MouseEvent | TouchEvent) => void;
+}
+/**
+ * Toolbar config. 工具栏配置类型
+ * The key is ToolbarMenuId, and the value is a ToolbarMenuConfig. 键是工具栏菜单ID，值是工具栏菜单配置
+ */
+export declare type ToolbarConfig = {
+    [key in ToolbarMenuId]?: ToolbarMenuConfig;
+};
+/**
+ * @internal 内部使用标记
+ */
+export declare const GROUP_CONFIG: ToolbarMenuId[][];

package/dist/types/plugins/toolbars/Toolbar.d.ts

@@ -0,0 +1,102 @@
+import { ToolbarConfig, ToolbarMenuConfig, ToolbarMenuId } from "./Toolbar.constants";
+import { type BaseViewer } from "../../core/viewers";
+/**
+ * @class Toolbar 工具栏类
+ * @description A customized toolbar. 自定义工具栏
+ *
+ * For example: 使用示例：
+ * #### Example 1: 示例1：
+ * Using {@link updateMenu} to modify the toolbar configuration 使用updateMenu方法修改工具栏配置
+ * ```typescript
+ *     const toolbar = this.viewer.toolbar;
+ *     toolbar.updateMenu(ToolbarMenuId.Viewpoint, { onActive: this.handleActive });
+ *     toolbar.updateMenu(ToolbarMenuId.Annotation, { visible: false });
+ * ```
+ *
+ * #### Example 2: 示例2：
+ * Using {@link addMenu} to add a new menu to the toolbar with specific position. 使用addMenu方法在指定位置添加新菜单
+ * ```typescript
+ *     const toolbar = this.viewer.toolbar;
+ *     toolbar.addMenu(
+ *         "newMenu",
+ *         { icon: { default: "icon-new" }, menuName: "New menu item", controller: BimTreeController },
+ *         [2, 5]
+ *     );
+ * ```
+ *
+ * #### Example 3: 示例3：
+ * Modify the configuration in to custmize the toolbar directly, and then {@link refresh} the whole toolbar. 直接修改配置来自定义工具栏，然后刷新整个工具栏
+ * ```typescript
+ *     const toolbar = this.viewer.toolbar;
+ *     const toolbarGroupConfig = [
+ *         [ToolbarMenuId.OrthoMode, ToolbarMenuId.FullScreen],
+ *         [ToolbarMenuId.Measure, ToolbarMenuId.Section],
+ *         [ToolbarMenuId.BimTree, ToolbarMenuId.Viewpoint, ToolbarMenuId.Annotation, ToolbarMenuId.Property],
+ *         [ToolbarMenuId.Setting, "newMenu"],
+ *     ];
+ *     toolbar.toolbarGroupConfig = toolbarGroupConfig;
+ *     toolbar.refresh();
+ * ```
+ */
+export declare class Toolbar {
+    protected viewer: BaseViewer;
+    protected element: HTMLDivElement | undefined;
+    protected visible: boolean;
+    activateMenuId?: string;
+    menuList: Map<string, ToolbarMenu>;
+    protected menuCfg: ToolbarConfig;
+    protected groupCfg: ToolbarMenuId[][] | string[][];
+    constructor(viewer: BaseViewer, menuCfg: ToolbarConfig, groupCfg?: ToolbarMenuId[][] | string[][]);
+    private init;
+    keydown: (e: KeyboardEvent) => void;
+    clearActive(): void;
+    setActive(menuId: string, active: boolean): void;
+    private createToolbarMenu;
+    /**
+     * @description Modify the menu configuration and update the toolbar. 修改菜单配置并更新工具栏
+     * @param {ToolbarMenuId} menuId 菜单ID
+     * @param {Partial<ToolbarMenuConfig>} config 菜单配置的部分更新
+     * @memberof Toolbar 工具栏类的成员方法
+     */
+    updateMenu(menuId: ToolbarMenuId, config: Partial<ToolbarMenuConfig>): void;
+    /**
+     * @description Modify the menu configuration and update the toolbar. 批量修改菜单配置并更新工具栏
+     * @param {{ menuId: ToolbarMenuId; config: Partial<ToolbarMenuConfig> }[]} configs 菜单配置数组，每个元素包含菜单ID和配置
+     * @memberof Toolbar 工具栏类的成员方法
+     */
+    updateMenus(configs: {
+        menuId: ToolbarMenuId;
+        config: Partial<ToolbarMenuConfig>;
+    }[]): void;
+    /**
+     * @description Add a custmized menu to toolbar. 向工具栏添加自定义菜单
+     * @param {string} menuId 菜单ID
+     * @param {ToolbarMenuConfig} config 菜单配置
+     * @param {[number, number]} [insertPosition] 可选的插入位置，[分组索引, 项目索引]
+     * @return {*} 无返回值
+     * @memberof Toolbar 工具栏类的成员方法
+     */
+    addMenu(menuId: string, config: ToolbarMenuConfig, insertPosition?: [number, number]): void;
+    /**
+     * @description Update the whole toolbar element with the current configuration. 使用当前配置更新整个工具栏元素
+     * @memberof Toolbar 工具栏类的成员方法
+     */
+    refresh(): void;
+    show(): void;
+    hide(): void;
+    destroy(): void;
+}
+/**
+ * @internal 内部使用标记
+ */
+export declare class ToolbarMenu {
+    private eventBus;
+    active: boolean;
+    element: HTMLDivElement;
+    toolbar: Toolbar;
+    markupToolbar?: Toolbar;
+    menuId: string;
+    constructor(viewer: BaseViewer, toolbar: Toolbar, menuId: string, cfg: ToolbarMenuConfig, parent?: ToolbarMenu);
+    private createButton;
+    setActive(active: boolean): void;
+}

package/dist/types/plugins/toolbars/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./DxfViewerToolbarPlugin";
+export * from "./Toolbar.config";
+export * from "./Toolbar.constants";
+export * from "./Toolbar";
+export * from "./MarkupToolbar";

package/dist/types/version.d.ts

@@ -0,0 +1,2 @@
+declare const VERSION: string;
+export { VERSION };