@toolmain/components 1.2.10 → 1.2.11

package/dist/index.d.ts

@@ -0,0 +1,1740 @@
+import { Component } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { CSS2DObject } from 'three/addons';
+import type * as CSS_2 from 'csstype';
+import { DefineComponent } from 'vue';
+import { Dexie } from 'dexie';
+import { EntityTable } from 'dexie';
+import { EventBus as EventBus_2 } from '@toolmain/shared';
+import { GLTF } from 'three/addons';
+import type { MaybeRef } from 'vue';
+import { OrbitControls } from 'three/addons';
+import { PointerLockControls } from 'three/addons';
+import { Primitive } from 'type-fest';
+import { PublicProps } from 'vue';
+import { Reactive } from 'vue';
+import { Ref } from 'vue';
+import { RendererElement } from 'vue';
+import { RendererNode } from 'vue';
+import { RoundedBoxGeometry } from 'three/addons';
+import { ShallowRef } from 'vue';
+import { default as Stats_2 } from 'three/addons/libs/stats.module.js';
+import { StoreDefinition } from 'pinia';
+import * as THREE from 'three';
+import { TransformControlsMode } from 'three/addons';
+import { VNode } from 'vue';
+import { VNodeProps } from 'vue';
+
+declare const __VLS_component: DefineComponent<__VLS_Props, {
+update: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_2: DefineComponent<ScaleProps, ScaleInstance, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+moving: (pos: MoveParams) => any;
+scaling: (scaleEl: HTMLElement) => any;
+beforeMove: (pos: MoveParams) => any;
+afterMove: (pos: MoveParams) => any;
+afterScale: (scaleEl: HTMLElement) => any;
+maskClick: () => any;
+"update:modelValue": (data: ScaleConfig) => any;
+}, string, PublicProps, Readonly<ScaleProps> & Readonly<{
+onMoving?: ((pos: MoveParams) => any) | undefined;
+onScaling?: ((scaleEl: HTMLElement) => any) | undefined;
+onBeforeMove?: ((pos: MoveParams) => any) | undefined;
+onAfterMove?: ((pos: MoveParams) => any) | undefined;
+onAfterScale?: ((scaleEl: HTMLElement) => any) | undefined;
+onMaskClick?: (() => any) | undefined;
+"onUpdate:modelValue"?: ((data: ScaleConfig) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_3: DefineComponent<__VLS_Props_2, {
+world: World;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+loaded: (args_0: World) => any;
+targetClick: (args_0: TargetData) => any;
+}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
+onLoaded?: ((args_0: World) => any) | undefined;
+onTargetClick?: ((args_0: TargetData) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_4: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare const __VLS_component_5: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare type __VLS_Props = {
+    /**
+     * 选择top时,如果元素滚动到[底部]消失或即将消失，会回到原位置
+     *
+     * 选择bottom时则是滚动到[顶部]时触发
+     */
+    position?: "top" | "bottom";
+    target?: string;
+    offset?: number;
+};
+
+declare type __VLS_Props_2 = {
+    /**
+     * if true, will add a panel for debugging. press `m` to toggle the panel
+     */
+    debug?: boolean;
+    /**
+     * if you want to use draco decoder, must specify `dracoDecoderPath`
+     *
+     * 1. you can set the path with cdn url: `https://www.gstatic.com/draco/versioned/decoders/1.5.7/`
+     * 2. or copy the draco decoder files to your `/public/droc/gltf` directory, and set the value to `/droc/gltf`
+     */
+    dracoDecoderPath?: string;
+    /**
+     * config for rendering models
+     */
+    config: ThreePanelConf;
+};
+
+declare type __VLS_Props_3 = {
+    text: string;
+};
+
+declare type __VLS_Props_4 = {
+    modelValue?: boolean;
+    /**
+     * @description 如果为true，则在icon不可视时摧毁元素而不是隐藏透明度
+     */
+    destroyIcon?: boolean;
+};
+
+declare type __VLS_Props_5 = {
+    lib: ComponentLibrary;
+    provider: ComponentProvider;
+};
+
+declare type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+
+declare type __VLS_Slots_2 = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+
+declare type __VLS_Slots_3 = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+
+declare type __VLS_Slots_4 = {} & {
+    header?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_15) => any;
+} & {
+    footer?: (props: typeof __VLS_18) => any;
+};
+
+declare type __VLS_Slots_5 = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+
+declare type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithSlots_2<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithSlots_3<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithSlots_4<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithSlots_5<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithSlots_6<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+/**
+ * anger to rad
+ */
+export declare function a2r(angle: number): number;
+
+export declare const Affix: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+
+export declare type AnimateDir = "left" | "top" | "bottom" | "right" | "self" | "center" | {
+    x?: number;
+    y?: number;
+};
+
+declare type ArrMutKeys = "splice" | "push" | "pop" | "shift" | "unshift";
+
+/**
+ * 异步回调函数类型
+ */
+declare type AsyncCallBackFn = (...arg: any[]) => Promise<void>;
+
+/**
+ * 组件实例数据，包含元数据
+ */
+export declare type BaseComponent = {
+    /**
+     * 组件实例id
+     */
+    id: string;
+    /**
+     * 生成当前组件的组件库id
+     */
+    libraryId: string;
+    /**
+     * 元数据
+     */
+    raw: RawComponent;
+    node: VNode;
+    /**
+     * 组件属性
+     */
+    props: Record<string, unknown>;
+    /**
+     * 组件自带事件
+     */
+    events: Record<string, CallBackFn>;
+    /**
+     * 连接provider的hooks
+     */
+    /**
+     * 全局上下文
+     */
+    context: ComponentProvider;
+    /**
+     * 当前节点的父节点
+     */
+    parent?: BaseComponent;
+    /**
+     * 当前节点所在父节点的插槽名称
+     */
+    slotname?: string;
+    /**
+     * `slotname`下的子组件
+     */
+    children: BaseComponent[];
+};
+
+/**
+ * 只包含基础数据类型的BaseComponent
+ */
+export declare type BaseComponentSerialized = {
+    label: string;
+    props: Array<BaseConfigProps & {
+        propName: string;
+    }>;
+    libraryId: string;
+    slotname?: string;
+    children: BaseComponentSerialized[];
+};
+
+declare interface BaseConfigProps {
+    /**
+     * 当属性存在多种类型时，要选择最终的类型
+     */
+    finalType?: PropsType;
+    /**
+     * 该属性设置的值，最终生成的value用于赋值给组件
+     */
+    metaValue?: Primitive;
+    /**
+     * 属性值类型，默认为`Static`
+     */
+    valueType?: ValueType;
+    /**
+     * 当前属性为变量时的变量id
+     */
+    variableId?: string;
+    /**
+     * 隐藏属性，不可配置
+     */
+    hidden?: boolean;
+    /**
+     * 禁用属性，不可配置
+     */
+    disabled?: boolean;
+}
+
+declare interface BaseProps extends BaseConfigProps {
+    /**
+     * 默认预设值
+     */
+    default?: Primitive;
+    /**
+     * 允许空值
+     */
+    allowEmpty?: boolean;
+    /**
+     * 属性值描述
+     */
+    desc: string;
+    /**
+     * 属性值所在版本
+     */
+    version?: string;
+}
+
+export declare class Bot {
+    box: THREE.Box3;
+    size: THREE.Vector3;
+    animateDuration: number;
+    model?: GLTF;
+    animations: THREE.AnimationClip[];
+    mixer: THREE.AnimationMixer | undefined;
+    skeleton: THREE.SkeletonHelper | undefined;
+    /**
+     * preset actions lists,in clude weight,name,and Action instance
+     */
+    baseActions: BotAction[];
+    direction: THREE.Vector3;
+    move: {
+        forward: boolean;
+        backward: boolean;
+        left: boolean;
+        right: boolean;
+        speed: number;
+        jumpHeight: number;
+        canJump: boolean;
+        jumping: boolean;
+        status: string;
+        onFloor: boolean;
+    };
+    initPosition: THREE.Vector3;
+    readonly loader: Loader;
+    readonly core: Core;
+    readonly collider?: ReturnType<typeof useCollider>;
+    private currentAction?;
+    private uv;
+    private actionMap;
+    constructor(opts: BotOptions);
+    /**
+     * load bot
+     */
+    load(gltfPath: string, conf?: LoadOptions): Promise<GLTF | null>;
+    /**
+     * teleport bot to a new position
+     */
+    teleport(x: number, y: number, z: number): void;
+    update(delta: number): void;
+    once<K extends keyof BotEv>(event: K, callback: BotEv[K]): Bot;
+    on<K extends keyof BotEv>(event: K, callback: BotEv[K]): Bot;
+    emit<K extends keyof BotEv>(event: K, ...args: Parameters<BotEv[K]>): Bot;
+    run(): void;
+    walk(): void;
+    idle(): void;
+    dispose(): void;
+    private init;
+    private setWeight;
+    private _action;
+}
+
+export declare interface BotAction {
+    name: string;
+    action: THREE.AnimationAction;
+}
+
+export declare type BotActionMap = {
+    [key in BotActionName]: string;
+};
+
+export declare enum BotActionName {
+    IDLE = "idle",
+    RUN = "run",
+    WALK = "walk",
+    JUMP = "jump"
+}
+
+export declare interface BotEv {
+    BotPos: (e: THREE.Vector3) => void;
+    BotLoaded: (model: THREE.Group<THREE.Object3DEventMap>) => void;
+}
+
+export declare interface BotOptions {
+    core: Core;
+    initPosition?: THREE.Vector3;
+    jumpHeight?: number;
+    speed?: number;
+    actionMap?: BotActionMap;
+}
+
+/**
+ * 回调函数类型
+ */
+declare type CallBackFn = (...arg: any[]) => void;
+
+export declare type CameraConf = {
+    position: {
+        x: number;
+        y: number;
+        z: number;
+    };
+};
+
+declare interface ColorProps extends BaseProps {
+    type: PropsType.Color;
+}
+
+declare type CombArray<T> = T | T[];
+
+/**
+ * UI组件拥有的默认事件
+ */
+export declare type ComponentEvents = {
+    name: string;
+    desc: string;
+    /**
+     * 事件回调函数参数
+     *
+     * eg: ["value:string|number"]
+     */
+    args: string[];
+    returnType?: string;
+};
+
+export declare class ComponentGenerator {
+    #private;
+    constructor(provider: ComponentProvider);
+    generate(raw: RawComponent): BaseComponent | undefined;
+    /**
+     * 刷新current组件所有属性
+     */
+    refresh(newProps: Record<string, Props>, current: BaseComponent): void;
+    /**
+     * 刷新单个current组件属性
+     */
+    refreshProp(propName: string, newProp: Props, current: BaseComponent): void;
+    getPropsGenerator(): PropsGenerator;
+}
+
+export declare enum ComponentLabel {
+    /**
+     * 空label占位符
+     */
+    NULL = "NULL",
+    /**
+     * 占位组件名称，只用于填充组件默认插槽的元素的名称
+     */
+    PLACEHOLDER = "PLACEHOLDER",
+    /**
+     * 占位文本，一般用于默认插槽中添加纯文本
+     */
+    PLAIN = "PLAIN"
+}
+
+/**
+ * 组件库接口
+ */
+export declare interface ComponentLibrary {
+    /**
+     * 组件库唯一ID
+     */
+    getId: () => string;
+    /**
+     * 注册组件到当前组件库
+     */
+    registerComponent: (raw: RawComponent, node: VNode | Component) => void;
+    /**
+     * 获取元组件列表
+     */
+    getRawConfig: () => RawComponent[];
+    /**
+     * 获取元组件
+     */
+    getRaw: (label: string) => RawComponent | undefined;
+    /**
+     * 生成当前组件库设置的默认组件实例,该组件标识为一个容器，
+     * 用于在插槽中放置多个子组件,不会被渲染
+     */
+    getDefault: () => RawComponent;
+    /**
+     * 是否是组件库中的默认组件
+     */
+    isDefault(raw: RawComponent): boolean;
+    /**
+     * 是否是组件库中的占位组件
+     */
+    isPlaceHolder(raw: RawComponent): boolean;
+    /**
+     * 组件库是否拥有该组件
+     */
+    hasComponent(raw: RawComponent): boolean;
+    /**
+     * 获取组件库的原始组件
+     */
+    getRawNode(raw: RawComponent): VNode | Component | undefined;
+}
+
+/**
+ * 全局组件provider调度器
+ */
+export declare interface ComponentProvider extends EventBus<ProviderEv> {
+    /**
+     * 获取最后一次拖到画布的组件元数据，获取一次后清除
+     */
+    getCurrent: () => DeliverParam | undefined;
+    /**
+     * 向provider提供即将要生成的组件
+     */
+    setCurrent: (raw: DeliverParam) => void;
+    /**
+     * 添加组件库
+     */
+    addLibrary: (library: ComponentLibrary) => void;
+    /**
+     * 获取组件库
+     */
+    getLibrary: (libraryId: string) => ComponentLibrary | undefined;
+    /**
+     * 通过`RawComponent`获取所属组件库
+     */
+    getLibraryByRaw: (raw: RawComponent) => ComponentLibrary | undefined;
+    /**
+     * 通过`BaseComponent`获取所属组件库
+     */
+    getLibraryByComponent: (component: BaseComponent) => ComponentLibrary | undefined;
+    /**
+     * 获取所有组件库
+     */
+    getLibraries: () => ComponentLibrary[];
+    /**
+     * 获取节点树数据结构
+     */
+    getNodeTree: () => NodeTree;
+    /**
+     * 获取组件生成器
+     */
+    getComponentGenerator: () => ComponentGenerator;
+    /**
+     * 获取变量状态管理器
+     */
+    getVarState: () => ComponentVarState;
+}
+
+declare interface ComponentVarState {
+    dispose: () => void;
+    createVariable: (config: VariableStatic) => Variable;
+    delVariable: (varId: string) => Variable | undefined;
+    getVariable: (varId: string) => Variable | undefined;
+    listVariable: () => Variable[];
+    serialize: () => VariableSerialized[];
+    deserialize: (data: VariableSerialized[]) => Variable[];
+}
+
+export declare type ControlConf = {
+    target: {
+        x: number;
+        y: number;
+        z: number;
+    };
+};
+
+export declare const Copy: __VLS_WithSlots_5<typeof __VLS_component_5, __VLS_Slots_5>;
+
+export declare class Core {
+    #private;
+    scene: THREE.Scene;
+    camera: THREE.PerspectiveCamera;
+    renderer: THREE.WebGLRenderer;
+    db: Dexie & {
+        model: EntityTable<    {
+        id: string;
+        url: string;
+        data: Blob;
+        }, "id">;
+        config: EntityTable<    {
+        id: string;
+        url: string;
+        data: Record<string, unknown>;
+        }, "id">;
+    };
+    stats: Stats_2;
+    clock: THREE.Clock;
+    raycaster: THREE.Raycaster;
+    orbitCtrls: OrbitControls;
+    keyboard: {
+        ev: EventBus<{
+            [x: string]: any;
+        }>;
+        init: () => void;
+        dispose: () => void;
+    };
+    container: El;
+    loader: Loader;
+    world: World;
+    constructor();
+    init(el: HTMLElement): void;
+    once<K extends keyof ThreeEv>(event: K, callback: ThreeEv[K]): Core;
+    on<K extends keyof ThreeEv>(event: K, callback: ThreeEv[K]): Core;
+    emit<K extends keyof ThreeEv>(event: K, ...args: Parameters<ThreeEv[K]>): Core;
+    render(): void;
+    dispose(): void;
+}
+
+export declare interface CSS2DObjectOptions {
+    id: string;
+    el: HTMLElement;
+    target: CSS2DObject;
+    container: THREE.Mesh;
+}
+
+/**
+ * CSS Properties
+ */
+declare interface CSSProperties extends CSS_2.Properties<string | number>, CSS_2.PropertiesHyphen<string | number> {
+    [v: `--${string}`]: string | number | undefined;
+}
+
+export declare const db: Dexie & {
+    model: EntityTable<{
+        id: string;
+        url: string;
+        data: Blob;
+    }, "id">;
+    config: EntityTable<{
+        id: string;
+        url: string;
+        data: Record<string, unknown>;
+    }, "id">;
+};
+
+declare interface DebugPanel {
+    id: string;
+    label: string;
+    node: VNode | Component | string;
+}
+
+export declare type DeliverParam = {
+    instanceId?: string;
+    raw?: RawComponent;
+    /**
+     * 事件触发时鼠标的X坐标
+     */
+    clientX?: number;
+    /**
+     * 事件触发时鼠标的Y坐标
+     */
+    clientY?: number;
+};
+
+export declare const DialogPanel: __VLS_WithSlots_4<typeof __VLS_component_4, __VLS_Slots_4>;
+
+declare type Dir = "horizontal" | "vertical" | "any";
+
+declare interface DragAttr {
+    /**
+     * 元素x轴坐标
+     */
+    x: number;
+    /**
+     * 元素y轴坐标
+     */
+    y: number;
+    /**
+     * 指针x坐标
+     */
+    clientX: number;
+    /**
+     * 指针y坐标
+     */
+    clientY: number;
+    width: number | InitType;
+    height: number | InitType;
+}
+
+/**
+ * 拖拽时transform计算的坐标
+ */
+export declare interface DragOffset {
+    /**
+     * pointer按下时的X坐标
+     */
+    prevClientX: number;
+    /**
+     * pointer按下时的Y坐标
+     */
+    prevClientY: number;
+    /**
+     * 上次移动之后的translateX
+     */
+    prevTranslateX: number;
+    /**
+     * 上次移动之后的translateY
+     */
+    prevTranslateY: number;
+    /**
+     * 正在移动时的translateX
+     */
+    translateX: number;
+    /**
+     * 正在移动时的translateY
+     */
+    translateY: number;
+    scale: FixedArray<number, 2>;
+}
+
+export declare class El {
+    el: HTMLElement;
+    constructor(element?: HTMLElement | null);
+    setEl(el: HTMLElement): void;
+    getEl(): HTMLElement;
+    size(): ElRect;
+}
+
+export declare interface ElRect {
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+    x: number;
+    y: number;
+}
+
+declare interface EnumProps extends BaseProps {
+    type: PropsType.Enum;
+    enums: Array<string | number | boolean>;
+}
+
+export declare const EpComponentFlag = "EpComponent";
+
+export declare class EpComponentParser implements ExtendPropsParser {
+    extendType(): string;
+    parse(props: Props): PropsValue;
+}
+
+export declare class EpLibrary implements ComponentLibrary {
+    #private;
+    constructor();
+    getId(): string;
+    registerComponent(raw: RawComponent, node: VNode | Component): void;
+    getRawConfig(): RawComponent[];
+    getRaw(label: string): RawComponent | undefined;
+    getDefault(): RawComponent;
+    hasComponent(raw: RawComponent): boolean;
+    getRawNode(raw: RawComponent): VNode | Component | undefined;
+    isDefault(raw: RawComponent): boolean;
+    isPlaceHolder(raw: RawComponent): boolean;
+}
+
+export declare const EpLibraryUI: DefineComponent<__VLS_Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_5> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * @description changed origin: https://github.com/browserify/events
+ */
+declare interface EventBus<T extends Record<string, any>> {
+    setMaxListeners(n: number): void;
+    addListener<K extends keyof T>(type: K, listener: T[K]): void;
+    removeAllListeners<K extends keyof T>(type?: K): void;
+    removeListener<K extends keyof T>(type: K, listener: T[K]): void;
+    prependListener<K extends keyof T>(type: K, listener: T[K]): void;
+    emit<K extends keyof T>(type: K, ...args: Parameters<T[K]>): void;
+    /**
+     * addListener
+     */
+    on<K extends keyof T>(type: K, listener: T[K]): void;
+    /**
+     * removeListener
+     */
+    off<K extends keyof T>(type: K, listener: T[K]): void;
+    once<K extends keyof T>(type: K, listener: T[K]): void;
+}
+
+declare type EventBusCallback = (...args: any[]) => any;
+
+declare interface ExtendProps extends BaseProps {
+    type: PropsType.Extend;
+    extendType: string;
+}
+
+declare interface ExtendPropsParser {
+    parse(value: Props): PropsValue;
+    extendType(): string;
+}
+
+export declare function fetchRemote(url: string, onProgress?: (progress: LoadProgressData) => void): Promise<{
+    code: number;
+    msg: string;
+    data?: Blob;
+}>;
+
+/**
+ * 定长数组类型
+ */
+declare type FixedArray<T, L extends number> = Pick<T[], Exclude<keyof T[], ArrMutKeys>> & {
+    readonly length: L;
+};
+
+declare interface FunctionProps extends BaseProps {
+    type: PropsType.Function;
+    /**
+     * 实际的参数字符串会被传送到`Function`的参数中
+     */
+    args: string[];
+    returnType: string;
+}
+
+/**
+ * HTML 默认文本组件库
+ */
+export declare class GeneralLibrary implements ComponentLibrary {
+    #private;
+    constructor();
+    getId(): string;
+    registerComponent(raw: RawComponent, node: VNode | Component): void;
+    getRawConfig(): RawComponent[];
+    getRaw(label: string): RawComponent | undefined;
+    getDefault(): RawComponent;
+    hasComponent(raw: RawComponent): boolean;
+    getRawNode(raw: RawComponent): VNode | Component | undefined;
+    isDefault(raw: RawComponent): boolean;
+    isPlaceHolder(raw: RawComponent): boolean;
+}
+
+export declare function getModel(url: string, onProgress?: (progress: LoadProgressData) => void): Promise<{
+    code: number;
+    msg: string;
+    data?: Blob;
+}>;
+
+export declare function gradientColor(startColorHex: string, endColorHex: string, step: number): Array<string>;
+
+export declare enum HandleEv {
+    AFTER_SHOW = "after_show",
+    AFTER_HIDE = "after_hide",
+    AFTER_STICK = "after_stick"
+}
+
+/**
+ * translate hex color to rgb color array
+ */
+export declare function hex2rgb(sColor: string): Array<number>;
+
+export declare const htmlTextConfig: (label: string, libraryId: string) => RawComponent;
+
+export declare const htmlTextLabel: string[];
+
+declare interface IconProps extends BaseProps {
+    type: PropsType.Icon;
+}
+
+declare type InitType = "auto" | "inherit" | "initial" | "unset";
+
+declare interface JSONProps extends BaseProps {
+    type: PropsType.JSON;
+}
+
+export declare enum KeyCode {
+    init = "KEYBOARD:INIT",
+    keydown = "KEYBOARD:KEYDOWN",
+    keyup = "KEYBOARD:KEYUP",
+    keyStatus = "KEYBOARD:KEYSTATUS",
+    KeyWA = "KeyWA",
+    KeyWD = "KeyWD",
+    KeyAS = "KeyAS",
+    KeySD = "KeySD",
+    ShiftLeft = "ShiftLeft",
+    Space = "Space",
+    KeyW = "KeyW",
+    KeyA = "KeyA",
+    KeyS = "KeyS",
+    KeyD = "KeyD",
+    ArrowLeft = "ArrowLeft",
+    ArrowRight = "ArrowRight",
+    ArrowUp = "ArrowUp",
+    ArrowDown = "ArrowDown"
+}
+
+export declare interface LightMeta {
+    /**
+     * unique id is required
+     */
+    id: string;
+    type: LightType | string;
+    color: string | THREE.Color;
+    groundColor?: string | THREE.Color;
+    /**
+     * light helper will be created, this field control it's visibility
+     */
+    helper?: boolean;
+    helperColor?: string;
+    helperSize?: number;
+    visible?: boolean;
+    position?: {
+        x: number;
+        y: number;
+        z: number;
+    };
+    rotate?: {
+        x: number;
+        y: number;
+        z: number;
+    };
+    name?: string;
+    intensity?: number;
+    distance?: number;
+    angle?: number;
+    castShadow?: boolean;
+    penumbra?: number;
+    decay?: number;
+    /**
+     * if need TransformControls
+     */
+    debugger?: boolean;
+    /**
+     * debugger mode
+     */
+    mode?: TransformControlsMode;
+    [x: string]: any;
+}
+
+export declare class Lights {
+    #private;
+    ev: EventBus<any>;
+    constructor(core: Core);
+    update(meta: LightMeta): void;
+    add(meta: LightMeta): void;
+    clear(id: string): void;
+    dispose(): void;
+}
+
+export declare enum LightsEvent {
+    ObjectChange = "objectChange",
+    ObjectAdd = "objectAdd",
+    ObjectRemove = "objectRemove"
+}
+
+export declare enum LightType {
+    PointLight = "PointLight",
+    DirectionalLight = "DirectionalLight",
+    SpotLight = "SpotLight",
+    AmbientLight = "AmbientLight",
+    HemisphereLight = "HemisphereLight"
+}
+
+export declare class Loader {
+    #private;
+    private manager;
+    data: Record<string, LoadParam>;
+    private uv;
+    constructor(config?: LoaderConfig);
+    private init;
+    on<K extends keyof LoaderEvent>(event: K, callback: LoaderEvent[K]): Loader;
+    emit<K extends keyof LoaderEvent>(event: K, ...args: Parameters<LoaderEvent[K]>): Loader;
+    onProgress(url: string, loaded: number, total: number): void;
+    onStart(url: string, loaded: number, total: number): void;
+    onLoaded(): void;
+    onError(url: string): void;
+    load<T>(path: string, conf?: LoadOptions): Promise<T | null>;
+    loadGLTF(path: string, conf?: LoadOptions): Promise<GLTF | null>;
+    loadFBX(path: string, conf?: LoadOptions): Promise<THREE.Group<THREE.Object3DEventMap> | null>;
+    dispose(): void;
+}
+
+export declare type LoaderConfig = {
+    dracoLoaderPath?: string;
+};
+
+export declare type LoaderEvent = Pick<ThreeEv, "LoadError" | "LoadProgress" | "LoadStart" | "Loaded" | "Log" | "Custom">;
+
+export declare interface LoadOptions {
+    /**
+     * mark the loading progress bar is independent
+     */
+    independent?: boolean;
+}
+
+export declare type LoadParam = LoadProgressData & LoadOptions;
+
+export declare interface LoadProgressData {
+    url: string;
+    /**
+     * loaded resources' number
+     */
+    loaded: number;
+    /**
+     * total resources' number
+     */
+    total: number;
+    describe?: string;
+}
+
+declare type MixedProps = BaseProps & Partial<Omit<PrimitiveProps, "type">> & Partial<Omit<ColorProps, "type">> & Partial<Omit<JSONProps, "type">> & Partial<Omit<TimeProps, "type">> & Partial<Omit<EnumProps, "type">> & Partial<Omit<FunctionProps, "type">> & Partial<Omit<VueProps, "type">> & Partial<Omit<ExtendProps, "type">> & Partial<Omit<IconProps, "type">> & {
+    type: Array<PropsType>;
+};
+
+export declare interface MoveHook {
+    x?: (oldVal: number, newVal: number, width: number, height: number) => number;
+    y?: (oldVal: number, newVal: number, width: number, height: number) => number;
+    scale?: (oldVal: FixedArray<number, 2>, newVal: FixedArray<number, 2>) => [FixedArray<number, 2>, FixedArray<number, 2>];
+}
+
+declare interface MoveOptions {
+    /**
+     * 移动方向
+     */
+    direction?: Dir;
+}
+
+export declare type MoveParams = DragAttr & {
+    translateX: number;
+    translateY: number;
+};
+
+declare class NodeTree {
+    #private;
+    constructor();
+    /**
+     * @description 根据实例id搜索节点
+     */
+    findByInstanceId(instanceId: string): BaseComponent | undefined;
+    findParent(instanceId: string, provider: ComponentProvider): BaseComponent | undefined;
+    findChild(instanceId: string, provider: ComponentProvider): BaseComponent | undefined;
+    findSibling(instanceId: string, prev: boolean, provider: ComponentProvider): BaseComponent | undefined;
+    /**
+     * @description 删除`childId`子节点，如果`parentId`不存在，则删除根节点
+     * 如果已经删除了节点，则只删除对应的map映射
+     */
+    removeChild(childId: string): BaseComponent | undefined;
+    appendNode(target: BaseComponent, provider: ComponentProvider, index: number, append: boolean, parentId?: string, slotname?: string): BaseComponent | undefined;
+    pushRaw(source: RawComponent, provider: ComponentProvider, index: number, append: boolean, parentId?: string, slotname?: string): BaseComponent | undefined;
+    moveTo(srcId: string, provider: ComponentProvider, index: number, append: boolean, parentId?: string, slotname?: string): BaseComponent | undefined;
+    /**
+     * @description 清空`target`的`slotname`插槽
+     */
+    clearSlot(target: BaseComponent, slotname: string, provider: ComponentProvider): BaseComponent | undefined;
+    /**
+     * @description 创建`target`的`slotname`插槽
+     */
+    createSlot(target: BaseComponent, slotname: string, provider: ComponentProvider): BaseComponent | undefined;
+    /**
+     * 设置根节点
+     */
+    setNodes(root: BaseComponent[]): void;
+    /**
+     * @description 获取节点树中的所有节点
+     */
+    getNodes(): BaseComponent[];
+    getNodesLength(): number;
+    clearNodes(): void;
+    /**
+     * @description 静态节点树恢复成组件树
+     */
+    deserialize(provider: ComponentProvider, root: BaseComponentSerialized[], parent?: BaseComponent): BaseComponent[];
+    /**
+     * @description 获取节点树静态数据
+     */
+    serialize(parent: BaseComponent[]): BaseComponentSerialized[];
+}
+
+export declare const ParentView: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const placeholderNode: () => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}>;
+
+/**
+ * 仅用于占位的元素
+ */
+export declare const placeholderRaw: () => RawComponent;
+
+/**
+ * 基础数据类型的单个或者数组结构类型
+ */
+declare interface PrimitiveProps extends BaseProps {
+    type: CombArray<PropsType.Number | PropsType.String | PropsType.Boolean | PropsType.Undefined | PropsType.Null | PropsType.Symbol | PropsType.BigInt>;
+}
+
+declare type Props = PrimitiveProps | ColorProps | JSONProps | TimeProps | EnumProps | FunctionProps | VueProps | ExtendProps | IconProps | MixedProps;
+
+declare interface PropsGenerator {
+    addParser(parser: PropsParser): this;
+    addExtendParser(extendParser: ExtendPropsParser): this;
+    getParsers(): PropsParser[];
+    getExtendParsers(): ExtendPropsParser[];
+    parse(props: Props): PropsValue | undefined;
+}
+
+export declare class PropsGeneratorImpl implements PropsGenerator {
+    #private;
+    constructor();
+    addParser(parser: PropsParser): this;
+    addExtendParser(extendParser: ExtendPropsParser): this;
+    getParsers(): PropsParser[];
+    getExtendParsers(): ExtendPropsParser[];
+    parse(props: Props): PropsValue | undefined;
+}
+
+declare interface PropsParser {
+    parse(value: Props): PropsValue;
+    propsType(): PropsType;
+}
+
+declare enum PropsType {
+    Number = "Number",
+    String = "String",
+    Boolean = "Boolean",
+    Undefined = "Undefined",
+    Null = "Null",
+    Symbol = "Symbol",
+    BigInt = "BigInt",
+    Time = "Time",
+    Color = "Color",
+    JSON = "JSON",
+    Enum = "Enum",
+    Function = "Function",
+    Icon = "Icon",
+    /**
+     * 表示为vue内置组件
+     */
+    Vue = "Vue",
+    /**
+     * 拓展类型拥有独立的解析器
+     */
+    Extend = "Extend"
+}
+
+declare type PropsValue = Props & {
+    value: unknown;
+};
+
+export declare class Provider implements ComponentProvider {
+    #private;
+    constructor();
+    getNodeTree(): NodeTree;
+    getCurrent(): DeliverParam | undefined;
+    setCurrent(component: DeliverParam): void;
+    addLibrary(library: ComponentLibrary): void;
+    getLibrary(libraryId: string): ComponentLibrary | undefined;
+    getLibraryByRaw(raw: RawComponent): ComponentLibrary | undefined;
+    getLibraryByComponent(component: BaseComponent): ComponentLibrary | undefined;
+    getLibraries(): ComponentLibrary[];
+    getComponentGenerator(): ComponentGenerator;
+    getVarState(): ComponentVarState;
+    setMaxListeners(n: number): void;
+    addListener(type: string, listener: EventBusCallback): void;
+    removeAllListeners(type?: string): void;
+    removeListener(type: string, listener: EventBusCallback): void;
+    prependListener(type: string, listener: EventBusCallback): void;
+    emit(type: string, ...args: any[]): void;
+    on(type: string, listener: EventBusCallback): void;
+    off(type: string, listener: EventBusCallback): void;
+    once(type: string, listener: EventBusCallback): void;
+}
+
+/**
+ * 全局provider事件分发和订阅器
+ */
+export declare interface ProviderEv {
+    /**
+     * 组件未被点击，只是hover
+     */
+    InstanceHover: (data?: DeliverParam) => void;
+    /**
+     * 右键画布中的组件时触发
+     */
+    InstanceContextmenu: (data?: DeliverParam) => void;
+    /**
+     * 组件点击事件,向Provider传递元信息
+     */
+    InstanceClick: (data: DeliverParam) => void;
+    /**
+     * 当source组件实例开始拖动时
+     */
+    InstanceDragstart: (src: DeliverParam) => void;
+    InstanceDragend: (src: DeliverParam) => void;
+    /**
+     * `实例组件/元组件`拖动到`实例组件/根组件`时触发
+     *
+     * 1. 元数据  拖向实例组件: src.raw && dst.instanceId
+     * 2. 元数据  拖向根组件: src.raw
+     * 3. 实例组件拖向实例组件: src.instanceId && dst.instanceId
+     * 4. 实例组件拖向根组件: src.instanceId
+     */
+    InstanceDrop: (data: {
+        src?: DeliverParam;
+        dst?: DeliverParam;
+    }) => void;
+    InstanceDragenter: (data: DeliverParam) => void;
+    InstanceDragleave: (data: DeliverParam) => void;
+    InstanceDragover: (data: DeliverParam) => void;
+    /**
+     * 组件内部自有事件被触发
+     */
+    DefaultEventsTrigger: (data: {
+        eventName: string;
+        instanceId: string;
+        data: unknown;
+    }) => void;
+    /**
+     * 组件库面板中双击元组件时触发
+     */
+    RawDbClick: (raw: DeliverParam) => void;
+    /**
+     * 通知provider组件数据结构已更新
+     */
+    NeedUpdate: () => void;
+    /**
+     * 通知provider单个组件属性已更新
+     */
+    NeedUpdateProps: (instanceId: string, key: string, prop: Props) => void;
+}
+
+/**
+ * rad to anger
+ */
+export declare function r2a(radian: number): number;
+
+/**
+ * 组件元数据
+ */
+export declare type RawComponent = {
+    /**
+     * 组件名
+     */
+    label: string | ComponentLabel;
+    /**
+     * 组件描述
+     */
+    desc: string;
+    /**
+     * 属性元数据
+     */
+    props: Record<string, Props>;
+    slots?: Record<string, RawComponent>;
+    /**
+     * UI组件默认事件
+     */
+    events?: Record<string, ComponentEvents>;
+    version?: string;
+};
+
+/**
+ * 远程资源,贴图,视频等
+ */
+export declare interface RemoteSrc {
+    /**
+     * resource type
+     *
+     *  1:image 2:video 3:link 4:color 5:api
+     */
+    sourceType: number;
+    objectName: string;
+    /**
+     * color will be used as texture
+     */
+    color?: string;
+    /**
+     * image/video address
+     */
+    fileUrl?: string;
+    /**
+     * other resource except image/video
+     */
+    content?: string;
+}
+
+export declare const Renderer: DefineComponent<    {
+data: BaseComponent[];
+parentId: string;
+provider: ComponentProvider;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+data: BaseComponent[];
+parentId: string;
+provider: ComponentProvider;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare type RendererConf = {
+    clearColor: string;
+};
+
+/**
+ * tranlate rgb color to hex string
+ */
+export declare function rgb2Hex(rgb: string): string;
+
+export declare interface ScaleConfig {
+    /**
+     * 组件可改变尺寸
+     */
+    scalable?: boolean;
+    /**
+     * 组件可移动
+     */
+    movable?: boolean;
+    /**
+     * 变成正常元素
+     */
+    normal?: boolean;
+    /**
+     * 拖动后自动靠边
+     */
+    autoStick?: boolean | AnimateDir;
+    /**
+     * 是否显示
+     */
+    visible?: boolean;
+    /**
+     * 初始移动位置 `translateX`
+     */
+    x?: number;
+    /**
+     * 初始移动位置 `translateY`
+     */
+    y?: number;
+    /**
+     * 是否拥有头部
+     */
+    header?: boolean;
+    /**
+     * 当组件`position`不为`fixed`时
+     * 是否相对于window定位,否则相对于父元素定位
+     *
+     * @default false
+     */
+    attachWindow?: boolean;
+    /**
+     * 移动功能的配置项
+     */
+    moveConfig?: MoveOptions;
+    /**
+     * 外壳样式
+     */
+    containerStyle?: CSSProperties;
+    /**
+     * 内容样式，初始宽高应该在这里设置
+     */
+    contentStyle?: CSSProperties;
+    /**
+     * 头部样式
+     */
+    headerStyle?: CSSProperties;
+    /**
+     * 是否显示遮罩层
+     */
+    mask?: boolean;
+    /**
+     * 遮罩层样式
+     */
+    maskStyle?: CSSProperties;
+}
+
+export declare enum ScaleEv {
+    SCALING = "scaling",
+    AFTER_SCALE = "after_scale"
+}
+
+export declare interface ScaleExtraConfNode {
+    label: string;
+    node: VNode | Component | string;
+}
+
+export declare interface ScaleInstance {
+    /**
+     * 智能移动到屏幕边界
+     * @param animate - 是否有动画效果 default: true
+     */
+    autoStick: (animate: boolean) => Promise<void>;
+    /**
+     * 自动隐藏
+     * @param animate - 是否有动画效果 default: true
+     */
+    autoHide: (animate: boolean) => Promise<void>;
+    /**
+     * 移动到屏幕边界
+     * @param animate - 是否有动画效果 default: true
+     */
+    stickTo: (dir: AnimateDir, animate: boolean) => Promise<void>;
+    /**
+     * 移动到屏幕 `dir`位置并隐藏
+     * @param animate - 是否有动画效果 default: true
+     */
+    hideTo: (dir: AnimateDir, animate: boolean) => Promise<void>;
+    /**
+     * 显示组件
+     */
+    show: (animate: boolean, dir?: AnimateDir) => Promise<void>;
+    /**
+     * 当组件`position:fixed`或者`attachWindow:true`时坐标相对于屏幕左上角;否则相对于父元素
+     */
+    moveTo: (animate: boolean, dir: AnimateDir, hooks?: MoveHook) => Promise<void>;
+    /**
+     * 获取当前状态
+     */
+    getStatus: () => Status | undefined;
+}
+
+export declare const ScalePanel: __VLS_WithSlots_2<typeof __VLS_component_2, __VLS_Slots_2>;
+
+export declare interface ScaleProps {
+    modelValue: ScaleConfig;
+    /**
+     * 按下目标元素并拖动组件，默认按下头部拖动。
+     */
+    dragTarget?: MaybeRef<HTMLElement | null | undefined>;
+}
+
+export declare class Scene {
+    model?: GLTF;
+    remoteResources: Record<string, RemoteSrc>;
+    bvh?: THREE.Mesh;
+    remoteTarget: Record<string, TargetSrc>;
+    /**
+     * when true,emit the `RendererClick` event
+     */
+    clickNotify: boolean;
+    private blobUrls;
+    readonly loader: Loader;
+    private core;
+    constructor(core: Core, loaderConfig?: LoaderConfig);
+    private createVideo;
+    /**
+     * set texture
+     */
+    setRemoteTexture(src: RemoteSrc): void;
+    /**
+     * set a anchor of an object, when click the object,the corresponding event will be triggered
+     */
+    setRemoteTarget(src: TargetSrc[] | TargetSrc): void;
+    load(gltfPath: string, conf?: LoadOptions): Promise<GLTF | undefined>;
+    setClickNotify(val?: boolean): void;
+    dispose(): void;
+    private disposeModel;
+    private clearBlob;
+    private init;
+    /**
+     * emit click event for debug
+     */
+    private onEmitClick;
+    private onTargetClick;
+    private initSceneInteraction;
+}
+
+export declare const Shell: __VLS_WithSlots_6<DefineComponent<    {
+component: Component | VNode | string;
+instanceId: string;
+provider?: ComponentProvider;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+component: Component | VNode | string;
+instanceId: string;
+provider?: ComponentProvider;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    [x: string]: ((props: {
+        [x: string]: unknown;
+    }) => any) | undefined;
+    [x: number]: ((props: {
+        [x: string]: unknown;
+    }) => any) | undefined;
+}>;
+
+export declare const Spinner: DefineComponent<__VLS_Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_Props_4> & Readonly<{
+"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare enum Status {
+    NORMAL = "NORMAL",
+    HIDDEN = "HIDDEN"
+}
+
+export declare type TargetData = {
+    type: "TargetSrc";
+    data: TargetSrc;
+} | {
+    type: "RemoteSrc";
+    data: RemoteSrc;
+} | {
+    type: "Object";
+    data: THREE.Object3D<THREE.Object3DEventMap>;
+};
+
+export declare interface TargetSrc {
+    objectName: string;
+    data: Record<string, any>;
+}
+
+export declare interface ThreeEv {
+    /**
+     * OrbitControl trigger `change` event
+     */
+    OrbitChanged: (e: THREE.Event<"change", OrbitControls>) => void;
+    /**
+     * PointerLockControls trigger `lock` event
+     */
+    PointerLock: (e: THREE.Event<"lock", PointerLockControls>) => void;
+    /**
+     * PointerLockControls trigger `unlock` event
+     */
+    PointerUnlock: (e: THREE.Event<"unlock", PointerLockControls>) => void;
+    /**
+     * triggered before each render loop
+     */
+    Render: (delta: number) => void;
+    RendererClick: (mouse: THREE.Vector2, intersects: THREE.Intersection<THREE.Object3D<THREE.Object3DEventMap>>[]) => void;
+    /**
+     * triggered when window resize
+     */
+    Resize: () => void;
+    /**
+     * scene and renderer resources will be disposed
+     */
+    Dispose: () => void;
+    /**
+     * global resource loading progress
+     */
+    LoadStart: (e: LoadParam) => void;
+    /**
+     * global resource loading progress
+     */
+    LoadProgress: (e: LoadParam) => void;
+    /**
+     * global resource loading progress
+     */
+    Loaded: () => void;
+    /**
+     * global resource loading progress
+     */
+    LoadError: (url: string) => void;
+    /**
+     * log event
+     */
+    Log: (msg: {
+        code: number;
+        msg: string;
+        data?: {
+            type?: string;
+            data?: unknown;
+        };
+    }) => void;
+    /**
+     * camera params update
+     */
+    CameraUpdate: (e: {
+        position: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        fov?: number;
+        aspect?: number;
+        near?: number;
+        far?: number;
+    }) => void;
+    /**
+     * custom event for eventbus
+     */
+    Custom: (e: {
+        type: string;
+        data?: unknown;
+    }) => void;
+    /**
+     * when click the specified object
+     */
+    TargetClick: (e: TargetData) => void;
+    /**
+     * 场景加载完毕
+     */
+    SceneLoaded: () => void;
+}
+
+export declare const ThreePanel: __VLS_WithSlots_3<typeof __VLS_component_3, __VLS_Slots_3>;
+
+export declare type ThreePanelConf = {
+    url?: string;
+    control: ControlConf;
+    camera: CameraConf;
+    renderer: RendererConf;
+    lights: Array<LightMeta>;
+};
+
+declare interface TimeProps extends BaseProps {
+    type: PropsType.Time;
+    format?: string;
+}
+
+export declare function useCollider(bot: Bot): {
+    teleport: (x: number, y: number, z: number) => void;
+    getPlayer: () => THREE.Mesh<RoundedBoxGeometry, THREE.MeshStandardMaterial, THREE.Object3DEventMap>;
+    update: (delta: number) => void;
+    init: () => void;
+    jump: () => void;
+    reset: () => void;
+    getCapsule: () => {
+        radius: number;
+        segment: THREE.Line3;
+    };
+    getTempBoxHelper: () => THREE.Box3Helper;
+    getGravity: () => number;
+    setGravity: (value: number) => void;
+    setCapsule: (raduis: number, start: THREE.Vector3Like, end: THREE.Vector3Like) => void;
+};
+
+export declare const useCSS2DRenderer: () => {
+    init: (globalWorld: World) => void;
+    createCube: () => THREE.Mesh<THREE.BoxGeometry, THREE.MeshBasicMaterial, THREE.Object3DEventMap>;
+    add: (id: string, el: HTMLElement, callback?: (delta: number, el: HTMLElement, target: CSS2DObject, container: THREE.Mesh) => void) => void;
+    remove: (id: string) => void;
+    dispose: () => void;
+};
+
+/**
+ * 动态增加debugger 面板
+ */
+export declare const useDebugger: StoreDefinition<"use-debugger", Pick<{
+panels: Reactive<DebugPanel[]>;
+addPanel: (conf: DebugPanel) => void;
+}, "panels">, Pick<{
+panels: Reactive<DebugPanel[]>;
+addPanel: (conf: DebugPanel) => void;
+}, never>, Pick<{
+panels: Reactive<DebugPanel[]>;
+addPanel: (conf: DebugPanel) => void;
+}, "addPanel">>;
+
+export declare const useElement: <T extends Record<string, unknown> & VNodeProps>(node?: VNode) => {
+    el: ShallowRef<HTMLElement, HTMLElement>;
+    update: (node: VNode, prop?: T) => void;
+    updateProps: (prop: T) => void;
+};
+
+export declare const useHandle: (data: {
+    config: Ref<ScaleConfig>;
+    targetEle: Readonly<ShallowRef<HTMLElement | null>>;
+    dragOffset: Reactive<DragOffset>;
+    parent?: HTMLElement;
+}) => {
+    getTarget: () => HTMLElement | null;
+    setStatus: (s: Status) => void;
+    getStatus: () => Status;
+    show: (animate?: boolean, dir?: AnimateDir) => Promise<void>;
+    autoHide: (animate?: boolean) => Promise<void>;
+    autoStick: (animate?: boolean) => Promise<void>;
+    stickTo: (dir: AnimateDir, animate?: boolean) => Promise<void>;
+    hideTo: (dir: AnimateDir, animate?: boolean) => Promise<void>;
+    moveTo: (animate: boolean | undefined, dir: AnimateDir, hooks?: MoveHook) => Promise<void>;
+    dispose: () => void;
+    registerBeforeHideHook: (hook: AsyncCallBackFn) => void;
+    registerBeforeStickHook: (hook: AsyncCallBackFn) => void;
+    on: (e: HandleEv, cb: CallBackFn) => void;
+    setTargetParent: (targetParent: HTMLElement | null | undefined) => void;
+    getTargetParent: () => HTMLElement;
+};
+
+export declare function useKeyboard(): {
+    ev: EventBus_2<    {
+    [x: string]: any;
+    }>;
+    init: () => void;
+    dispose: () => void;
+};
+
+export declare const useScale: (data: {
+    config: Ref<ScaleConfig>;
+    targetEle: Readonly<Ref<HTMLElement | null | undefined>>;
+}) => {
+    pointer: string[];
+    getTarget: () => HTMLElement | null | undefined;
+    onMouseDown: (e: MouseEvent, direction: string) => void;
+    on: (e: ScaleEv, cb: CallBackFn) => void;
+    dispose: () => void;
+};
+
+export declare const useVarState: () => ComponentVarState;
+
+declare enum ValueType {
+    /**
+     * 属性值为静态值
+     */
+    Static = "Static",
+    /**
+     * 属性值绑定为一个变量
+     */
+    Variable = "Variable",
+    /**
+     * 属性值从远程获取
+     */
+    Remote = "Remote"
+}
+
+declare interface Variable {
+    /**
+     * 唯一ID
+     */
+    id: string;
+    /**
+     * 变量名字
+     */
+    name: string;
+    /**
+     * 变量描述
+     */
+    desc: string;
+    /**
+     * 变量类型
+     */
+    type: VarsType;
+    /**
+     * 变量响应式类型
+     */
+    reactiveType: string;
+    value: Ref<unknown> | Reactive<Array<unknown> | Record<string, unknown>>;
+}
+
+declare type VariableSerialized = Omit<Variable, "value"> & {
+    value: any;
+};
+
+declare type VariableStatic = Omit<Variable, "id" | "value" | "type"> & Partial<Pick<Variable, "id">> & {
+    value?: any;
+};
+
+export declare class VarState implements ComponentVarState {
+    #private;
+    dispose(): void;
+    createVariable(config: VariableStatic): Variable;
+    delVariable(varId: string): Variable | undefined;
+    getVariable(varId: string): Variable | undefined;
+    listVariable(): Variable[];
+    serialize(): VariableSerialized[];
+    deserialize(data: VariableSerialized[]): Variable[];
+}
+
+declare enum VarsType {
+    Primitive = "Primitive",
+    Object = "Object",
+    Array = "Array"
+}
+
+declare interface VueProps extends BaseProps {
+    type: PropsType.Vue;
+}
+
+export declare interface World {
+    core: Core;
+    bot: Bot | null;
+    scene: Scene | null;
+    lights: Lights | null;
+}
+
+export { }