@vvfx/sdk 0.1.19-alpha.9 → 0.2.1-alpha.0

package/dist/src/exporter/config.d.ts

@@ -0,0 +1,18 @@
+export declare const HELPER_CONFIG: {
+    WEBP: {
+        SCRIPT: string;
+        WASM: string;
+    };
+    FFMPEG: {
+        CLASSWORKER: string;
+        DEFAULT: {
+            CORE: string;
+            WASM: string;
+        };
+        MT: {
+            CORE: string;
+            WASM: string;
+            WORKER: string;
+        };
+    };
+};

package/dist/src/exporter/const.d.ts

@@ -0,0 +1,71 @@
+export declare const STATUS_MAP: {
+    readonly READY: "ready";
+    readonly EXECUTABLE: "executable";
+    readonly DISPOSE: "dispose";
+};
+export declare const MEDIA_TYPE: {
+    readonly APNG: "APNG";
+    readonly MP4: "MP4";
+    readonly WebM: "WebM";
+    readonly Images: "Images";
+    readonly WebP: "WebP";
+    readonly GIF: "GIF";
+    readonly AlphaMaskVideo: "AlphaMaskVideo";
+};
+export declare const STAGE_MAP: {
+    readonly IDLE: "idle";
+    readonly CONVERT_IMAGE: "convertImage";
+    readonly TRANSCODING: "transcoding";
+    readonly AUDIO: "audio";
+};
+export declare const EXPORT_NEED_TRANS_IMAGES_MAP: {
+    JPEG: string;
+    WEBP: string;
+    PNG: string;
+};
+export declare const FORMAT_BUFFER_DOWNLOAD_SUFFIX: {
+    MP4: string;
+    WebP: string;
+    APNG: string;
+    GIF: string;
+    AlphaMaskVideo: string;
+    Images: string;
+};
+export declare const FORMAT_BUFFER_DOWNLOAD_MIMETYPE: {
+    MP4: string;
+    WebP: string;
+    APNG: string;
+    GIF: string;
+    AlphaMaskVideo: string;
+    Images: string;
+};
+export declare const EXPORT_STATUS_MAP: {
+    DEFAULT: string;
+    EXPORTING: string;
+    SUCCESS: string;
+    ERROR: string;
+};
+/**
+ * GIF 压缩参数
+ * 核心通过参数 flags + palettegen + paletteuse 实现
+ * highest: lanczos + max_colors=256 + dither=bayer
+ * high: bicubic + max_colors=200 + dither=bayer
+ * medium: bilinear + max_colors=64 + dither=bayer
+ * low: neighbor + max_colors=32 + dither=none
+ */
+export declare const GIF_QUALITY_TO_FFMPEG_ARGS: {
+    highest: string;
+    high: string;
+    medium: string;
+    low: string;
+};
+/**
+ * APNG 压缩参数
+ * 核心通过参数 compression_level 实现，压缩等级分为 1/3/6/9
+ */
+export declare const APNG_QUALITY_TO_FFMPEG_ARGS: {
+    highest: string;
+    high: string;
+    medium: string;
+    low: string;
+};

package/dist/src/exporter/export-media.d.ts

@@ -0,0 +1,68 @@
+import { EventEmitter } from '../shared';
+import type { MediaType, ExportMediaInitOptions, ExportItemParams, ExportParams, Buffer, Extra, Buffers, Extras } from './types';
+export type ExportMediaEvent = {
+    /**
+     * 环境准备完成
+     */
+    ready: [mediaType: MediaType];
+    /**
+     * 总体进度
+     */
+    progress: [progress: number];
+    /**
+     * 单个任务完成
+     */
+    done: [item: ExportItemParams | undefined, success: boolean, buffer: Buffer, extra: Extra];
+    /**
+     * 全部任务完成
+     */
+    finish: [success: boolean, taskInfos: ExportParams, buffers: Buffers, extras: Extras];
+    /**
+     * 异常
+     */
+    error: [error: any];
+};
+export declare class ExportMedia extends EventEmitter<ExportMediaEvent> {
+    #private;
+    private status;
+    private stage;
+    private player?;
+    constructor(options: ExportMediaInitOptions);
+    setMediaType(curMediaType: MediaType): void;
+    setOptions(options: Partial<ExportMediaInitOptions>): void;
+    get canceled(): boolean;
+    private get config();
+    private get mp4Config();
+    private get gifConfig();
+    private get apngConfig();
+    private get progress();
+    private get transImageType();
+    private onInit;
+    private onReset;
+    private onError;
+    private onFinish;
+    private loadHelper;
+    private getAllTaskFrames;
+    private setProgress;
+    private forwardPlayerTime;
+    private getWavAudio;
+    private getImagesZip;
+    private getWebP;
+    private getAPNG;
+    private getGIF;
+    private getMP4;
+    private getAlphaMaskVideo;
+    private getVideoByType;
+    private onRecordWebM;
+    private onExportImageFrame;
+    private onExportWebMFrame;
+    private runTask;
+    private clearTaskInfo;
+    private clearFFMpegCore;
+    private clearImage2WebPCore;
+    private clearMediaRecorder;
+    private clearAllListeners;
+    onCancel(): void;
+    onExport(options: ExportParams): Promise<void>;
+    dispose(): void;
+}

package/dist/src/exporter/exporter.d.ts

@@ -0,0 +1,22 @@
+import type { ExportMediaInitOptions, ExportItemParams, ExportParams, ExportMediaItemDownloadInfo, FileBuffer, Buffers, Extras } from './types';
+import { EventEmitter } from '../shared';
+export type ExporterEvent = {
+    'progress': [progress: number];
+    'done': [item: ExportItemParams | undefined, success: boolean, buffer?: FileBuffer, extra?: FileBuffer | null];
+    'complete': [success: boolean, taskInfos: ExportParams, buffers: Buffers, extras: Extras];
+};
+export declare class Exporter extends EventEmitter<ExporterEvent> {
+    private _options;
+    private _status;
+    private _exportMedia;
+    constructor(options: ExportMediaInitOptions);
+    get status(): string;
+    setOptions(options: Partial<ExportMediaInitOptions>): void;
+    downloadByMediaBuffers(params: ExportMediaItemDownloadInfo[], buffers: Buffers, extras: Extras): void;
+    private onExportProgress;
+    private onExportDone;
+    private onExportError;
+    onExport(params: ExportParams): void;
+    onCancel(): void;
+    dispose(): void;
+}

package/dist/src/exporter/index.d.ts

@@ -0,0 +1,2 @@
+export type { ExportItemParams, ExportParams, ExportMediaInitOptions, ExportMediaItemDownloadInfo, ExportMediaItemOptions, FileBuffer, Buffers, Extras } from './types';
+export * from './exporter';

package/dist/src/exporter/types.d.ts

@@ -0,0 +1,194 @@
+import { spec } from '../shared';
+import { STATUS_MAP, MEDIA_TYPE, STAGE_MAP, EXPORT_STATUS_MAP, GIF_QUALITY_TO_FFMPEG_ARGS } from './const';
+declare global {
+    interface Window {
+        /**
+         * @description 创建 WebP Core 实例
+         */
+        createWebPCore: (config: any) => Promise<Img2WebPCore>;
+    }
+}
+export type FileBuffer = ArrayBuffer | Uint8Array;
+export type Status = typeof STATUS_MAP[keyof typeof STATUS_MAP];
+export type MediaType = typeof MEDIA_TYPE[keyof typeof MEDIA_TYPE];
+export type ExportImageFrameOptions = {
+    canvas: HTMLCanvasElement;
+    imageBuffers: ArrayBuffer[];
+    startTime: number;
+    oldTotalTime: number;
+    newTotalTime?: number;
+    backgroundCanvas?: HTMLCanvasElement;
+};
+export type RunExportTaskOptions = {
+    size: [number, number];
+    startTime: number;
+    containerCanvas: HTMLCanvasElement;
+    background?: {
+        backgroundCanvas?: HTMLCanvasElement;
+        backgroundImage?: HTMLImageElement;
+    };
+};
+export type FS = {
+    writeFile: (path: string, data: Uint8Array | string) => void;
+    readFile(path: string, opts: {
+        encoding: 'binary';
+        flags?: string | undefined;
+    }): Uint8Array;
+    readFile(path: string, opts: {
+        encoding: 'utf8';
+        flags?: string | undefined;
+    }): string;
+    readFile(path: string, opts?: {
+        flags?: string | undefined;
+    }): Uint8Array;
+    unlink: (path: string) => void;
+    quit: () => void;
+};
+type Pointer = number;
+export type Img2WebPCore = {
+    FS: FS;
+    run: (...args: string[]) => number;
+    cwrap: (ident: string, returnType: string, argTypes: string[]) => ((argc: number, argv: Pointer) => number);
+    _malloc: (size: number) => Pointer;
+    writeAsciiToMemory: (str: string, buffer: number, dontAddNull?: boolean) => void;
+    setValue: (ptr: number, value: any, type: string, noSafe?: boolean) => void;
+};
+export type Config = {
+    name: string;
+    oldTotalTime: number;
+    newTotalTime?: number;
+    startTime: number;
+    fps: number;
+    backgroundColor: string;
+    loop: boolean;
+    audioEnable: boolean;
+};
+export type Stage = typeof STAGE_MAP[keyof typeof STAGE_MAP];
+export type ExportStatus = typeof EXPORT_STATUS_MAP[keyof typeof EXPORT_STATUS_MAP];
+export type ExportMediaInitOptions = {
+    /**
+     * 导出类型
+     */
+    mediaType: MediaType;
+    /**
+     * 额外画布，导出透明视频时使用
+     */
+    extraCanvas?: HTMLCanvasElement | null;
+    /**
+     * 是否打印转码过程中的日志，仅在导出 MP4/AlphaMaskVideo 时有效， 默认 false
+     * 供开发调试使用
+     */
+    loggerInTranscoding?: boolean;
+    /**
+     * ffmpeg 转码是否开启多线程，默认 false，确保环境支持 SharedArrayBuffer
+     */
+    multiThreading?: boolean;
+    /**
+     * 是否输出 buffer，默认 false
+     */
+    isOutputBuffer?: boolean;
+};
+export type MP4Config = {
+    /**
+     * @description MP4 导出时是否需要导出最后一帧 PNG
+     */
+    isExportLastFrameJPEG?: boolean;
+};
+export type GifConfig = {
+    /**
+     * @description GIF 导出时的帧率
+     */
+    fps?: number;
+    /**
+     * @description GIF 导出时的缩放比例
+     * 默认 '-1:-1'， 表示不缩放
+     * 例如 '100:-1'， 表示宽度 100，高度自动
+     * 例如 '-1:100'， 表示宽度自动，高度 100
+     */
+    scale?: string;
+    /**
+     * @description GIF 导出时的质量
+     * 默认 'highest'
+     * 可选 'highest', 'high', 'medium', 'low'
+     */
+    quality?: keyof typeof GIF_QUALITY_TO_FFMPEG_ARGS;
+};
+export type ApngConfig = {
+    /**
+     * @description APNG 导出时的帧率
+     */
+    fps?: number;
+    /**
+     * @description APNG 导出时的缩放比例
+     * 默认 '-1:-1'， 表示不缩放
+     * 例如 '100:-1'， 表示宽度 100，高度自动
+     * 例如 '-1:100'， 表示宽度自动，高度 100
+     */
+    scale?: string;
+    /**
+     * @description APNG 导出时的质量
+     * 默认 'highest'
+     * 可选 'highest', 'high', 'medium', 'low'
+     */
+    quality?: keyof typeof GIF_QUALITY_TO_FFMPEG_ARGS;
+};
+export type ExportMediaItemOptions = {
+    /**
+     * 尺寸
+     */
+    size: [number, number];
+    /**
+     * 动效资源
+     */
+    scene: spec.JSONScene;
+    /**
+     * 视频时长，目前仅在导出 MP4 / AlphaMaskVideo 时有效，默认取动效资源时长
+     */
+    time?: number;
+    /**
+     * 是否生成音轨，默认 false，仅在导出 MP4 时有效
+     */
+    audioEnable?: boolean;
+    /**
+     * 帧率， 默认 30
+     */
+    fps?: number;
+    /**
+     * 是否循环，默认 true
+     */
+    loop?: boolean;
+    /**
+     * 视频背景颜色，默认 #000000
+     */
+    backgroundColor?: string;
+    /**
+     * 导出 MP4 时，设置的导出配置
+     */
+    mp4Config?: MP4Config;
+    /**
+     * 导出 GIF 时，设置的导出配置
+     */
+    gifConfig?: GifConfig;
+    /**
+     * 导出 APNG 时，设置的导出配置
+     */
+    apngConfig?: ApngConfig;
+};
+export type ExportOptions = ExportMediaItemOptions[];
+export type ExportMediaItemDownloadInfo = {
+    /**
+     * @description 导出文件夹名称
+     */
+    folderName: string;
+    /**
+     * @description 导出视频名称
+     */
+    name: string;
+};
+export type ExportItemParams = ExportMediaItemOptions & ExportMediaItemDownloadInfo;
+export type ExportParams = ExportItemParams[];
+export type Buffer = FileBuffer | undefined;
+export type Extra = FileBuffer | null | undefined;
+export type Buffers = FileBuffer[] | undefined;
+export type Extras = (FileBuffer | null)[] | null | undefined;
+export {};

package/dist/src/exporter/utils.d.ts

@@ -0,0 +1,22 @@
+import type { Img2WebPCore } from './types';
+import { Player } from '@galacean/effects';
+export declare function getTwoDecimal(num: number): number;
+export declare function loadImageAsync(img: string | HTMLImageElement, noCrossOrigin?: boolean): Promise<HTMLImageElement>;
+export declare function drawToOutputCanvas(playerCanvas: HTMLCanvasElement, canvas: HTMLCanvasElement, backgroundColor: string, backgroundCanvas?: HTMLCanvasElement): void;
+export declare function getAlphaMaskImage(inputCanvas: HTMLCanvasElement, outputCanvas: HTMLCanvasElement): void;
+export declare function parseArgs(Core: Img2WebPCore, args: string[]): number[];
+export declare function canvasToArrayBuffer(canvas: HTMLCanvasElement, mime?: string, quality?: number): Promise<ArrayBuffer>;
+export declare function sleepForOneFrame(): Promise<unknown>;
+export declare function padZero(num: number, length: number): string;
+export declare function loadWebpHelper(): Promise<Img2WebPCore>;
+export type LoadFFmpegHelperOptions = {
+    multiThreading?: boolean;
+};
+export type LoadConfig = {
+    coreURL: string;
+    wasmURL: string;
+    workerURL?: string;
+    classWorkerURL?: string;
+};
+export declare function loadFFmpegHelper(options?: LoadFFmpegHelperOptions): Promise<import("@ffmpeg/ffmpeg").FFmpeg>;
+export declare function clearPlayerAssets(player: Player): void;

package/dist/src/exporter/wav-audio.d.ts

@@ -0,0 +1,27 @@
+/**
+ * 生成 wav 音轨文件
+ * NOTE: 为什么不直接使用 ffmpeg 命令生成音轨？
+ * 因为直接使用 ffmpeg 命令生成音轨，会造成视频转码过程中存在 blocking 问题，
+ * 这里对于音轨要求不高，只是生成一个静音音轨，所以手动生成 wav 文件
+ */
+export type WavAudioOptions = {
+    /**
+     * 采样率，默认 44100（标准采用率）
+     */
+    sampleRate?: number;
+    /**
+     * 时长，单位秒，默认 1
+     */
+    duration?: number;
+    /**
+     * 通道数，默认 2
+     */
+    channels?: number;
+};
+export declare class WavAudio {
+    sampleRate: number;
+    duration: number;
+    channels: number;
+    constructor(options?: WavAudioOptions);
+    getBuffer(): Uint8Array;
+}

package/dist/src/gesture-handler/gizmo/adsorption-gizmo.d.ts

@@ -0,0 +1,68 @@
+import { Graphics } from '@pixi/graphics';
+import { Gizmo } from './gizmo';
+import type { GizmoType, TranslationAdsorptionResult } from './type';
+import { Vector2, type Box2 } from '../../math';
+export declare class AdsorptionGizmo extends Gizmo {
+    /**
+     * @description 吸附对齐结果
+     */
+    private results;
+    /**
+     * @description 绘制图形
+     */
+    private graphics;
+    /**
+     * @description 吸附结果
+     */
+    absorptionResult: TranslationAdsorptionResult;
+    readonly type = "adsorption";
+    get interactive(): boolean;
+    set interactive(bool: boolean);
+    preparationAction(): GizmoType | undefined;
+    getCursorState(): undefined;
+    preAction(): undefined;
+    action(): void;
+    cancelPreparation(): void;
+    actionKey(): void;
+    endActionKey(): void;
+    endAction(): undefined;
+    interruption(): undefined;
+    /**
+     * @description 包围盒位移吸附功能
+     * @param shift 偏移值
+     * @param box 目标包围盒
+     * @param otherBoxes 吸附包围盒
+     * @param xEnabled 是否进行x轴吸附
+     * @param yEnabled 是否进行y周吸附
+     * @returns 无
+     */
+    boxTranslationAdsorption(shift: Vector2, box: Box2, otherBoxes: Box2[], xEnabled?: boolean, yEnabled?: boolean): void;
+    /**
+     * @description 点位移吸附功能
+     * @param shift 偏移值
+     * @param point 目标点
+     * @param otherPoints 吸附点集合
+     * @returns 无
+     */
+    pointTranslationAdsorption(shift: Vector2, point: Vector2, otherPoints: Vector2[], xEnabled?: boolean, yEnabled?: boolean): void;
+    /**
+     * @description 获取点吸附结果
+     * @param point 目标点
+     * @param other 吸附点
+     */
+    getPointAbsorption(point: Vector2, other: Vector2, xEnabled?: boolean, yEnabled?: boolean): void;
+    /**
+     * 刷新吸附结果
+     * @param point 目标点
+     * @param other 吸附点
+     * @param direction 吸附方向
+     */
+    refreshPointAbsorptionResult(point: Vector2, other: Vector2, direction: 'x' | 'y'): void;
+    /**
+     * 基于吸附结果生成对齐结果
+     */
+    refreshResults(): void;
+    refreshRenderObject(): void;
+    getRenderObjects(): Graphics[];
+    clearAbsorptionResult(): void;
+}

package/dist/src/gesture-handler/gizmo/control-gizmo.d.ts

@@ -0,0 +1,67 @@
+import { Vector2 } from '../../math';
+import type { PageDataUtils } from '../../utils/page-data-utils';
+import { Gizmo } from './gizmo';
+import type { ControlGizmoInteractionType, GestureCursorResult, GizmoType } from './type';
+export declare class ControlGizmo extends Gizmo {
+    readonly type: GizmoType;
+    _interactionType: ControlGizmoInteractionType;
+    /**
+     * @description 是否处于交互态
+     */
+    active: boolean;
+    /**
+     * 上一时刻鼠标交互位置
+     */
+    lastPoint: Vector2;
+    cursorResult: GestureCursorResult;
+    SDKUtils: PageDataUtils;
+    get interactive(): boolean;
+    set interactive(bool: boolean);
+    get interactionType(): ControlGizmoInteractionType;
+    set interactionType(type: ControlGizmoInteractionType);
+    constructor(utils: PageDataUtils);
+    get useCameraControl(): boolean;
+    /**
+     * 行动准备事件[当buttons === 0，且在mouseMove时触发]
+     * @param event 鼠标事件
+     */
+    preparationAction(): GizmoType | undefined;
+    cancelPreparation(): void;
+    refreshResults(): void;
+    /**
+     * 行动前置事件[在mouseDown时触发]
+     * @param event 鼠标事件
+     */
+    preAction(event: MouseEvent): GizmoType | undefined;
+    /**
+     * 行动事件[当buttons !== 0，且在mouseMove时触发 || 2D模式下仅在onWheel中触发]
+     * @param event 鼠标事件
+     */
+    action(event: WheelEvent | MouseEvent): void;
+    /**
+     * 行动结束事件[在mouseUp时触发]
+     * @param event 鼠标事件
+     */
+    endAction(): GizmoType | undefined;
+    /**
+     * 交互中断事件 - ControlGizmo交互不会被中断
+     * @returns this
+     */
+    interruption(): GizmoType;
+    /**
+     * @description 键盘交互事件
+     * @param keyCode 键位信息
+     */
+    actionKey(): void;
+    /**
+     * @description 键盘交互结束事件
+     * @param keyCode 键位信息
+     */
+    endActionKey(): void;
+    refreshCursorResult(): void;
+    /**
+     * 获取辅助层渲染对象
+     * @returns 空
+     */
+    getRenderObjects(): [];
+}

package/dist/src/gesture-handler/gizmo/gizmo.d.ts

@@ -0,0 +1,59 @@
+import type { Graphics } from '@pixi/graphics';
+import type { Sprite } from '@pixi/sprite';
+import type { GizmoType } from './type';
+export declare abstract class Gizmo {
+    type: GizmoType;
+    /**
+     * @description 是否处于交互态
+     */
+    active: boolean;
+    /**
+     * 行动准备事件[当buttons === 0，且在mouseMove时触发]
+     * @param event 鼠标事件
+     */
+    abstract preparationAction(event: MouseEvent): GizmoType | undefined;
+    /**
+     * 行动前置事件[在mouseDown时触发]
+     * @param event 鼠标事件
+     */
+    abstract preAction(event: MouseEvent, isDoubleClick?: boolean): GizmoType | undefined;
+    /**
+     * 行动事件[当buttons !== 0，且在mouseMove时触发]
+     * @param event 鼠标事件
+     */
+    abstract action(event: MouseEvent): void;
+    /**
+     * 行动结束事件[在mouseUp时触发]
+     * @param event 鼠标事件
+     */
+    abstract endAction(event: MouseEvent): GizmoType | undefined;
+    /**
+     * 交互中断事件[在被其它交互打断时触发]
+     */
+    abstract interruption(): GizmoType | undefined;
+    /**
+     * @description 键盘交互事件
+     * @param keyCode 键位信息
+     */
+    abstract actionKey(keyCode: KeyboardEvent): void;
+    /**
+     * @description 键盘交互结束事件
+     * @param keyCode 键位信息
+     */
+    abstract endActionKey(keyCode: KeyboardEvent): void;
+    /**
+     * 取消预备状态 [在MouseMove时，如果已有交互模块，则后续模块都需要确认取消准备态，防止重复触发]
+     */
+    abstract cancelPreparation(): void;
+    /**
+     * @description 刷新结果
+     */
+    abstract refreshResults(): void;
+    /**
+     * 获取辅助面板渲染对象
+     */
+    abstract getRenderObjects(): (Graphics | Sprite)[];
+    get interactive(): boolean;
+    set interactive(bool: boolean);
+    constructor();
+}

package/dist/src/gesture-handler/gizmo/icon-gizmo.d.ts

@@ -0,0 +1,44 @@
+import { Sprite } from '@pixi/sprite';
+import { Gizmo } from './gizmo';
+import { GestureCursorResult, GizmoType, IconInteractionParam, IconResult, IconType } from './type';
+import { PageDataUtils } from '../../utils/page-data-utils';
+import { Vector2 } from '../../math';
+import { SDKEvents } from '../../sdk';
+import { EventEmitter } from '../../shared';
+import { Texture } from '../../wireframe';
+/**
+ * @description 用于渲染元素辅助Icon
+ */
+export declare class IconGizmo extends Gizmo {
+    type: GizmoType;
+    results: IconResult[];
+    interactionParam: IconInteractionParam;
+    textureMap: Record<IconType, Texture> | undefined;
+    videoPlaySpriteTexture: Texture | undefined;
+    videoGeneratorTexture: Texture | undefined;
+    imageGeneratorTexture: Texture | undefined;
+    cursorResult: GestureCursorResult;
+    renderSprites: Sprite[];
+    private _pageDataUtils;
+    private _eventEmitter;
+    get interactive(): boolean;
+    set interactive(state: boolean);
+    constructor(pageDataUtils: PageDataUtils, emitter: EventEmitter<SDKEvents>);
+    init(): Promise<void>;
+    preparationAction(event: MouseEvent): GizmoType | undefined;
+    preAction(event: MouseEvent, isDoubleClick?: boolean): GizmoType | undefined;
+    action(event: MouseEvent): void;
+    endAction(event: MouseEvent): GizmoType | undefined;
+    interruption(): GizmoType | undefined;
+    actionKey(keyCode: KeyboardEvent): void;
+    endActionKey(keyCode: KeyboardEvent): void;
+    cancelPreparation(): void;
+    refreshCursorResult(): void;
+    /**
+     * @description 根据鼠标位置，刷新视频播放Icon的状态
+     * @param mouse 鼠标位置
+     */
+    refreshVideoIconId(mouse: Vector2): void;
+    refreshResults(): void;
+    getRenderObjects(): (Sprite)[];
+}

package/dist/src/gesture-handler/gizmo/index.d.ts

@@ -0,0 +1,6 @@
+export * from './type';
+export * from './gizmo';
+export * from './control-gizmo';
+export * from './selector-gizmo';
+export * from './transform-gizmo';
+export * from './adsorption-gizmo';