组件对象

declare module LWG {
/**
 * 编辑器类型
 */
export enum TransformType {
    BoxTransform = 0,
    LineTransform = 1,
    PolylineTransform = 2,
    PolygonTransform = 3,
    PathTransform = 4
}
/**
 * 页面模式
 */
export enum PageMode {
    AdaptiveCenter = 0,
    AdaptiveScale = 1,
    FixedCenter = 2,
    AdaptiveCenterScroll = 3,
    AdaptiveScaleScroll = 4,
    FixedScroll = 5
}
/**
 * 组件接口
 */
export interface IComponent {
    get componentType(): string;
    get isComponent(): boolean;
    get isSubComponent(): boolean;
    get isGroupComponent(): boolean;
    get isContainerComponent(): boolean;
    get isScrollContainerComponent(): boolean;
    get isParentContainerComponent(): boolean;
    get isParentFlexComponent(): boolean;
    get isPageComponent(): boolean;
    get isSubPageComponent(): boolean;
    get isModelComponent(): boolean;
    get isTooltipComponent(): boolean;
    get isInnerComponent(): boolean;
    get componentRBushNode(): RBushNode;
    get dataProperty(): IDataProperty;
    set dataProperty(data: IDataProperty);
    get contentProperty(): IPageViewModel;
    set contentProperty(data: IPageViewModel);
    get lockEdit(): boolean;
    set lockEdit(value: boolean);
    getEngine(): Engine;
    setEngine(engine: Engine): any;
    registerDataProperty(value: DataProperty): any;
    unRegisterDataProperty(): any;
    bindDataProperty(): any;
    cloneComponent(): DisplayObject;
    onComponentInserted(e: any): any;
    onComponentRemoved(e: any): any;
    onComponentMounted(e: any): any;
    onComponentUnMounted(e: any): any;
    onComponentDestroyed(e: any): any;
    onComponentBoundsChanged(e: any): any;
    onContentPropertyChanged(data: any): any;
}
/**
 * 编辑接口
 */
export interface ITransform {
    get transformType(): TransformType;
}
/**
 * 序列化接口
 */
export interface IArchive {
    writeArchive(json: any): this;
    readArchive(json: any): this;
}
/**
 * 坐标系接口
 */
export interface IUniform {
    /**
     *  统一本地坐标
     */
    get localPosition(): vec3;
    set localPosition(value: vec3 | [number, number]);
    get localPositionX(): number;
    set localPositionX(value: number);
    get localPositionY(): number;
    set localPositionY(value: number);
    /**
     *  统一本地欧拉角
     */
    get localRotate(): number;
    set localRotate(value: number);
    /**
     *  统一本地缩放
     */
    get localScale(): vec3;
    set localScale(value: vec3 | [number, number]);
    /**
     *  统一本地倾斜
     */
    get localSkew(): vec2;
    set localSkew(value: vec2 | [number, number]);
    /**
     *  统一中心
     */
    get localOrigin(): [number, number];
    set localOrigin(value: [number, number]);
    /**
     *  统一描点
     */
    get localAnchor(): [number, number];
    set localAnchor(value: [number, number]);
    /**
     * 组件宽度
     */
    get localWidth(): number;
    set localWidth(value: number);
    /**
     * 组件高度
     */
    get localHeight(): number;
    set localHeight(value: number);
}
export enum ClippingType {
    None = 0,
    Self = 1,
    Rect = 2,
    Circle = 3,
    Ellipse = 4
}
export interface IClipping {
    /**
     * 裁剪
     */
    get clippingMask(): ClippingType;
    set clippingMask(value: ClippingType);
    /**
     * 裁剪区域
     */
    get clippingRegion(): number[];
    set clippingRegion(value: number[]);
}
/**
 * 属性接口
 */
export interface IProp {
    getProps(props: Array<AttrItem>): this;
    setProps(prop: AttrItem): this;
    getEvents(events: Array<IEventSchema>): this;
    getActions(actions: Array<IActionSchema>): this;
    getPageViewModelAttr(): Nullable<AttrItem>;
}
/**
 * 动画接口
 */
export interface IAnimation {
    get tweens(): Array<TweenTarget>;
    haveTween(name: string): boolean;
    addTween(name: string): TweenTarget;
    removeTween(name: string | TweenTarget): boolean;
    getTweenByName(name: string): TweenTarget | undefined;
    getTweenById(id: string): TweenTarget | undefined;
    stopAllTween(): void;
}













/**
 * 容器
 */
export class Container extends GRect implements IComponent, IArchive, IUniform, IProp, ITransform, IAnimation, IClipping {
    static schema: ComponentBaseSchema;
    protected _engine: Engine | undefined;
    /**
     * 子组件
     * @private
     */
    private _subComponent;
    /**
     * 统一中心
     * @private
     */
    private _localOrigin;
    /**
     * 统一锚点
     * @private
     */
    private _localAnchor;
    /**
     * 组件 RBush 节点
     * @private
     */
    private _componentRBushNode;
    /**
     * 组件数据属性
     * @private
     */
    protected _componentDataProperty: Nullable<DataProperty>;
    protected _tweens: Array<TweenTarget>;
    /**
     * 剪切类型
     * @private
     */
    private _clippingType;
    /**
     * 裁剪区域
     * @private
     */
    private _clippingRegion;
    /**
     * 锁定编辑
     * @private
     */
    private _lockEdit;
    /**
     * 光标图标
     * @private
     */
    private _cursorIcon;
    /**
     * 是组件
     */
    get isComponent(): boolean;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 是子组件
     */
    get isSubComponent(): boolean;
    /**
     * 是组组件
     */
    get isGroupComponent(): boolean;
    /**
     * 是容器组件
     */
    get isContainerComponent(): boolean;
    /**
     * 是滚动容器组件
     */
    get isScrollContainerComponent(): boolean;
    /**
     * 是内部组件
     */
    get isInnerComponent(): boolean;
    /**
     * 是模型组件
     */
    get isModelComponent(): boolean;
    /**
     * 是工具提示组件
     */
    get isTooltipComponent(): boolean;
    /**
     * 是页面组件
     */
    get isPageComponent(): boolean;
    /**
     * 是子页面组件
     */
    get isSubPageComponent(): boolean;
    /**
     * 是父容器组件
     */
    get isParentContainerComponent(): boolean;
    /**
     * 是父弹性组件
     */
    get isParentFlexComponent(): boolean;
    /**
     * 组件 RBushNode
     */
    get componentRBushNode(): RBushNode;
    /**
     * 变换类型
     */
    get transformType(): TransformType;
    /**
     * 数据属性
     */
    get dataProperty(): IDataProperty;
    set dataProperty(data: IDataProperty);
    /**
     * 内容属性
     */
    get contentProperty(): IPageViewModel;
    set contentProperty(data: IPageViewModel);
    /**
     * 锁定编辑
     */
    get lockEdit(): boolean;
    set lockEdit(value: boolean);
    /**
     * 光标图标
     */
    get cursorIcon(): Cursor;
    set cursorIcon(value: Cursor);
    /**
     *  统一本地坐标
     */
    get localPosition(): vec3;
    set localPosition(value: vec3 | [number, number]);
    /**
     * 统一位置 X
     */
    get localPositionX(): number;
    set localPositionX(value: number);
    /**
     * 统一位置 Y
     */
    get localPositionY(): number;
    set localPositionY(value: number);
    /**
     *  统一本地欧拉角
     */
    get localRotate(): number;
    set localRotate(value: number);
    /**
     *  统一本地缩放
     */
    get localScale(): vec3;
    set localScale(value: vec3 | [number, number]);
    /**
     *  统一本地倾斜
     */
    get localSkew(): vec2;
    set localSkew(value: vec2 | [number, number]);
    /**
     *  统一中心
     */
    get localOrigin(): [number, number];
    set localOrigin(value: [number, number]);
    /**
     *  统一锚点
     */
    get localAnchor(): [number, number];
    set localAnchor(value: [number, number]);
    /**
     * 统一宽度
     */
    get localWidth(): number;
    set localWidth(value: number);
    /**
     * 统一高度
     */
    get localHeight(): number;
    set localHeight(value: number);
    /**
     * 裁剪
     */
    get clippingMask(): ClippingType;
    set clippingMask(value: ClippingType);
    /**
     * 裁剪区域
     */
    get clippingRegion(): number[];
    set clippingRegion(value: number[]);
    /**
     * 动画列表
     */
    get tweens(): Array<TweenTarget>;
    constructor(config?: DisplayObjectConfig<RectStyleProps>);
    /**
     * 销毁
     */
    destroy(): void;
    /**
     * 获取 engine
     */
    getEngine(): Engine;
    /**
     * 修改 engine
     * @param engine
     */
    setEngine(engine: Engine): void;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 是否存在动画
     * @param name
     */
    haveTween(name: string): boolean;
    /**
     * 添加动画
     * @param name
     */
    addTween(name: string): TweenTarget;
    /**
     * 删除动画
     * @param name
     */
    removeTween(name: string | TweenTarget): boolean;
    /**
     * 获取动画
     * @param name
     */
    getTweenByName(name: string): TweenTarget;
    /**
     * 获取动画
     * @param id
     */
    getTweenById(id: string): TweenTarget;
    /**
     * 暂停所有动画
     */
    stopAllTween(): void;
    /**
     * 作为子节点被添加时触发
     * @param e
     */
    onComponentInserted(e: MutationEvent): void;
    /**
     * 作为子节点被移除时触发
     * @param e
     */
    onComponentRemoved(e: MutationEvent): void;
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 销毁时触发
     * @param e
     */
    onComponentDestroyed(e: CustomEvent): void;
    /**
     * 包围盒改变触发
     * @param e
     */
    onComponentBoundsChanged(e: MutationEvent): void;
    /**
     * 内容数据改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 设置属性从描述
     * @param prop
     */
    setProps(prop: AttrItem): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 更新裁剪
     */
    updateClippingMask(): void;
    /**
     * 反序列化
     * @param json
     */
    readArchive(json: any): this;
    /**
     * 序列化
     * @param json
     */
    writeArchive(json: any): this;
    /**
     * 克隆
     */
    cloneComponent(): DisplayObject;
    /**
     * 注册数据属性
     * @param value
     */
    registerDataProperty(value: DataProperty): void;
    /**
     * 取消数据属性
     */
    unRegisterDataProperty(): void;
    /**
     * 运行时绑定运行
     */
    bindDataProperty(): void;
}




/**
 * 属性组件
 */
export const PropType: {
    Number: string;
    String: string;
    Boolean: string;
    Select: string;
    Color: string;
    Image: string;
    NullString: string;
    NullNumber: string;
    NullMultiString: string;
    NullMultiNumber: string;
    Upload: string;
    LcScadaCombox: string;
    LcDeviceConfig: string;
    LcPropertyConfig: string;
    LcScadaIframesrc: string;
    LcScadaData: string;
    LcVariable: string;
    LcExpression: string;
    LcCodeEditor: string;
    LcTextarea: string;
    LcPageSelect: string;
};
/**
 * 分组类型
 */
export const GroupType: {
    Base: string;
    Shape: string;
    Advanced: string;
    Animation: string;
    Container: string;
    Layout: string;
    Text: string;
};
/**
 * 获取公有属性
 * @param component
 * @param props
 * @constructor
 */
export function GetObjectProps(component: DisplayObject, props: Array<AttrItem>): void;
/**
 * 写入公有属性
 * @param component
 * @param prop
 * @constructor
 */
export function SetObjectProps(component: DisplayObject, prop: AttrItem): boolean;
/**
 * 获取形状样式属性
 * @param style
 * @param props
 * @constructor
 */
export function GetShapeStyleProps(style: BaseStyleProps, props: Array<AttrItem>): void;
/**
 * 获取矩形样式属性
 * @param style
 * @param props
 * @constructor
 */
export function GetRectStyleProps(style: RectStyleProps, props: Array<AttrItem>): void;
/**
 * 获取文本样式属性
 * @param style
 * @param props
 * @constructor
 */
export function GetTextStyleProps(style: TextShapeStyleProps, props: Array<AttrItem>): void;
/**
 * 获取基础事件
 * @param component
 * @param events
 * @constructor
 */
export function GetBaseEvents(component: DisplayObject, events: Array<IEventSchema>): void;
/**
 * 获取基础动作
 * @param component
 * @param actions
 * @constructor
 */
export function GetBaseActions(component: DisplayObject, actions: Array<IActionSchema>): void;
/**
 * 基础属性序列化和反序列化
 * @param component
 * @param json
 * @constructor
 */
export function BaseObjectWriteArchive(component: DisplayObject, json: any): void;
/**
 * 基础属性读取序列化
 * @param component
 * @param json
 * @constructor
 */
export function BaseObjectReadArchive(component: DisplayObject, json: any): void;
/**
 * 图形样式序列化和反序列化
 * @param style
 * @param json
 * @constructor
 */
export function ShapeStyleWriteArchive(style: BaseStyleProps, json: any): void;
/**
 * 图形样式读取序列化
 * @param style
 * @param json
 * @constructor
 */
export function ShapeStyleReadArchive(style: BaseStyleProps, json: any): void;
/**
 * 文本样式序列化和反序列化
 * @param style
 * @param json
 * @constructor
 */
export function TextStyleWriteArchive(style: TextShapeStyleProps, json: any): void;
/**
 * 文本样式读取序列化
 * @param style
 * @param json
 * @constructor
 */
export function TextStyleReadArchive(style: TextShapeStyleProps, json: any): void;













/**
 * 组
 */
export class Group extends GGroup implements IComponent, IArchive, IUniform, IProp, ITransform, IAnimation, IClipping {
    static schema: ComponentBaseSchema;
    private _engine;
    /**
     * 本地起点
     * @private
     */
    private _localOrigin;
    /**
     * 本地锚点
     * @private
     */
    private _localAnchor;
    /**
     * 组件 RBush 节点
     * @private
     */
    private _componentRBushNode;
    /**
     * 组件数据属性
     * @private
     */
    private _componentDataProperty;
    private _tweens;
    /**
     * 剪切类型
     * @private
     */
    private _clippingType;
    /**
     * 裁剪区域
     * @private
     */
    private _clippingRegion;
    /**
     * 锁定编辑
     * @private
     */
    private _lockEdit;
    /**
     * 光标图标
     * @private
     */
    private _cursorIcon;
    /**
     * 冻结边界已更改
     * @private
     */
    private _freezeBoundsChanged;
    /**
     * 是组件
     */
    get isComponent(): boolean;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 是子组件
     */
    get isSubComponent(): boolean;
    /**
     * 是组组件
     */
    get isGroupComponent(): boolean;
    /**
     * 是容器组件
     */
    get isContainerComponent(): boolean;
    /**
     * 是滚动容器组件
     */
    get isScrollContainerComponent(): boolean;
    /**
     * 是内部组件
     */
    get isInnerComponent(): boolean;
    /**
     * 是模型组件
     */
    get isModelComponent(): boolean;
    /**
     * 是工具提示组件
     */
    get isTooltipComponent(): boolean;
    /**
     * 是页面组件
     */
    get isPageComponent(): boolean;
    /**
     * 是子页面组件
     */
    get isSubPageComponent(): boolean;
    /**
     * 是父容器组件
     */
    get isParentContainerComponent(): boolean;
    /**
     * 是父弹性组件
     */
    get isParentFlexComponent(): boolean;
    /**
     * 组件 RBushNode
     */
    get componentRBushNode(): RBushNode;
    /**
     * 变换类型
     */
    get transformType(): TransformType;
    /**
     * 数据属性
     */
    get dataProperty(): IDataProperty;
    set dataProperty(data: IDataProperty);
    /**
     * 内容属性
     */
    get contentProperty(): IPageViewModel;
    set contentProperty(data: IPageViewModel);
    /**
     * 裁剪
     */
    get clippingMask(): ClippingType;
    set clippingMask(value: ClippingType);
    /**
     * 裁剪区域
     */
    get clippingRegion(): number[];
    set clippingRegion(value: number[]);
    /**
     * 锁定编辑
     */
    get lockEdit(): boolean;
    set lockEdit(value: boolean);
    /**
     * 光标图标
     */
    get cursorIcon(): Cursor;
    set cursorIcon(value: Cursor);
    /**
     *  统一本地坐标
     */
    get localPosition(): vec3;
    set localPosition(value: vec3 | [number, number]);
    /**
     * 统一位置 X
     */
    get localPositionX(): number;
    set localPositionX(value: number);
    /**
     * 统一位置 Y
     */
    get localPositionY(): number;
    set localPositionY(value: number);
    /**
     *  统一本地欧拉角
     */
    get localRotate(): number;
    set localRotate(value: number);
    /**
     *  统一本地缩放
     */
    get localScale(): vec3;
    set localScale(value: vec3 | [number, number]);
    /**
     *  统一本地倾斜
     */
    get localSkew(): vec2;
    set localSkew(value: vec2 | [number, number]);
    /**
     *  统一中心
     */
    get localOrigin(): [number, number];
    set localOrigin(value: [number, number]);
    /**
     *  统一锚点
     */
    get localAnchor(): [number, number];
    set localAnchor(value: [number, number]);
    /**
     * 统一宽度
     */
    get localWidth(): number;
    set localWidth(value: number);
    /**
     * 统一高度
     */
    get localHeight(): number;
    set localHeight(value: number);
    /**
     * 动画列表
     */
    get tweens(): Array<TweenTarget>;
    constructor(config?: DisplayObjectConfig<GroupStyleProps>);
    /**
     * 销毁
     */
    destroy(): void;
    /**
     * 获取 engine
     */
    getEngine(): Engine;
    /**
     * 修改 engine
     * @param engine
     */
    setEngine(engine: Engine): void;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 是否存在动画
     * @param name
     */
    haveTween(name: string): boolean;
    /**
     * 添加动画
     * @param name
     */
    addTween(name: string): TweenTarget;
    /**
     * 删除动画
     * @param name
     */
    removeTween(name: string | TweenTarget): boolean;
    /**
     * 获取动画
     * @param name
     */
    getTweenByName(name: string): TweenTarget;
    /**
     * 获取动画
     * @param id
     */
    getTweenById(id: string): TweenTarget;
    /**
     * 暂停所有动画
     */
    stopAllTween(): void;
    /**
     * 作为子节点被添加时触发
     * @param e
     */
    onComponentInserted(e: MutationEvent): void;
    /**
     * 作为子节点被移除时触发
     * @param e
     */
    onComponentRemoved(e: MutationEvent): void;
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 销毁时触发
     * @param e
     */
    onComponentDestroyed(e: CustomEvent): void;
    /**
     * 包围盒改变触发
     * @param e
     */
    onComponentBoundsChanged(e: MutationEvent): void;
    /**
     * 内容数据改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 设置属性从描述
     * @param prop
     */
    setProps(prop: AttrItem): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 更新裁剪
     */
    updateClippingMask(): void;
    /**
     * 反序列化
     * @param json
     */
    readArchive(json: any): this;
    /**
     * 序列化
     * @param json
     */
    writeArchive(json: any): this;
    /**
     * 克隆
     */
    cloneComponent(): DisplayObject;
    /**
     * 注册数据属性
     * @param value
     */
    registerDataProperty(value: DataProperty): void;
    /**
     * 取消数据属性
     */
    unRegisterDataProperty(): void;
    /**
     * 运行时绑定运行
     */
    bindDataProperty(): void;
}




/**
 * 模型
 */
export class Model extends Page {
    protected _mask: Rect;
    constructor(config?: DisplayObjectConfig<RectStyleProps>);
    /**
     * 是模型组件
     */
    get isModelComponent(): boolean;
    /**
     * 显示遮罩
     */
    showMask(): void;
    /**
     * 隐藏遮罩
     */
    hideMask(): void;
    /**
     * 大小重置事件
     */
    onResize(): void;
}




/**
 * 页面
 */
export class Page extends Container {
    static schema: ComponentBaseSchema;
    constructor(config?: DisplayObjectConfig<RectStyleProps>);
    /**
     * 页面key
     * @protected
     */
    protected _pageKey: string;
    /**
     * 页面模式
     * @protected
     */
    protected _pageMode: number;
    /**
     * 获取组件类型
     */
    get componentType(): string;
    /**
     * 是子组件
     */
    get isSubComponent(): boolean;
    /**
     * 是模型组件
     */
    get isModelComponent(): boolean;
    /**
     * 是工具提示组件
     */
    get isTooltipComponent(): boolean;
    /**
     * 是页面组件
     */
    get isPageComponent(): boolean;
    /**
     * 是子页面组件
     */
    get isSubPageComponent(): boolean;
    /**
     * 页面键值
     */
    get pageKey(): string;
    set pageKey(key: string);
    /**
     * 页面模式
     */
    get pageMode(): number;
    set pageMode(mode: number);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 页面重置大小事件
     * @param subPage
     */
    onResize(subPage?: boolean): void;
}




/**
 * 页面容器
 */
export class PageContainer extends Page {
    static schema: ComponentBaseSchema;
    /**
     * 页面id
     * @protected
     */
    protected _pageId: string;
    /**
     * 画布索引
     * @protected
     */
    protected _canvasIndex: number;
    /**
     * 应用客户端 存放应用信息
     * @protected
     */
    protected _appClient: any;
    /**
     * 页面数据
     * @protected
     */
    protected _pagesData: Map<string, any>;
    /**
     * 页面画布
     * @protected
     */
    protected _pagesCanvas: Map<string, Page>;
    /**
     * 当前画布
     * @protected
     */
    protected _currentCanvas: Nullable<Page>;
    /**
     * 鼠标移动事件
     * @protected
     */
    protected _onMouseMove: any;
    /**
     * 鼠标松开事件
     * @protected
     */
    protected _onMouseUp: any;
    /**
     * 获取组件类型
     */
    get componentType(): string;
    /**
     * 是组件容器
     */
    get isPageComponent(): boolean;
    /**
     * 是子页面组件
     */
    get isSubPageComponent(): boolean;
    /**
     * 页面id
     */
    get pageId(): string;
    set pageId(id: string);
    /**
     * 画布索引
     */
    get canvasIndex(): number;
    set canvasIndex(index: number);
    constructor(config?: DisplayObjectConfig<RectStyleProps>);
    /**
     * 销毁事件
     */
    destroy(): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 改变页面
     * @param pageId 页面id
     * @param index 画布索引
     */
    changePage(pageId: string, index?: number): void;
    /**
     * 根据id改变画布
     * @param pageId
     */
    changeCanvasById(pageId: string): void;
    /**
     * 改变画布
     * @param index 索引
     */
    changeCanvas(index: number): void;
    /**
     * 鼠标按下事件
     * @param e
     * @private
     */
    private onMouseDown;
    /**
     * 鼠标移动事件
     * @param e
     * @private
     */
    private onMouseMove;
    /**
     * 鼠标松开事件
     * @param e
     * @private
     */
    private onMouseUp;
}







/**
 * 滚动容器
 */
export class ScrollContainer extends Container {
    static schema: ComponentBaseSchema;
    /** 内部容器 */
    protected _innerContainer: Container;
    /**
     * 鼠标移动
     * @protected
     */
    protected _onMouseMove: any;
    /**
     * 鼠标松开事件
     * @protected
     */
    protected _onMouseUp: any;
    /**
     * 鼠标滚轮
     * @protected
     */
    protected _onMouseWheel: any;
    /**
     * 滚动宽度
     * @protected
     */
    protected _scrollWidth: number;
    /**
     * 滚动高度
     * @protected
     */
    protected _scrollHeight: number;
    /**
     * 重叠宽度
     * @protected
     */
    protected _overlapWidth: number;
    /**
     * 重叠高度
     * @protected
     */
    protected _overlapHeight: number;
    /**
     * 滚动阈值
     * @protected
     */
    protected _scrollThreshold: number;
    /**
     * 滚动速度
     * @protected
     */
    protected _scrollSpeed: number;
    /**
     * 滚动弹跳速度
     * @protected
     */
    protected _scrollBouncesSpeed: number;
    /**
     * 是否滚动弹跳
     * @protected
     */
    protected _scrollBounces: boolean;
    /**
     * 水平滚动条
     * @protected
     */
    protected _horizontalCanScroll: boolean;
    /**
     * 垂直滚动条
     * @protected
     */
    protected _verticalCanScroll: boolean;
    /**
     * 水平动画
     * @protected
     */
    protected _horizontalAnimation: {
        s: number;
    };
    /**
     * 垂直动画
     * @protected
     */
    protected _verticalAnimation: {
        s: number;
    };
    /**
     * 水平隐藏计时器
     * @protected
     */
    protected _horizontalHideTimer: number;
    /**
     * 垂直隐藏计时器
     * @protected
     */
    protected _verticalHideTimer: number;
    /**
     * x轴鼠标开始
     * @protected
     */
    protected _mouseStartX: number;
    /**
     * y轴鼠标开始
     * @protected
     */
    protected _mouseStartY: number;
    /**
     * 水平开始
     * @protected
     */
    protected _horizontalStart: boolean;
    /**
     * 垂直开始
     * @protected
     */
    protected _verticalStart: boolean;
    /**
     * 滚动移动
     * @protected
     */
    protected _scrollMoving: boolean;
    /**
     * 水平上一个时间
     * @protected
     */
    protected _horizontalPreviousTime: number;
    /**
     * 水平速度
     * @protected
     */
    protected _horizontalVelocity: number;
    /**
     * 水平上一速度
     * @protected
     */
    protected _horizontalPreviousVelocity: number[];
    /**
     * 水平当前位置
     * @protected
     */
    protected _horizontalCurrentPosition: number;
    /**
     * 水平上一位置
     * @protected
     */
    protected _horizontalPreviousPosition: number;
    /**
     * 水平滚动偏移
     * @protected
     */
    protected _horizontalScrollOffset: number;
    /**
     * 水平偏移点
     * @protected
     */
    protected _horizontalOffsetPoint: number;
    /**
     * 垂直上一个时间
     * @protected
     */
    protected _verticalPreviousTime: number;
    /**
     * 垂直速度
     * @protected
     */
    protected _verticalVelocity: number;
    /**
     * 垂直上一速度
     * @protected
     */
    protected _verticalPreviousVelocity: number[];
    /**
     * 垂直当前位置
     * @protected
     */
    protected _verticalCurrentPosition: number;
    /**
     * 垂直上一位置
     * @protected
     */
    protected _verticalPreviousPosition: number;
    /**
     * 垂直滚动偏移
     * @protected
     */
    protected _verticalScrollOffset: number;
    /**
     * 垂直偏移点
     * @protected
     */
    protected _verticalOffsetPoint: number;
    /**
     * 水平滚动刻度
     * @protected
     */
    protected _horizontalScrollTick: any;
    /**
     * 垂直滚动刻度
     * @protected
     */
    protected _verticalScrollTick: any;
    constructor(config?: DisplayObjectConfig<RectStyleProps>);
    /**
     * 获取组件类型
     */
    get componentType(): string;
    /**
     * 是滚动容器组件
     */
    get isScrollContainerComponent(): boolean;
    /**
     * 滚动容器宽度
     */
    get scrollContainerWidth(): number;
    /**
     * 滚动容器高度
     */
    get scrollContainerHeight(): number;
    /**
     * 内部容器
     */
    get innerContainer(): Container;
    /**
     * 滚动阈值
     */
    get scrollThreshold(): number;
    set scrollThreshold(value: number);
    /**
     * 滚动速度
     */
    get scrollSpeed(): number;
    set scrollSpeed(value: number);
    /**
     * 滚动反弹速度
     */
    get scrollBouncesSpeed(): number;
    set scrollBouncesSpeed(value: number);
    /**
     * 滚动反弹
     */
    get scrollBounces(): boolean;
    set scrollBounces(value: boolean);
    /**
     * 内部容器宽度
     */
    get innerContainerWidth(): number;
    set innerContainerWidth(value: number);
    /**
     * 内部容器高度
     */
    get innerContainerHeight(): number;
    set innerContainerHeight(value: number);
    /**
     * 内部容器显示
     */
    get innerContainerDisplay(): string;
    set innerContainerDisplay(value: string);
    /**
     * 内部容器弹性方向
     */
    get innerContainerFlexDirection(): string;
    set innerContainerFlexDirection(value: string);
    /**
     * 内部容器弹性包装
     */
    get innerContainerFlexWrap(): string;
    set innerContainerFlexWrap(value: string);
    /**
     * 内部容器弹性增长
     */
    get innerContainerFlexGrow(): number;
    set innerContainerFlexGrow(value: number);
    /**
     * 内容器弹性收缩
     */
    get innerContainerFlexShrink(): number;
    set innerContainerFlexShrink(value: number);
    /**
     * 内部容器弹性基础
     */
    get innerContainerFlexBasis(): number;
    set innerContainerFlexBasis(value: number);
    /**
     * 内部容器证明内容
     */
    get innerContainerJustifyContent(): string;
    set innerContainerJustifyContent(value: string);
    /**
     * 内部容器对齐内容
     */
    get innerContainerAlignContent(): string;
    set innerContainerAlignContent(value: string);
    /**
     * 内部容器对齐项
     */
    get innerContainerAlignItems(): string;
    set innerContainerAlignItems(value: string);
    /**
     * 内部容器左内边距
     */
    get innerContainerPaddingLeft(): string | number;
    set innerContainerPaddingLeft(value: string | number);
    /**
     * 内部容器左上内边距
     */
    get innerContainerPaddingTop(): string | number;
    set innerContainerPaddingTop(value: string | number);
    /**
     * 内部容器右内边距
     */
    get innerContainerPaddingRight(): string | number;
    set innerContainerPaddingRight(value: string | number);
    /**
     * 内部容器右内边距
     */
    get innerContainerPaddingBottom(): string | number;
    set innerContainerPaddingBottom(value: string | number);
    /**
     * 写入 engine
     * @param engine
     */
    setEngine(engine: Engine): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 组件边界改变事件
     * @param e
     */
    onComponentBoundsChanged(e: MutationEvent): void;
    /**
     * 子级插入后事件
     * @param e
     */
    onChildInserted(e: MutationEvent): void;
    /**
     * 鼠标按下事件
     * @param e
     */
    onMouseDown(e: FederatedPointerEvent): void;
    /**
     * 鼠标移动事件
     * @param e
     */
    onMouseMove(e: FederatedPointerEvent): void;
    /**
     *  鼠标松开事件
     * @param e
     */
    onMouseUp(e: PointerEvent): void;
    /**
     * 鼠标滚轮事件
     * @param e
     */
    onMouseWheel(e: FederatedWheelEvent): void;
    /**
     * 设置滚动高
     * @param value
     * @param ani
     */
    setScrollH(value: any, ani?: boolean): void;
    /**
     * 设置滚动值
     * @param value
     * @param ani
     */
    setScrollV(value: any, ani?: boolean): void;
    /**
     * 滚动到顶部
     * @param ani
     */
    scrollToTop(ani?: boolean): void;
    /**
     * 滚动到底部
     * @param ani
     */
    scrollToBottom(ani?: boolean): void;
    /**
     * 向上滚动
     * @param ratio
     * @param ani
     */
    scrollToUp(ratio?: number, ani?: boolean): void;
    /**
     * 向下滚动
     * @param ratio
     * @param ani
     */
    scrollToDown(ratio?: number, ani?: boolean): void;
    /**
     * 向左滚动
     * @param ratio
     * @param ani
     */
    scrollToLeft(ratio?: number, ani?: boolean): void;
    /**
     * 向右滚动
     * @param ratio
     * @param ani
     */
    scrollToRight(ratio?: number, ani?: boolean): void;
    /**
     * 设置滚动百分比高
     * @param value
     * @param ani
     */
    setScrollPercentH(value: any, ani?: boolean): void;
    /**
     * 设置滚动百分比值
     * @param value
     * @param ani
     */
    setScrollPercentV(value: any, ani?: boolean): void;
    /**
     * 更新重叠
     * @protected
     */
    protected updateOverlap(): void;
    /**
     * 停止滚动动画
     * @protected
     */
    protected stopScrollAnimation(): void;
    /**
     * 正在滚动播放
     * @param horizontal
     * @protected
     */
    protected isScrollPlaying(horizontal: any): any;
    /**
     * 是滚动开始
     * @param horizontal
     * @protected
     */
    protected isScrollStart(horizontal: boolean): boolean;
    /**
     * 滚动开始
     * @param horizontal
     * @param point
     * @protected
     */
    protected scrollStart(horizontal: any, point: any): void;
    /**
     * 水平滚动刻度
     * @protected
     */
    protected horizontalScrollTick(): void;
    /**
     * 垂直滚动刻度
     * @protected
     */
    protected verticalScrollTick(): void;
    /**
     * 滚动更新
     * @param horizontal
     * @param point
     * @protected
     */
    protected scrollUpdate(horizontal: any, point: any): void;
    /**
     * 滚动完成
     * @param horizontal
     * @param ScrollPos
     * @param maxScrollPos
     * @protected
     */
    protected scrollFinish(horizontal: any, ScrollPos: any, maxScrollPos: any): void;
    /**
     * 滚动投掷到
     * @param horizontal
     * @param posTo
     * @param duration
     * @protected
     */
    protected scrollThrowTo(horizontal: any, posTo: any, duration?: number): void;
    /**
     * 滚动停止
     * @param horizontal
     * @protected
     */
    protected scrollStop(horizontal: any): void;
    /**
     * 滚动更新时
     * @param horizontal
     * @param scrollPos
     * @protected
     */
    protected onScrollUpdate(horizontal: any, scrollPos: any): void;
    /**
     * 更新滚动时
     * @param horizontal
     * @param e
     * @protected
     */
    protected onUpdateScrolling(horizontal: any, e: any): void;
    /**
     * 完成滚动时
     * @param horizontal
     * @param e
     * @protected
     */
    protected onFinishScrolling(horizontal: any, e: any): void;
    /**
     * 滚动结束时
     * @param horizontal
     * @protected
     */
    protected onScrollEnd(horizontal: any): void;
    /**
     * 反序列化
     * @param json
     */
    readArchive(json: any): this;
    /**
     * 序列化
     * @param json
     */
    writeArchive(json: any): this;
    /**
     * 克隆
     */
    cloneComponent(): DisplayObject;
}




/**
 * 工具提示
 */
export class Tooltip extends Page {
    constructor(config?: DisplayObjectConfig<RectStyleProps>);
    /**
     * 是工具提示组件
     */
    get isTooltipComponent(): boolean;
    /**
     * 对齐位置
     * @param target 对象
     * @param position 位置
     */
    alignPosition(target: DisplayObject, position: number): void;
    /**
     * 在位置对齐
     * @param target 对象
     * @param position 位置
     */
    alignAtPosition(target: [number, number], position: number): void;
}






/**
 * 云渲染画布
 */
export class DTCloudRender extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @protected
     */
    protected _root: HTMLElement;
    /**
     * 背景元素
     * @protected
     */
    protected _background: HTMLImageElement | undefined;
    /**
     * 开发项目发布ID
     * @protected
     */
    protected _dtDevPublishId: string;
    /**
     * 正式项目发布ID
     * @protected
     */
    protected _dtPublishId: string;
    /**
     * 自动加载
     * @protected
     */
    protected _autoLoad: boolean;
    /**
     * 加载后
     * @protected
     */
    protected _loaded: boolean;
    protected _cloudEngine: any;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 自动加载
     */
    get autoLoad(): boolean;
    set autoLoad(value: boolean);
    /**
     * 正式项目发布ID
     */
    get dtPublishId(): string;
    set dtPublishId(value: string);
    /**
     * 开发项目发布ID
     */
    get dtDevPublishId(): string;
    set dtDevPublishId(value: string);
    /**
     * 加载后
     */
    get isLoaded(): boolean;
    get cloudEngine(): any;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 外部尺寸改变后
     * @param width
     * @param height
     */
    onForeignSizeChanged(width: number, height: number): void;
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 加载
     */
    load(): void;
    /**
     * 暂停
     */
    stop(): void;
    /**
     * 加载场景
     * @protected
     */
    protected loadScene(): void;
}





/**
 * 数字孪生画布
 */
export class DTVisionRender extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @protected
     */
    protected _root: HTMLElement;
    /**
     * 场景元素
     * @protected
     */
    protected _scene: HTMLCanvasElement | undefined;
    /**
     * 用户界面元素
     * @protected
     */
    protected _ui: HTMLElement | undefined;
    /**
     * 背景元素
     * @protected
     */
    protected _background: HTMLImageElement | undefined;
    /**
     * 场景地址
     * @protected
     */
    protected _sceneUrl: string;
    /**
     * 正式项目发布ID
     * @protected
     */
    protected _dtPublishId: string;
    /**
     * 自动加载
     * @protected
     */
    protected _autoLoad: boolean;
    /**
     * 加载后
     * @protected
     */
    protected _loaded: boolean;
    protected _visionEngine: any;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 场景地址
     */
    get sceneUrl(): string;
    set sceneUrl(value: string);
    /**
     * 正式项目发布ID
     */
    get dtPublishId(): string;
    set dtPublishId(value: string);
    /**
     * 自动加载
     */
    get autoLoad(): boolean;
    set autoLoad(value: boolean);
    /**
     * 加载后
     */
    get isLoaded(): boolean;
    get visionEngine(): any;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 外部尺寸改变后
     * @param width
     * @param height
     */
    onForeignSizeChanged(width: number, height: number): void;
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 加载
     */
    load(): void;
    /**
     * 暂停
     */
    stop(): void;
    /**
     * 加载场景
     * @protected
     */
    protected loadScene(): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}




/**
 * 九宫格
 */
export class Scale9Grid extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @protected
     */
    protected _root: HTMLCanvasElement;
    /**
     * 九宫格地址
     * @protected
     */
    protected _scale9Url: string;
    /**
     * 九宫格图片
     * @protected
     */
    protected _scale9Image: HTMLImageElement;
    /**
     * 缩放矩形
     * @protected
     */
    protected _scaleRect: number[];
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 九宫格地址
     */
    get scale9Url(): string;
    set scale9Url(value: string);
    /**
     * 缩放矩形
     */
    get scaleRect(): number[];
    set scaleRect(value: number[]);
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 外部尺寸改变后
     * @param width
     * @param height
     */
    onForeignSizeChanged(width: number, height: number): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 画
     */
    draw(): void;
}





/**
 * 精灵
 */
export class Sprite extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @protected
     */
    protected _root: HTMLCanvasElement;
    /**
     * 图集地址
     * @protected
     */
    protected _sheetUrl: string;
    /**
     * 图集图片
     * @protected
     */
    protected _sheetImage: HTMLImageElement;
    /**
     * 动画时间
     * @protected
     */
    protected _duration: number;
    /**
     * 动画循环
     * @protected
     */
    protected _loop: boolean;
    /**
     * 动画反弹
     * @protected
     */
    protected _bounce: boolean;
    /**
     * 动画反向
     * @protected
     */
    protected _reverse: boolean;
    /**
     * 动画帧宽度
     * @protected
     */
    protected _frameWidth: number;
    /**
     * 动画帧高度
     * @protected
     */
    protected _frameHeight: number;
    protected _frameRegX: number;
    protected _frameRegY: number;
    /**
     * 动画帧间隙长度
     * @protected
     */
    protected _frameSpace: number;
    /**
     * 动画帧外宽
     * @protected
     */
    protected _frameMargin: number;
    /**
     * 动画帧数量
     * @protected
     */
    protected _frameCount: number;
    /**
     * 动画帧
     * @protected
     */
    protected _frames: any[];
    /**
     * 默认动画帧
     * @protected
     */
    protected _defaultFrame: number;
    /**
     * 自动播放
     * @protected
     */
    protected _autoPlay: boolean;
    /**
     * 当前帧
     * @protected
     * @readonly
     */
    protected _currentFrame: number;
    protected _timeline: any;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 图集地址
     * @type {boolean}
     */
    get sheetUrl(): string;
    set sheetUrl(value: string);
    /**
     * 自动播放
     * @type {boolean}
     */
    get autoPlay(): boolean;
    set autoPlay(value: boolean);
    /**
     * 动画时间
     * @type {number}
     */
    get duration(): number;
    set duration(value: number);
    /**
     * 动画循环
     * @type {boolean}
     */
    get loop(): boolean;
    set loop(value: boolean);
    /**
     * 动画反向
     * @type {boolean}
     */
    get reverse(): boolean;
    set reverse(value: boolean);
    /**
     * 动画反弹
     * @type {boolean}
     */
    get bounce(): boolean;
    set bounce(value: boolean);
    /**
     * 动画帧宽度
     * @type {number}
     */
    get frameWidth(): number;
    set frameWidth(value: number);
    /**
     * 动画帧高度
     * @type {number}
     */
    get frameHeight(): number;
    set frameHeight(value: number);
    /**
     * 动画帧间隙长度
     * @type {number}
     */
    get frameSpace(): number;
    set frameSpace(value: number);
    /**
     * 动画帧外宽
     * @type {number}
     */
    get frameMargin(): number;
    set frameMargin(value: number);
    /**
     * 动画帧数量
     * @type {number}
     */
    get frameCount(): number;
    set frameCount(value: number);
    /**
     * 默认动画帧
     * @type {number}
     */
    get defaultFrame(): number;
    set defaultFrame(value: number);
    get frames(): string;
    set frames(value: string);
    /**
     * 当前帧
     * @type {number}
     * @readonly
     */
    get currentFrame(): number;
    /**
     * 是否播放
     * @type {boolean}
     * @readonly
     */
    get isPlaying(): boolean;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    onForeignSizeChanged(width: number, height: number): void;
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 更新动画
     */
    updateAnimation(): void;
    /**
     * 播放动画
     */
    playAnim(): void;
    /**
     * 停止动画
     */
    stopAnim(): void;
    /**
     * 画
     */
    draw(): void;
}





/**
 * 视频
 */
export class Video extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @protected
     */
    protected _root: HTMLElement;
    /**
     * 播放器元素
     * @protected
     */
    protected _video: HTMLVideoElement;
    /**
     * 背景元素
     * @protected
     */
    protected _background: HTMLImageElement | undefined;
    /**
     * 地址
     * @protected
     */
    protected _url: string;
    /**
     * 自动播放
     * @protected
     */
    protected _autoPlay: boolean;
    /**
     * 播放前
     * @protected
     */
    protected _prePlay: boolean;
    /**
     * 播放中
     * @protected
     */
    protected _playing: boolean;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 地址
     */
    get url(): string;
    set url(value: string);
    /**
     * 自动播放
     */
    get autoPlay(): boolean;
    set autoPlay(value: boolean);
    /**
     * 是播放中
     */
    get isPlaying(): boolean;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 外部尺寸改变后
     * @param width
     * @param height
     */
    onForeignSizeChanged(width: number, height: number): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 播放
     */
    play(): void;
    /**
     * 暂停
     */
    stop(): void;
    /**
     * 播放视频
     * @protected
     */
    protected playVideo(): void;
}





/**
 * WebRTC
 */
export class WebRTC extends Video {
    static schema: ComponentBaseSchema;
    /**
     * 设备ID
     * @protected
     */
    protected _deviceId: string;
    /**
     * 设备地址
     * @protected
     */
    protected _deviceUrl: string;
    protected _webRTC: any;
    get componentType(): string;
    /**
     * 设备ID
     */
    get deviceId(): string;
    set deviceId(value: string);
    /**
     * 设备地址
     */
    get deviceUrl(): string;
    set deviceUrl(value: string);
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    setEngine(engine: Engine): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 暂停
     */
    stop(): void;
    /**
     * 播放视频
     * @protected
     */
    protected playVideo(): void;
}













/**
 * 图表
 */
export class EChart extends HTML implements IComponent, IArchive, IUniform, IProp, ITransform, IAnimation {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 图表
     * @private
     */
    private _chart;
    private _engine;
    /**
     * 子组件
     * @private
     */
    private _subComponent;
    /**
     * 统一中心
     * @private
     */
    private _localOrigin;
    /**
     * 统一锚点
     * @private
     */
    private _localAnchor;
    /**
     * 组件 RBush 节点
     * @private
     */
    private _componentRBushNode;
    /**
     * 组件数据属性
     * @private
     */
    private _componentDataProperty;
    private _tweens;
    /**
     * 锁定编辑
     * @private
     */
    private _lockEdit;
    /**
     * 光标图标
     * @private
     */
    private _cursorIcon;
    /**
     * 图表标题初始化节流方法
     * @protected
     */
    protected debounceTitle: () => void;
    /**
     * 图表图例初始化节流方法
     * @protected
     */
    protected debounceLegend: () => void;
    /**
     * 图表配置
     * @protected
     */
    protected _chartOption: any;
    /**
     * 图表坐标网格
     * @protected
     */
    protected _chartGrid: {
        top: string;
        left: string;
        right: string;
        bottom: string;
        containLabel: boolean;
    };
    /**
     * 图表提示组件配置
     * @protected
     */
    protected _chartTooltip: {
        show: boolean;
        trigger: string;
        textStyle: {
            color: string;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        backgroundColor: string;
    };
    /**
     * 图表标题
     * @protected
     */
    protected _chartTitle: {
        top: string;
        left: string;
        show: boolean;
        oldText: string;
        text: string;
        textStyle: {
            align: string;
            color: string;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
    };
    /**
     * 图表图例
     * @protected
     */
    protected _chartLegend: {
        show: boolean;
        icon: string;
        itemWidth: number;
        itemHeight: number;
        itemGap: number;
        orient: string;
        top: string;
        bottom: any;
        left: any;
        right: string;
        formatterText: string;
        textStyle: {
            color: string;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
    };
    /**
     * 数据源数据字段（attr）
     * @protected
     */
    protected _dataSourceInfo: {
        sourceAttr: any[];
        sourceData: any[];
    };
    /**
     * 图表字段绑定
     * @protected
     */
    protected _chartSelectData: {
        axisX: string;
        axisY: any[];
    };
    /**
     * 图表dataset
     * @protected
     */
    protected _chartDataset: {
        source: (number | string)[][];
    };
    /**
     * 数据默认值
     * @protected
     */
    protected _defaultDataset: {
        source: (number[] | string[] | (string | number)[])[];
    };
    /**
     * 不显示的图表配置
     * @protected
     */
    protected _notShowDispose: string[];
    /**
     * 不显示的图表配置
     */
    get chartGrid(): any;
    set chartGrid(value: any);
    /**
     * 图表提示组件配置
     */
    get chartTooltip(): any;
    set chartTooltip(value: any);
    /**
     * 图表标题
     */
    get chartTitle(): any;
    set chartTitle(value: any);
    /**
     * 图表图例
     */
    get chartLegend(): any;
    set chartLegend(value: any);
    /**
     * 图表字段绑定
     */
    get chartSelectData(): {
        axisX: string;
        axisY: any[];
    };
    set chartSelectData(value: {
        axisX: string;
        axisY: any[];
    });
    /**
     * 图表dataset
     */
    get chartDataset(): {
        source: (string | number)[][];
    };
    set chartDataset(value: {
        source: (string | number)[][];
    });
    /**
     * 数据改动触发的方法
     * @param value
     */
    onOtherDataChange(value: any): boolean;
    /**
     * 初始化数据
     */
    initDataset(): void;
    /**
     * 初始化图表标题
     */
    initChartTitle(): void;
    /**
     * 初始化图表图例
     */
    initChartLegend(): void;
    /**
     * 是组件
     */
    get isComponent(): boolean;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 是子组件
     */
    get isSubComponent(): boolean;
    /**
     * 是组组件
     */
    get isGroupComponent(): boolean;
    /**
     * 是容器组件
     */
    get isContainerComponent(): boolean;
    /**
     * 是滚动容器组件
     */
    get isScrollContainerComponent(): boolean;
    /**
     * 是内部组件
     */
    get isInnerComponent(): boolean;
    /**
     * 是模型组件
     */
    get isModelComponent(): boolean;
    /**
     * 是工具提示组件
     */
    get isTooltipComponent(): boolean;
    /**
     * 是页面组件
     */
    get isPageComponent(): boolean;
    /**
     * 是子页面组件
     */
    get isSubPageComponent(): boolean;
    /**
     * 是父容器组件
     */
    get isParentContainerComponent(): boolean;
    /**
     * 是父弹性组件
     */
    get isParentFlexComponent(): boolean;
    /**
     * 组件 RBushNode
     */
    get componentRBushNode(): RBushNode;
    /**
     * 变换类型
     */
    get transformType(): TransformType;
    /**
     *  统一本地坐标
     */
    get localPosition(): vec3;
    set localPosition(value: vec3 | [number, number]);
    /**
     * 统一位置 X
     */
    get localPositionX(): number;
    set localPositionX(value: number);
    /**
     * 统一位置 Y
     */
    get localPositionY(): number;
    set localPositionY(value: number);
    /**
     *  统一本地欧拉角
     */
    get localRotate(): number;
    set localRotate(value: number);
    /**
     *  统一本地缩放
     */
    get localScale(): vec3;
    set localScale(value: vec3 | [number, number]);
    /**
     *  统一本地倾斜
     */
    get localSkew(): vec2;
    set localSkew(value: vec2 | [number, number]);
    /**
     *  统一中心
     */
    get localOrigin(): [number, number];
    set localOrigin(value: [number, number]);
    /**
     *  统一锚点
     */
    get localAnchor(): [number, number];
    set localAnchor(value: [number, number]);
    /**
     * 统一宽度
     */
    get localWidth(): number;
    set localWidth(value: number);
    /**
     * 统一高度
     */
    get localHeight(): number;
    set localHeight(value: number);
    /**
     * 数据属性
     */
    get dataProperty(): IDataProperty;
    set dataProperty(data: IDataProperty);
    /**
     * 内容属性
     */
    get contentProperty(): IPageViewModel;
    set contentProperty(data: IPageViewModel);
    /**
     *  设备地址
     */
    get deviceApiUrl(): IPageViewModel;
    /**
     * 锁定编辑
     */
    get lockEdit(): boolean;
    set lockEdit(value: boolean);
    /**
     * 光标图标
     */
    get cursorIcon(): Cursor;
    set cursorIcon(value: Cursor);
    /**
     * 动画列表
     */
    get tweens(): Array<TweenTarget>;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 销毁
     */
    destroy(): void;
    /**
     * 获取 engine
     */
    getEngine(): Engine;
    /**
     * 修改 engine
     * @param engine
     */
    setEngine(engine: Engine): void;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 是否存在动画
     * @param name
     */
    haveTween(name: string): boolean;
    /**
     * 添加动画
     * @param name
     */
    addTween(name: string): TweenTarget;
    /**
     * 删除动画
     * @param name
     */
    removeTween(name: string | TweenTarget): boolean;
    /**
     * 获取动画
     * @param name
     */
    getTweenByName(name: string): TweenTarget;
    /**
     * 获取动画
     * @param id
     */
    getTweenById(id: string): TweenTarget;
    /**
     * 暂停所有动画
     */
    stopAllTween(): void;
    /**
     * 作为子节点被添加时触发
     * @param e
     */
    onComponentInserted(e: MutationEvent): void;
    /**
     * 作为子节点被移除时触发
     * @param e
     */
    onComponentRemoved(e: MutationEvent): void;
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 销毁时触发
     * @param e
     */
    onComponentDestroyed(e: CustomEvent): void;
    /**
     * 包围盒改变触发
     * @param e
     */
    onComponentBoundsChanged(e: MutationEvent): void;
    /**
     * 内容数据改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 设置属性从描述
     * @param prop
     */
    setProps(prop: AttrItem): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 反序列化
     * @param json
     */
    readArchive(json: any): this;
    /**
     * 序列化
     * @param json
     */
    writeArchive(json: any): this;
    /**
     * 克隆
     */
    cloneComponent(): DisplayObject;
    /**
     * 注册数据属性
     * @param value
     */
    registerDataProperty(value: DataProperty): void;
    /**
     * 取消数据属性
     */
    unRegisterDataProperty(): void;
    /**
     * 运行时绑定运行
     */
    bindDataProperty(): void;
    protected refreshChart: (merge?: boolean) => void;
    /**
     * 刷新数据
     * @param merge 合并/替换
     */
    chartRefresh(merge?: boolean): void;
}




/**
 * 图库
 */
export class Gallery extends Image {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 图片地址
     */
    get imageUrl(): string;
    set imageUrl(url: string);
    constructor(config?: DisplayObjectConfig<ImageStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}












export interface AbstractLineStyleProps extends BaseCustomElementStyleProps {
    x1: number;
    y1: number;
    x2: number;
    y2: number;
}
/**
 * 直线形组件抽象基类
 */
export class AbstractLine<LineStyleProps extends AbstractLineStyleProps> extends CustomElement<LineStyleProps> implements IComponent, IArchive, IUniform, IProp, ITransform, IAnimation {
    static schema: ComponentBaseSchema;
    private _engine;
    /**
     * 子组件
     * @private
     */
    private _subComponent;
    /**
     * 统一中心
     * @private
     */
    private _localOrigin;
    /**
     * 统一锚点
     * @private
     */
    private _localAnchor;
    /**
     * 组件 RBush 节点
     * @private
     */
    private _componentRBushNode;
    /**
     * 组件数据属性
     * @private
     */
    private _componentDataProperty;
    private _tweens;
    /**
     * 锁定编辑
     * @private
     */
    private _lockEdit;
    /**
     * 光标图标
     * @private
     */
    private _cursorIcon;
    /**
     * 是组件
     */
    get isComponent(): boolean;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 是子组件
     */
    get isSubComponent(): boolean;
    /**
     * 是组组件
     */
    get isGroupComponent(): boolean;
    /**
     * 是容器组件
     */
    get isContainerComponent(): boolean;
    /**
     * 是滚动容器组件
     */
    get isScrollContainerComponent(): boolean;
    /**
     * 是内部组件
     */
    get isInnerComponent(): boolean;
    /**
     * 是模型组件
     */
    get isModelComponent(): boolean;
    /**
     * 是工具提示组件
     */
    get isTooltipComponent(): boolean;
    /**
     * 是页面组件
     */
    get isPageComponent(): boolean;
    /**
     * 是子页面组件
     */
    get isSubPageComponent(): boolean;
    /**
     * 是父容器组件
     */
    get isParentContainerComponent(): boolean;
    /**
     * 是父弹性组件
     */
    get isParentFlexComponent(): boolean;
    /**
     * 组件 RBushNode
     */
    get componentRBushNode(): RBushNode;
    /**
     * 变换类型
     */
    get transformType(): TransformType;
    /**
     * 数据属性
     */
    get dataProperty(): IDataProperty;
    set dataProperty(data: IDataProperty);
    /**
     * 内容属性
     */
    get contentProperty(): IPageViewModel;
    set contentProperty(data: IPageViewModel);
    /**
     * 锁定编辑
     */
    get lockEdit(): boolean;
    set lockEdit(value: boolean);
    /**
     * 光标图标
     */
    get cursorIcon(): Cursor;
    set cursorIcon(value: Cursor);
    /**
     *  统一本地坐标
     */
    get localPosition(): vec3;
    set localPosition(value: vec3 | [number, number]);
    /**
     * 统一位置 X
     */
    get localPositionX(): number;
    set localPositionX(value: number);
    /**
     * 统一位置 Y
     */
    get localPositionY(): number;
    set localPositionY(value: number);
    /**
     *  统一本地欧拉角
     */
    get localRotate(): number;
    set localRotate(value: number);
    /**
     *  统一本地缩放
     */
    get localScale(): vec3;
    set localScale(value: vec3 | [number, number]);
    /**
     *  统一本地倾斜
     */
    get localSkew(): vec2;
    set localSkew(value: vec2 | [number, number]);
    /**
     *  统一中心
     */
    get localOrigin(): [number, number];
    set localOrigin(value: [number, number]);
    /**
     *  统一锚点
     */
    get localAnchor(): [number, number];
    set localAnchor(value: [number, number]);
    /**
     * 组件宽度
     */
    get localWidth(): number;
    set localWidth(value: number);
    /**
     * 组件高度
     */
    get localHeight(): number;
    set localHeight(value: number);
    /**
     * 开始点
     */
    get lineStart(): [number, number];
    set lineStart(value: [number, number]);
    /**
     * 结束点
     */
    get lineEnd(): [number, number];
    set lineEnd(value: [number, number]);
    /**
     * 动画列表
     */
    get tweens(): Array<TweenTarget>;
    constructor(config?: DisplayObjectConfig<LineStyleProps>);
    /**
     * 销毁
     */
    destroy(): void;
    /**
     * 获取 engine
     */
    getEngine(): Engine;
    /**
     * 修改 engine
     * @param engine
     */
    setEngine(engine: Engine): void;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 是否存在动画
     * @param name
     */
    haveTween(name: string): boolean;
    /**
     * 添加动画
     * @param name
     */
    addTween(name: string): TweenTarget;
    /**
     * 删除动画
     * @param name
     */
    removeTween(name: string | TweenTarget): boolean;
    /**
     * 获取动画
     * @param name
     */
    getTweenByName(name: string): TweenTarget;
    /**
     * 获取动画
     * @param id
     */
    getTweenById(id: string): TweenTarget;
    /**
     * 暂停所有动画
     */
    stopAllTween(): void;
    /**
     * 作为子节点被添加时触发
     * @param e
     */
    onComponentInserted(e: MutationEvent): void;
    /**
     * 作为子节点被移除时触发
     * @param e
     */
    onComponentRemoved(e: MutationEvent): void;
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 销毁时触发
     * @param e
     */
    onComponentDestroyed(e: CustomEvent): void;
    /**
     * 包围盒改变触发
     * @param e
     */
    onComponentBoundsChanged(e: MutationEvent): void;
    /**
     * 内容数据改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 进入DOM树回调
     */
    connectedCallback(): void;
    /**
     * 移出DOM树回调
     */
    disconnectedCallback(): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 自定义样式改变
     * @param name
     * @param oldValue
     * @param newValue
     */
    attributeChangedCallback<Key extends keyof LineStyleProps>(name: Key, oldValue: LineStyleProps[Key], newValue: LineStyleProps[Key]): void;
    /**
     * 坐标点数量
     */
    getPointCount(): number;
    /**
     * 获取本地坐标点
     * @param index
     */
    getLocalPoint(index: number): [number, number];
    /**
     * 设置本地坐标点
     * @param index
     * @param point
     */
    setLocalPoint(index: number, point: [number, number]): this;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 设置属性从描述
     * @param prop
     */
    setProps(prop: AttrItem): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 反序列化
     * @param json
     */
    readArchive(json: any): this;
    /**
     * 序列化
     * @param json
     */
    writeArchive(json: any): this;
    /**
     * 克隆
     */
    cloneComponent(): DisplayObject;
    /**
     * 注册数据属性
     * @param value
     */
    registerDataProperty(value: DataProperty): void;
    /**
     * 取消数据属性
     */
    unRegisterDataProperty(): void;
    /**
     * 运行时绑定运行
     */
    bindDataProperty(): void;
}












export interface AbstractPolylineStyleProps extends BaseCustomElementStyleProps {
    points: [number, number][];
}
/**
 * 多线形组件抽象基类
 */
export class AbstractPolyline<PolylineStyleProps extends AbstractPolylineStyleProps> extends CustomElement<PolylineStyleProps> implements IComponent, IArchive, IUniform, IProp, ITransform, IAnimation {
    static schema: ComponentBaseSchema;
    private _engine;
    /**
     * 子组件
     * @private
     */
    private _subComponent;
    /**
     * 统一中心
     * @private
     */
    private _localOrigin;
    /**
     * 统一锚点
     * @private
     */
    private _localAnchor;
    /**
     * 组件 RBush 节点
     * @private
     */
    private _componentRBushNode;
    /**
     * 组件数据属性
     * @private
     */
    private _componentDataProperty;
    private _tweens;
    /**
     * 锁定编辑
     * @private
     */
    private _lockEdit;
    /**
     * 光标图标
     * @private
     */
    private _cursorIcon;
    /***
     * 点集合
     * @private
     */
    private _normalPoints;
    /**
     * 是组件
     */
    get isComponent(): boolean;
    /**
     * 是子组件
     */
    get isSubComponent(): boolean;
    /**
     * 组件类别
     */
    get isGroupComponent(): boolean;
    /**
     * 是容器组件
     */
    get isContainerComponent(): boolean;
    /**
     * 是滚动容器组件
     */
    get isScrollContainerComponent(): boolean;
    /**
     * 是内部组件
     */
    get isInnerComponent(): boolean;
    /**
     * 是模型组件
     */
    get isModelComponent(): boolean;
    /**
     * 是工具提示组件
     */
    get isTooltipComponent(): boolean;
    /**
     * 是页面组件
     */
    get isPageComponent(): boolean;
    /**
     * 是子页面组件
     */
    get isSubPageComponent(): boolean;
    /**
     * 是父容器组件
     */
    get isParentContainerComponent(): boolean;
    /**
     * 是父弹性组件
     */
    get isParentFlexComponent(): boolean;
    /**
     * 组件 RBushNode
     */
    get componentRBushNode(): RBushNode;
    /**
     * 组件类型
     */
    get componentType(): string;
    /**
     * 变换类型
     */
    get transformType(): TransformType;
    /**
     * 数据属性
     */
    get dataProperty(): IDataProperty;
    set dataProperty(data: IDataProperty);
    /**
     * 内容属性
     */
    get contentProperty(): IPageViewModel;
    set contentProperty(data: IPageViewModel);
    /**
     * 锁定编辑
     */
    get lockEdit(): boolean;
    set lockEdit(value: boolean);
    /**
     * 光标图标
     */
    get cursorIcon(): Cursor;
    set cursorIcon(value: Cursor);
    /**
     *  统一本地坐标
     */
    get localPosition(): vec3;
    set localPosition(value: vec3 | [number, number]);
    /**
     * 统一位置 X
     */
    get localPositionX(): number;
    set localPositionX(value: number);
    /**
     * 统一位置 Y
     */
    get localPositionY(): number;
    set localPositionY(value: number);
    /**
     *  统一本地欧拉角
     */
    get localRotate(): number;
    set localRotate(value: number);
    /**
     *  统一本地缩放
     */
    get localScale(): vec3;
    set localScale(value: vec3 | [number, number]);
    /**
     *  统一本地倾斜
     */
    get localSkew(): vec2;
    set localSkew(value: vec2 | [number, number]);
    /**
     *  统一中心
     */
    get localOrigin(): [number, number];
    set localOrigin(value: [number, number]);
    /**
     *  统一锚点
     */
    get localAnchor(): [number, number];
    set localAnchor(value: [number, number]);
    /**
     * 组件宽度
     */
    get localWidth(): number;
    set localWidth(value: number);
    /**
     * 组件高度
     */
    get localHeight(): number;
    set localHeight(value: number);
    /**
     * 坐标点列表
     */
    get points(): number[][];
    set points(value: number[][]);
    /**
     * 动画列表
     */
    get tweens(): Array<TweenTarget>;
    constructor(config?: DisplayObjectConfig<PolylineStyleProps>);
    /**
     * 销毁
     */
    destroy(): void;
    /**
     * 获取 engine
     */
    getEngine(): Engine;
    /**
     * 修改 engine
     * @param engine
     */
    setEngine(engine: Engine): void;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 是否存在动画
     * @param name
     */
    haveTween(name: string): boolean;
    /**
     * 添加动画
     * @param name
     */
    addTween(name: string): TweenTarget;
    /**
     * 删除动画
     * @param name
     */
    removeTween(name: string | TweenTarget): boolean;
    /**
     * 获取动画
     * @param name
     */
    getTweenByName(name: string): TweenTarget;
    /**
     * 获取动画
     * @param id
     */
    getTweenById(id: string): TweenTarget;
    /**
     * 暂停所有动画
     */
    stopAllTween(): void;
    /**
     * 作为子节点被添加时触发
     * @param e
     */
    onComponentInserted(e: MutationEvent): void;
    /**
     * 作为子节点被移除时触发
     * @param e
     */
    onComponentRemoved(e: MutationEvent): void;
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 销毁时触发
     * @param e
     */
    onComponentDestroyed(e: CustomEvent): void;
    /**
     * 包围盒改变触发
     * @param e
     */
    onComponentBoundsChanged(e: MutationEvent): void;
    /**
     * 内容数据改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 进入DOM树回调
     */
    connectedCallback(): void;
    /**
     * 移出DOM树回调
     */
    disconnectedCallback(): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 自定义样式改变
     * @param name
     * @param oldValue
     * @param newValue
     */
    attributeChangedCallback<Key extends keyof PolylineStyleProps>(name: Key, oldValue: PolylineStyleProps[Key], newValue: PolylineStyleProps[Key]): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 设置属性从描述
     * @param prop
     */
    setProps(prop: AttrItem): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 坐标点数量
     */
    getPointCount(): number;
    /**
     * 获取本地坐标点
     * @param index
     */
    getLocalPoint(index: number): [number, number];
    /**
     * 设置本地坐标点
     * @param index
     * @param point
     */
    setLocalPoint(index: number, point: [number, number]): this;
    setPoints(value: number[][]): this;
    reNormalPoints(): void;
    reSampling(newWidth: number, newHeight: number): void;
    /**
     * 反序列化
     * @param json
     */
    readArchive(json: any): this;
    /**
     * 序列化
     * @param json
     */
    writeArchive(json: any): this;
    /**
     * 克隆
     */
    cloneComponent(): DisplayObject;
    /**
     * 注册数据属性
     * @param value
     */
    registerDataProperty(value: DataProperty): void;
    /**
     * 取消数据属性
     */
    unRegisterDataProperty(): void;
    /**
     * 运行时绑定运行
     */
    bindDataProperty(): void;
}












export interface AbstractShapeStyleProps extends BaseCustomElementStyleProps {
    width: number | string;
    height: number | string;
}
/**
 * 方形组件抽象基类
 */
export class AbstractShape<ShapeStyleProps extends AbstractShapeStyleProps> extends CustomElement<ShapeStyleProps> implements IComponent, IArchive, IUniform, IProp, ITransform, IAnimation {
    static schema: ComponentBaseSchema;
    private _engine;
    /**
     * 子组件
     * @private
     */
    private _subComponent;
    /**
     * 统一中心
     * @private
     */
    private _localOrigin;
    /**
     * 统一锚点
     * @private
     */
    private _localAnchor;
    /**
     * 组件 RBush 节点
     * @private
     */
    private _componentRBushNode;
    /**
     * 组件数据属性
     * @private
     */
    private _componentDataProperty;
    private _tweens;
    /**
     * 锁定编辑
     * @private
     */
    private _lockEdit;
    /**
     * 光标图标
     * @private
     */
    private _cursorIcon;
    /**
     * 是组件
     */
    get isComponent(): boolean;
    /**
     * 是子组件
     */
    get isSubComponent(): boolean;
    /**
     * 是组组件
     */
    get isGroupComponent(): boolean;
    /**
     * 是容器组件
     */
    get isContainerComponent(): boolean;
    /**
     * 是滚动容器组件
     */
    get isScrollContainerComponent(): boolean;
    /**
     * 是内部组件
     */
    get isInnerComponent(): boolean;
    /**
     * 是模型组件
     */
    get isModelComponent(): boolean;
    /**
     * 是工具提示组件
     */
    get isTooltipComponent(): boolean;
    /**
     * 是页面组件
     */
    get isPageComponent(): boolean;
    /**
     * 是子页面组件
     */
    get isSubPageComponent(): boolean;
    /**
     * 是父容器组件
     */
    get isParentContainerComponent(): boolean;
    /**
     * 是父弹性组件
     */
    get isParentFlexComponent(): boolean;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 组件 RBushNode
     */
    get componentRBushNode(): RBushNode;
    /**
     * 变换类型
     */
    get transformType(): TransformType;
    /**
     * 数据属性
     */
    get dataProperty(): IDataProperty;
    set dataProperty(data: IDataProperty);
    /**
     * 内容属性
     */
    get contentProperty(): IPageViewModel;
    set contentProperty(data: IPageViewModel);
    /**
     * 锁定编辑
     */
    get lockEdit(): boolean;
    set lockEdit(value: boolean);
    /**
     * 光标图标
     */
    get cursorIcon(): Cursor;
    set cursorIcon(value: Cursor);
    /**
     *  统一本地坐标
     */
    get localPosition(): vec3;
    set localPosition(value: vec3 | [number, number]);
    /**
     * 统一位置 X
     */
    get localPositionX(): number;
    set localPositionX(value: number);
    /**
     * 统一位置 Y
     */
    get localPositionY(): number;
    set localPositionY(value: number);
    /**
     *  统一本地欧拉角
     */
    get localRotate(): number;
    set localRotate(value: number);
    /**
     *  统一本地缩放
     */
    get localScale(): vec3;
    set localScale(value: vec3 | [number, number]);
    /**
     *  统一本地倾斜
     */
    get localSkew(): vec2;
    set localSkew(value: vec2 | [number, number]);
    /**
     *  统一中心
     */
    get localOrigin(): [number, number];
    set localOrigin(value: [number, number]);
    /**
     *  统一锚点
     */
    get localAnchor(): [number, number];
    set localAnchor(value: [number, number]);
    get localWidth(): number;
    set localWidth(value: number);
    get localHeight(): number;
    set localHeight(value: number);
    /**
     * 动画列表
     */
    get tweens(): Array<TweenTarget>;
    constructor(config?: DisplayObjectConfig<ShapeStyleProps>);
    /**
     * 销毁
     */
    destroy(): void;
    /**
     * 获取 engine
     */
    getEngine(): Engine;
    /**
     * 修改 engine
     * @param engine
     */
    setEngine(engine: Engine): void;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 是否存在动画
     * @param name
     */
    haveTween(name: string): boolean;
    /**
     * 添加动画
     * @param name
     */
    addTween(name: string): TweenTarget;
    /**
     * 删除动画
     * @param name
     */
    removeTween(name: string | TweenTarget): boolean;
    /**
     * 获取动画
     * @param name
     */
    getTweenByName(name: string): TweenTarget;
    /**
     * 获取动画
     * @param id
     */
    getTweenById(id: string): TweenTarget;
    /**
     * 暂停所有动画
     */
    stopAllTween(): void;
    /**
     * 作为子节点被添加时触发
     * @param e
     */
    onComponentInserted(e: MutationEvent): void;
    /**
     * 作为子节点被移除时触发
     * @param e
     */
    onComponentRemoved(e: MutationEvent): void;
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 销毁时触发
     * @param e
     */
    onComponentDestroyed(e: CustomEvent): void;
    /**
     * 包围盒改变触发
     * @param e
     */
    onComponentBoundsChanged(e: MutationEvent): void;
    /**
     * 内容数据改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 进入DOM树回调
     */
    connectedCallback(): void;
    /**
     * 移出DOM树回调
     */
    disconnectedCallback(): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 自定义样式改变
     * @param name
     * @param oldValue
     * @param newValue
     */
    attributeChangedCallback<Key extends keyof ShapeStyleProps>(name: Key, oldValue: ShapeStyleProps[Key], newValue: ShapeStyleProps[Key]): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 设置属性从描述
     * @param prop
     */
    setProps(prop: AttrItem): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 反序列化
     * @param json
     */
    readArchive(json: any): this;
    /**
     * 序列化
     * @param json
     */
    writeArchive(json: any): this;
    /**
     * 克隆
     */
    cloneComponent(): DisplayObject;
    /**
     * 注册数据属性
     * @param value
     */
    registerDataProperty(value: DataProperty): void;
    /**
     * 取消数据属性
     */
    unRegisterDataProperty(): void;
    /**
     * 运行时绑定运行
     */
    bindDataProperty(): void;
}













/**
 * 圆
 */
export class Circle extends GCircle implements IComponent, IArchive, IUniform, IProp, ITransform, IAnimation {
    static schema: ComponentBaseSchema;
    private _engine;
    /**
     * 子组件
     * @private
     */
    private _subComponent;
    /**
     * 统一中心
     * @private
     */
    private _localOrigin;
    /**
     * 统一锚点
     * @private
     */
    private _localAnchor;
    /**
     * 组件 RBush 节点
     * @private
     */
    private _componentRBushNode;
    /**
     * 组件数据属性
     * @private
     */
    private _componentDataProperty;
    private _tweens;
    /**
     * 锁定编辑
     * @private
     */
    private _lockEdit;
    /**
     * 光标图标
     * @private
     */
    private _cursorIcon;
    get isComponent(): boolean;
    get componentType(): string;
    /**
     * 是子组件
     */
    get isSubComponent(): boolean;
    /**
     * 是组组件
     */
    get isGroupComponent(): boolean;
    /**
     * 是容器组件
     */
    get isContainerComponent(): boolean;
    /**
     * 是滚动容器组件
     */
    get isScrollContainerComponent(): boolean;
    /**
     * 是内部组件
     */
    get isInnerComponent(): boolean;
    /**
     * 是模型组件
     */
    get isModelComponent(): boolean;
    /**
     * 是工具提示组件
     */
    get isTooltipComponent(): boolean;
    /**
     * 是页面组件
     */
    get isPageComponent(): boolean;
    /**
     * 是子页面组件
     */
    get isSubPageComponent(): boolean;
    /**
     * 是父容器组件
     */
    get isParentContainerComponent(): boolean;
    /**
     * 是父弹性组件
     */
    get isParentFlexComponent(): boolean;
    /**
     * 组件 RBushNode
     */
    get componentRBushNode(): RBushNode;
    /**
     * 变换类型
     */
    get transformType(): TransformType;
    /**
     * 数据属性
     */
    get dataProperty(): IDataProperty;
    set dataProperty(data: IDataProperty);
    /**
     * 内容属性
     */
    get contentProperty(): IPageViewModel;
    set contentProperty(data: IPageViewModel);
    /**
     * 锁定编辑
     */
    get lockEdit(): boolean;
    set lockEdit(value: boolean);
    /**
     * 光标图标
     */
    get cursorIcon(): Cursor;
    set cursorIcon(value: Cursor);
    /**
     *  统一本地坐标
     */
    get localPosition(): vec3;
    set localPosition(value: vec3 | [number, number]);
    /**
     * 统一位置 X
     */
    get localPositionX(): number;
    set localPositionX(value: number);
    /**
     * 统一位置 Y
     */
    get localPositionY(): number;
    set localPositionY(value: number);
    /**
     *  统一本地欧拉角
     */
    get localRotate(): number;
    set localRotate(value: number);
    /**
     *  统一本地缩放
     */
    get localScale(): vec3;
    set localScale(value: vec3 | [number, number]);
    /**
     *  统一本地倾斜
     */
    get localSkew(): vec2;
    set localSkew(value: vec2 | [number, number]);
    /**
     *  统一中心
     */
    get localOrigin(): [number, number];
    set localOrigin(value: [number, number]);
    /**
     *  统一锚点
     */
    get localAnchor(): [number, number];
    set localAnchor(value: [number, number]);
    /**
     * 统一宽度
     */
    get localWidth(): number;
    set localWidth(value: number);
    /**
     * 统一高度
     */
    get localHeight(): number;
    set localHeight(value: number);
    /**
     * 动画列表
     */
    get tweens(): Array<TweenTarget>;
    constructor(config?: DisplayObjectConfig<CircleStyleProps>);
    /**
     * 销毁
     */
    destroy(): void;
    /**
     * 获取 engine
     */
    getEngine(): Engine;
    /**
     * 修改 engine
     * @param engine
     */
    setEngine(engine: Engine): void;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 是否存在动画
     * @param name
     */
    haveTween(name: string): boolean;
    /**
     * 添加动画
     * @param name
     */
    addTween(name: string): TweenTarget;
    /**
     * 删除动画
     * @param name
     */
    removeTween(name: string | TweenTarget): boolean;
    /**
     * 获取动画
     * @param name
     */
    getTweenByName(name: string): TweenTarget;
    /**
     * 获取动画
     * @param id
     */
    getTweenById(id: string): TweenTarget;
    /**
     * 暂停所有动画
     */
    stopAllTween(): void;
    /**
     * 作为子节点被添加时触发
     * @param e
     */
    onComponentInserted(e: MutationEvent): void;
    /**
     * 作为子节点被移除时触发
     * @param e
     */
    onComponentRemoved(e: MutationEvent): void;
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 销毁时触发
     * @param e
     */
    onComponentDestroyed(e: CustomEvent): void;
    /**
     * 包围盒改变触发
     * @param e
     */
    onComponentBoundsChanged(e: MutationEvent): void;
    /**
     * 内容数据改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 设置属性从描述
     * @param prop
     */
    setProps(prop: AttrItem): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 反序列化
     * @param json
     */
    readArchive(json: any): this;
    /**
     * 序列化
     * @param json
     */
    writeArchive(json: any): this;
    /**
     * 克隆
     */
    cloneComponent(): DisplayObject;
    /**
     * 注册数据属性
     * @param value
     */
    registerDataProperty(value: DataProperty): void;
    /**
     * 取消数据属性
     */
    unRegisterDataProperty(): void;
    /**
     * 运行时绑定运行
     */
    bindDataProperty(): void;
}




/**
 * 组件形状
 */
export class ComShape extends AbstractShape<AbstractShapeStyleProps> {
    static schema: ComponentBaseSchema;
    /**
     * 形状名称
     * @protected
     */
    protected _shapeName: any;
    /**
     * 路径集合
     * @protected
     */
    protected _hf: Array<Path>;
    /**
     * 组件类型
     */
    get componentType(): string;
    /**
     * 形状名称
     */
    get shapeName(): any;
    set shapeName(value: any);
    constructor(config?: DisplayObjectConfig<AbstractShapeStyleProps>);
    /**
     * 设置比例
     * @param width
     * @param height
     * @param hf
     * @param shapeName
     * @param style
     */
    static setScale(width: number, height: number, hf: Array<Path>, shapeName: string, style: any): void;
    /**
     * 内部属性写入
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}




/**
 * 菱形
 */
export class Diamond extends AbstractShape<AbstractShapeStyleProps> {
    static schema: ComponentBaseSchema;
    /**
     * 图形
     * @protected
     */
    protected _dia: Polygon;
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<AbstractShapeStyleProps>);
    /**
     * 内部属性写入
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}













/**
 * 椭圆
 */
export class Ellipse extends GEllipse implements IComponent, IArchive, IUniform, IProp, ITransform, IAnimation {
    static schema: ComponentBaseSchema;
    private _engine;
    /**
     * 子组件
     * @private
     */
    private _subComponent;
    /**
     * 统一中心
     * @private
     */
    private _localOrigin;
    /**
     * 统一锚点
     * @private
     */
    private _localAnchor;
    /**
     * 组件 RBush 节点
     * @private
     */
    private _componentRBushNode;
    /**
     * 组件数据属性
     * @private
     */
    private _componentDataProperty;
    private _tweens;
    /**
     * 锁定编辑
     * @private
     */
    private _lockEdit;
    /**
     * 光标图标
     * @private
     */
    private _cursorIcon;
    /**
     * 是组件
     */
    get isComponent(): boolean;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 是子组件
     */
    get isSubComponent(): boolean;
    /**
     * 是组组件
     */
    get isGroupComponent(): boolean;
    /**
     * 是容器组件
     */
    get isContainerComponent(): boolean;
    /**
     * 是滚动容器组件
     */
    get isScrollContainerComponent(): boolean;
    /**
     * 是内部组件
     */
    get isInnerComponent(): boolean;
    /**
     * 是模型组件
     */
    get isModelComponent(): boolean;
    /**
     * 是工具提示组件
     */
    get isTooltipComponent(): boolean;
    /**
     * 是页面组件
     */
    get isPageComponent(): boolean;
    /**
     * 是子页面组件
     */
    get isSubPageComponent(): boolean;
    /**
     * 是父容器组件
     */
    get isParentContainerComponent(): boolean;
    /**
     * 是父弹性组件
     */
    get isParentFlexComponent(): boolean;
    /**
     * 组件 RBushNode
     */
    get componentRBushNode(): RBushNode;
    /**
     * 变换类型
     */
    get transformType(): TransformType;
    /**
     *  统一本地坐标
     */
    get localPosition(): vec3;
    set localPosition(value: vec3 | [number, number]);
    /**
     * 统一位置 X
     */
    get localPositionX(): number;
    set localPositionX(value: number);
    /**
     * 统一位置 Y
     */
    get localPositionY(): number;
    set localPositionY(value: number);
    /**
     *  统一本地欧拉角
     */
    get localRotate(): number;
    set localRotate(value: number);
    /**
     *  统一本地缩放
     */
    get localScale(): vec3;
    set localScale(value: vec3 | [number, number]);
    /**
     *  统一本地倾斜
     */
    get localSkew(): vec2;
    set localSkew(value: vec2 | [number, number]);
    /**
     *  统一中心
     */
    get localOrigin(): [number, number];
    set localOrigin(value: [number, number]);
    /**
     *  统一锚点
     */
    get localAnchor(): [number, number];
    set localAnchor(value: [number, number]);
    /**
     * 统一宽度
     */
    get localWidth(): number;
    set localWidth(value: number);
    /**
     * 统一高度
     */
    get localHeight(): number;
    set localHeight(value: number);
    /**
     * 数据属性
     */
    get dataProperty(): IDataProperty;
    set dataProperty(data: IDataProperty);
    /**
     * 内容属性
     */
    get contentProperty(): IPageViewModel;
    set contentProperty(data: IPageViewModel);
    /**
     * 锁定编辑
     */
    get lockEdit(): boolean;
    set lockEdit(value: boolean);
    /**
     * 光标图标
     */
    get cursorIcon(): Cursor;
    set cursorIcon(value: Cursor);
    /**
     * 动画列表
     */
    get tweens(): Array<TweenTarget>;
    constructor(config?: DisplayObjectConfig<EllipseStyleProps>);
    /**
     * 销毁
     */
    destroy(): void;
    /**
     * 获取 engine
     */
    getEngine(): Engine;
    /**
     * 修改 engine
     * @param engine
     */
    setEngine(engine: Engine): void;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 是否存在动画
     * @param name
     */
    haveTween(name: string): boolean;
    /**
     * 添加动画
     * @param name
     */
    addTween(name: string): TweenTarget;
    /**
     * 删除动画
     * @param name
     */
    removeTween(name: string | TweenTarget): boolean;
    /**
     * 获取动画
     * @param name
     */
    getTweenByName(name: string): TweenTarget;
    /**
     * 获取动画
     * @param id
     */
    getTweenById(id: string): TweenTarget;
    /**
     * 暂停所有动画
     */
    stopAllTween(): void;
    /**
     * 作为子节点被添加时触发
     * @param e
     */
    onComponentInserted(e: MutationEvent): void;
    /**
     * 作为子节点被移除时触发
     * @param e
     */
    onComponentRemoved(e: MutationEvent): void;
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 销毁时触发
     * @param e
     */
    onComponentDestroyed(e: CustomEvent): void;
    /**
     * 包围盒改变触发
     * @param e
     */
    onComponentBoundsChanged(e: MutationEvent): void;
    /**
     * 内容数据改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 设置属性从描述
     * @param prop
     */
    setProps(prop: AttrItem): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 反序列化
     * @param json
     */
    readArchive(json: any): this;
    /**
     * 序列化
     * @param json
     */
    writeArchive(json: any): this;
    /**
     * 克隆
     */
    cloneComponent(): DisplayObject;
    /**
     * 注册数据属性
     * @param value
     */
    registerDataProperty(value: DataProperty): void;
    /**
     * 取消数据属性
     */
    unRegisterDataProperty(): void;
    /**
     * 运行时绑定运行
     */
    bindDataProperty(): void;
}





/**
 * 箭头流
 */
export class FlowArrow extends AbstractShape<AbstractShapeStyleProps> {
    static schema: ComponentBaseSchema;
    /**
     * 箭头集合
     * @protected
     */
    protected _arrows: Array<Rect>;
    /**
     * 箭头画布
     * @protected
     */
    protected _arrowCanvas: HTMLCanvasElement;
    /**
     * 箭头大小
     * @protected
     */
    protected _arrowSize: number;
    /**
     * 箭头间距
     * @protected
     */
    protected _arrowSpace: number;
    /**
     * 动画速度
     * @protected
     */
    protected _animSpeed: number;
    /**
     * 播放动画
     * @protected
     */
    protected _playAnim: boolean;
    /**
     * 准时
     * @protected
     */
    protected _onTick: () => void;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 播放动画
     * @type {boolean}
     */
    get playArrowAnim(): boolean;
    set playArrowAnim(value: boolean);
    /**
     * 箭头速度
     * @type {number}
     */
    get arrowAnimSpeed(): number;
    set arrowAnimSpeed(value: number);
    /**
     * 箭头尺寸
     * @type {number}
     */
    get arrowSize(): number;
    set arrowSize(value: number);
    /**
     * 箭头间隔
     * @type {number}
     */
    get arrowSpace(): number;
    set arrowSpace(value: number);
    constructor(config?: DisplayObjectConfig<AbstractShapeStyleProps>);
    /**
     * 内部写入属性
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 组件渲染后
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 播放动画
     */
    playAnim(): void;
    /**
     * 暂停动画
     */
    stopAnim(): void;
    /**
     * 创建箭头
     */
    _createArrows(): void;
    /**
     * 准时
     */
    onTick(): void;
}













/**
 * 图片
 */
export class Image extends GImage implements IComponent, IArchive, IUniform, IProp, ITransform, IAnimation, IClipping {
    static schema: ComponentBaseSchema;
    private _engine;
    /**
     * 子组件
     * @private
     */
    private _subComponent;
    /**
     * 统一中心
     * @private
     */
    private _localOrigin;
    /**
     * 统一锚点
     * @private
     */
    private _localAnchor;
    /**
     * 组件 RBush 节点
     * @private
     */
    private _componentRBushNode;
    /**
     * 组件数据属性
     * @private
     */
    private _componentDataProperty;
    private _tweens;
    /**
     * 剪切类型
     * @private
     */
    private _clippingType;
    /**
     * 剪切区域
     * @private
     */
    private _clippingRegion;
    /**
     * 锁定编辑
     * @private
     */
    private _lockEdit;
    /**
     * 光标图标
     * @private
     */
    private _cursorIcon;
    /**
     * 图片路径
     * @protected
     */
    protected _imageUrl: string;
    /**
     * 是组件
     */
    get isComponent(): boolean;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 是子组件
     */
    get isSubComponent(): boolean;
    /**
     * 是组组件
     */
    get isGroupComponent(): boolean;
    /**
     * 是容器组件
     */
    get isContainerComponent(): boolean;
    /**
     * 是滚动容器组件
     */
    get isScrollContainerComponent(): boolean;
    /**
     * 是内部组件
     */
    get isInnerComponent(): boolean;
    /**
     * 是模型组件
     */
    get isModelComponent(): boolean;
    /**
     * 是工具提示组件
     */
    get isTooltipComponent(): boolean;
    /**
     * 是页面组件
     */
    get isPageComponent(): boolean;
    /**
     * 是子页面组件
     */
    get isSubPageComponent(): boolean;
    /**
     * 是父容器组件
     */
    get isParentContainerComponent(): boolean;
    /**
     * 是父弹性组件
     */
    get isParentFlexComponent(): boolean;
    /**
     * 组件 RBushNode
     */
    get componentRBushNode(): RBushNode;
    /**
     * 变换类型
     */
    get transformType(): TransformType;
    /**
     *  统一本地坐标
     */
    get localPosition(): vec3;
    set localPosition(value: vec3 | [number, number]);
    /**
     * 统一位置 X
     */
    get localPositionX(): number;
    set localPositionX(value: number);
    /**
     * 统一位置 Y
     */
    get localPositionY(): number;
    set localPositionY(value: number);
    /**
     *  统一本地欧拉角
     */
    get localRotate(): number;
    set localRotate(value: number);
    /**
     *  统一本地缩放
     */
    get localScale(): vec3;
    set localScale(value: vec3 | [number, number]);
    /**
     *  统一本地倾斜
     */
    get localSkew(): vec2;
    set localSkew(value: vec2 | [number, number]);
    /**
     *  统一中心
     */
    get localOrigin(): [number, number];
    set localOrigin(value: [number, number]);
    /**
     *  统一锚点
     */
    get localAnchor(): [number, number];
    set localAnchor(value: [number, number]);
    /**
     * 统一宽度
     */
    get localWidth(): number;
    set localWidth(value: number);
    /**
     * 统一高度
     */
    get localHeight(): number;
    set localHeight(value: number);
    /**
     * 数据属性
     */
    get dataProperty(): IDataProperty;
    set dataProperty(data: IDataProperty);
    /**
     * 内容属性
     */
    get contentProperty(): IPageViewModel;
    set contentProperty(data: IPageViewModel);
    /**
     * 裁剪
     */
    get clippingMask(): ClippingType;
    set clippingMask(value: ClippingType);
    /**
     * 裁剪区域
     */
    get clippingRegion(): number[];
    set clippingRegion(value: number[]);
    /**
     * 锁定编辑
     */
    get lockEdit(): boolean;
    set lockEdit(value: boolean);
    /**
     * 光标图标
     */
    get cursorIcon(): Cursor;
    set cursorIcon(value: Cursor);
    /**
     * 图片路径
     */
    get imageUrl(): string;
    set imageUrl(url: string);
    /**
     * 动画列表
     */
    get tweens(): Array<TweenTarget>;
    constructor(config?: DisplayObjectConfig<ImageStyleProps>);
    /**
     * 销毁
     */
    destroy(): void;
    /**
     * 获取 engine
     */
    getEngine(): Engine;
    /**
     * 修改 engine
     * @param engine
     */
    setEngine(engine: Engine): void;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 是否存在动画
     * @param name
     */
    haveTween(name: string): boolean;
    /**
     * 添加动画
     * @param name
     */
    addTween(name: string): TweenTarget;
    /**
     * 删除动画
     * @param name
     */
    removeTween(name: string | TweenTarget): boolean;
    /**
     * 获取动画
     * @param name
     */
    getTweenByName(name: string): TweenTarget;
    /**
     * 获取动画
     * @param id
     */
    getTweenById(id: string): TweenTarget;
    /**
     * 暂停所有动画
     */
    stopAllTween(): void;
    /**
     * 作为子节点被添加时触发
     * @param e
     */
    onComponentInserted(e: MutationEvent): void;
    /**
     * 作为子节点被移除时触发
     * @param e
     */
    onComponentRemoved(e: MutationEvent): void;
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 销毁时触发
     * @param e
     */
    onComponentDestroyed(e: CustomEvent): void;
    /**
     * 包围盒改变触发
     * @param e
     */
    onComponentBoundsChanged(e: MutationEvent): void;
    /**
     * 内容数据改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 设置属性从描述
     * @param prop
     */
    setProps(prop: AttrItem): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 更新裁剪
     */
    updateClippingMask(): void;
    /**
     * 反序列化
     * @param json
     */
    readArchive(json: any): this;
    /**
     * 序列化
     * @param json
     */
    writeArchive(json: any): this;
    /**
     * 克隆
     */
    cloneComponent(): DisplayObject;
    /**
     * 注册数据属性
     * @param value
     */
    registerDataProperty(value: DataProperty): void;
    /**
     * 取消数据属性
     */
    unRegisterDataProperty(): void;
    /**
     * 运行时绑定运行
     */
    bindDataProperty(): void;
}





/**
 * 图片列表
 */
export class ImageList extends AbstractShape<AbstractShapeStyleProps> {
    static schema: ComponentBaseSchema;
    /**
     * 图片
     * @protected
     */
    protected _img: Image;
    /**
     * 地址集合
     * @private
     */
    private _fileList;
    /**
     * 图片索引
     * @private
     */
    private _imgIndex;
    /**
     * 地址集合
     */
    get fileList(): Array<string>;
    set fileList(value: Array<string>);
    /**
     * 图片索引
     */
    get imgIndex(): number;
    set imgIndex(value: number);
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<AbstractShapeStyleProps>);
    /**
     * 更改图片索引
     * @param index
     */
    setImageIndex(index: number): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 动作获取
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 内部写入属性
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}













/**
 * 线段
 */
export class Line extends GLine implements IComponent, IArchive, IProp, IUniform, ITransform, IAnimation {
    static schema: ComponentBaseSchema;
    private _engine;
    /**
     * 子组件
     * @private
     */
    private _subComponent;
    /**
     * 统一中心
     * @private
     */
    private _localOrigin;
    /**
     * 统一锚点
     * @private
     */
    private _localAnchor;
    /**
     * 组件 RBush 节点
     * @private
     */
    private _componentRBushNode;
    /**
     * 组件数据属性
     * @private
     */
    private _componentDataProperty;
    private _tweens;
    /**
     * 锁定编辑
     * @private
     */
    private _lockEdit;
    /**
     * 光标图标
     * @private
     */
    private _cursorIcon;
    /**
     * 流动动画速度
     * @private
     */
    private _dashAnimSpeed;
    /**
     * 播放流动动画
     * @private
     */
    private _playDashAnim;
    /**
     * 流动动画
     * @private
     */
    private _dashAnimation;
    constructor(config?: DisplayObjectConfig<LineStyleProps>);
    /**
     * 是组件
     */
    get isComponent(): boolean;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 是子组件
     */
    get isSubComponent(): boolean;
    /**
     * 是组组件
     */
    get isGroupComponent(): boolean;
    /**
     * 是容器组件
     */
    get isContainerComponent(): boolean;
    /**
     * 是滚动容器组件
     */
    get isScrollContainerComponent(): boolean;
    /**
     * 是内部组件
     */
    get isInnerComponent(): boolean;
    /**
     * 是模型组件
     */
    get isModelComponent(): boolean;
    /**
     * 是工具提示组件
     */
    get isTooltipComponent(): boolean;
    /**
     * 是页面组件
     */
    get isPageComponent(): boolean;
    /**
     * 是子页面组件
     */
    get isSubPageComponent(): boolean;
    /**
     * 是父容器组件
     */
    get isParentContainerComponent(): boolean;
    /**
     * 是父弹性组件
     */
    get isParentFlexComponent(): boolean;
    /**
     * 组件 RBushNode
     */
    get componentRBushNode(): RBushNode;
    /**
     * 变换类型
     */
    get transformType(): TransformType;
    /**
     * 数据属性
     */
    get dataProperty(): IDataProperty;
    set dataProperty(data: IDataProperty);
    /**
     * 内容属性
     */
    get contentProperty(): IPageViewModel;
    set contentProperty(data: IPageViewModel);
    /**
     * 锁定编辑
     */
    get lockEdit(): boolean;
    set lockEdit(value: boolean);
    /**
     * 光标图标
     */
    get cursorIcon(): Cursor;
    set cursorIcon(value: Cursor);
    /**
     *  统一本地坐标
     */
    get localPosition(): vec3;
    set localPosition(value: vec3 | [number, number]);
    /**
     * 统一位置 X
     */
    get localPositionX(): number;
    set localPositionX(value: number);
    /**
     * 统一位置 Y
     */
    get localPositionY(): number;
    set localPositionY(value: number);
    /**
     *  统一本地欧拉角
     */
    get localRotate(): number;
    set localRotate(value: number);
    /**
     *  统一本地缩放
     */
    get localScale(): vec3;
    set localScale(value: vec3 | [number, number]);
    /**
     *  统一本地倾斜
     */
    get localSkew(): vec2;
    set localSkew(value: vec2 | [number, number]);
    /**
     *  统一中心
     */
    get localOrigin(): [number, number];
    set localOrigin(value: [number, number]);
    /**
     *  统一锚点
     */
    get localAnchor(): [number, number];
    set localAnchor(value: [number, number]);
    /**
     * 组件宽度
     */
    get localWidth(): number;
    set localWidth(value: number);
    /**
     * 组件高度
     */
    get localHeight(): number;
    set localHeight(value: number);
    /**
     * 开始点
     */
    get lineStart(): [number, number];
    set lineStart(value: [number, number]);
    /**
     * 结束点
     */
    get lineEnd(): [number, number];
    set lineEnd(value: [number, number]);
    /**
     * 播放虚线动画
     * @type {boolean}
     */
    get playDashAnim(): boolean;
    set playDashAnim(value: boolean);
    /**
     * 虚线速度
     * @type {number}
     */
    get dashAnimSpeed(): number;
    set dashAnimSpeed(value: number);
    /**
     * 动画列表
     */
    get tweens(): Array<TweenTarget>;
    /**
     * 销毁
     */
    destroy(): void;
    /**
     * 获取 engine
     */
    getEngine(): Engine;
    /**
     * 修改 engine
     * @param engine
     */
    setEngine(engine: Engine): void;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 是否存在动画
     * @param name
     */
    haveTween(name: string): boolean;
    /**
     * 添加动画
     * @param name
     */
    addTween(name: string): TweenTarget;
    /**
     * 删除动画
     * @param name
     */
    removeTween(name: string | TweenTarget): boolean;
    /**
     * 获取动画
     * @param name
     */
    getTweenByName(name: string): TweenTarget;
    /**
     * 获取动画
     * @param id
     */
    getTweenById(id: string): TweenTarget;
    /**
     * 暂停所有动画
     */
    stopAllTween(): void;
    /**
     * 作为子节点被添加时触发
     * @param e
     */
    onComponentInserted(e: MutationEvent): void;
    /**
     * 作为子节点被移除时触发
     * @param e
     */
    onComponentRemoved(e: MutationEvent): void;
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 销毁时触发
     * @param e
     */
    onComponentDestroyed(e: CustomEvent): void;
    /**
     * 包围盒改变触发
     * @param e
     */
    onComponentBoundsChanged(e: MutationEvent): void;
    /**
     * 内容数据改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 播放动画
     */
    playAnim(): void;
    /**
     * 暂停动画
     */
    stopAnim(): void;
    /**
     * 坐标点数量
     */
    getPointCount(): number;
    /**
     * 获取本地坐标点
     * @param index
     */
    getLocalPoint(index: number): [number, number];
    /**
     * 设置本地坐标点
     * @param index
     * @param point
     */
    setLocalPoint(index: number, point: [number, number]): this;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 设置属性从描述
     * @param prop
     */
    setProps(prop: AttrItem): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 反序列化
     * @param json
     */
    readArchive(json: any): this;
    /**
     * 序列化
     * @param json
     */
    writeArchive(json: any): this;
    /**
     * 克隆
     */
    cloneComponent(): DisplayObject;
    /**
     * 注册数据属性
     * @param value
     */
    registerDataProperty(value: DataProperty): void;
    /**
     * 取消数据属性
     */
    unRegisterDataProperty(): void;
    /**
     * 运行时绑定运行
     */
    bindDataProperty(): void;
}





/**
 * 箭头直线
 */
export class LineArrow extends AbstractLine<AbstractLineStyleProps> {
    static schema: ComponentBaseSchema;
    /**
     * 结束箭头
     * @protected
     */
    protected _endArrow: Polygon;
    /**
     * 开始箭头
     * @protected
     */
    protected _startArrow: Polygon;
    /**
     * 线
     * @protected
     */
    protected _line: Line;
    /**
     * 行宽度
     * @protected
     */
    protected _rowWidth: number;
    /**
     * 行中心
     * @protected
     */
    protected _rowCenter: number;
    /**
     * 开始箭头
     * @private
     */
    private _startHead;
    /**
     * 结束箭头
     * @private
     */
    private _endHead;
    /**
     * 开始箭头
     */
    get startHead(): string;
    set startHead(value: string);
    /**
     * 结束箭头
     */
    get endHead(): string;
    set endHead(value: string);
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<AbstractLineStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 箭头旋转
     * @param style
     * @param endArrow
     * @param startArrow
     */
    static arrowRotation(style: any, endArrow: any, startArrow: any): void;
    static lineChange(style: any, rowCenter: any, line: any): void;
    /**
     * 行改动
     * @param style
     * @param endArrow
     * @param startArrow
     * @param rowCenter
     * @param rowWidth
     */
    static rowChange(style: any, endArrow: any, startArrow: any, rowCenter: any, rowWidth: any): void;
    /**
     * 内部设置属性
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}




/**
 * 平行四边形
 */
export class Parallelogram extends AbstractShape<AbstractShapeStyleProps> {
    static schema: ComponentBaseSchema;
    /**
     * 图形
     * @protected
     */
    protected _par: Polygon;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<AbstractShapeStyleProps>);
    /**
     * 内部写入属性
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}












/**
 * 绘图
 */
export class Path extends GPath implements IComponent, IArchive, IUniform, IProp, ITransform, IAnimation {
    static schema: ComponentBaseSchema;
    private _engine;
    /**
     * 子组件
     * @private
     */
    private _subComponent;
    /**
     * 统一中心
     * @private
     */
    private _localOrigin;
    /**
     * 统一锚点
     * @private
     */
    private _localAnchor;
    /**
     * 组件 RBush 节点
     * @private
     */
    private _componentRBushNode;
    /**
     * 组件数据属性
     * @private
     */
    private _componentDataProperty;
    private _tweens;
    /**
     * 锁定编辑
     * @private
     */
    private _lockEdit;
    /**
     * 光标图标
     * @private
     */
    private _cursorIcon;
    /**
     * 法线点
     * @private
     */
    private _normalPoints;
    /**
     * 点
     * @private
     */
    private _points;
    /**
     * 是组件
     */
    get isComponent(): boolean;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 是子组件
     */
    get isSubComponent(): boolean;
    /**
     * 是组组件
     */
    get isGroupComponent(): boolean;
    /**
     * 是容器组件
     */
    get isContainerComponent(): boolean;
    /**
     * 是滚动容器组件
     */
    get isScrollContainerComponent(): boolean;
    /**
     * 是内部组件
     */
    get isInnerComponent(): boolean;
    /**
     * 是模型组件
     */
    get isModelComponent(): boolean;
    /**
     * 是工具提示组件
     */
    get isTooltipComponent(): boolean;
    /**
     * 是页面组件
     */
    get isPageComponent(): boolean;
    /**
     * 是子页面组件
     */
    get isSubPageComponent(): boolean;
    /**
     * 是父容器组件
     */
    get isParentContainerComponent(): boolean;
    /**
     * 是父弹性组件
     */
    get isParentFlexComponent(): boolean;
    /**
     * 组件 RBushNode
     */
    get componentRBushNode(): RBushNode;
    /**
     * 变换类型
     */
    get transformType(): TransformType;
    /**
     * 数据属性
     */
    get dataProperty(): IDataProperty;
    set dataProperty(data: IDataProperty);
    /**
     * 内容属性
     */
    get contentProperty(): IPageViewModel;
    set contentProperty(data: IPageViewModel);
    /**
     * 锁定编辑
     */
    get lockEdit(): boolean;
    set lockEdit(value: boolean);
    /**
     * 光标图标
     */
    get cursorIcon(): Cursor;
    set cursorIcon(value: Cursor);
    /**
     *  统一本地坐标
     */
    get localPosition(): vec3;
    set localPosition(value: vec3 | [number, number]);
    /**
     * 统一位置 X
     */
    get localPositionX(): number;
    set localPositionX(value: number);
    /**
     * 统一位置 Y
     */
    get localPositionY(): number;
    set localPositionY(value: number);
    /**
     *  统一本地欧拉角
     */
    get localRotate(): number;
    set localRotate(value: number);
    /**
     *  统一本地缩放
     */
    get localScale(): vec3;
    set localScale(value: vec3 | [number, number]);
    /**
     *  统一本地倾斜
     */
    get localSkew(): vec2;
    set localSkew(value: vec2 | [number, number]);
    /**
     *  统一中心
     */
    get localOrigin(): [number, number];
    set localOrigin(value: [number, number]);
    /**
     *  统一锚点
     */
    get localAnchor(): [number, number];
    set localAnchor(value: [number, number]);
    /**
     * 组件宽度
     */
    get localWidth(): number;
    set localWidth(value: number);
    /**
     * 组件高度
     */
    get localHeight(): number;
    set localHeight(value: number);
    /**
     * 点集合
     */
    get points(): number[][];
    set points(value: number[][]);
    /**
     * 动画列表
     */
    get tweens(): Array<TweenTarget>;
    constructor(config?: DisplayObjectConfig<PathStyleProps>);
    /**
     * 销毁
     */
    destroy(): void;
    /**
     * 获取 engine
     */
    getEngine(): Engine;
    /**
     * 修改 engine
     * @param engine
     */
    setEngine(engine: Engine): void;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 是否存在动画
     * @param name
     */
    haveTween(name: string): boolean;
    /**
     * 添加动画
     * @param name
     */
    addTween(name: string): TweenTarget;
    /**
     * 删除动画
     * @param name
     */
    removeTween(name: string | TweenTarget): boolean;
    /**
     * 获取动画
     * @param name
     */
    getTweenByName(name: string): TweenTarget;
    /**
     * 获取动画
     * @param id
     */
    getTweenById(id: string): TweenTarget;
    /**
     * 暂停所有动画
     */
    stopAllTween(): void;
    /**
     * 作为子节点被添加时触发
     * @param e
     */
    onComponentInserted(e: MutationEvent): void;
    /**
     * 作为子节点被移除时触发
     * @param e
     */
    onComponentRemoved(e: MutationEvent): void;
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 销毁时触发
     * @param e
     */
    onComponentDestroyed(e: CustomEvent): void;
    /**
     * 包围盒改变触发
     * @param e
     */
    onComponentBoundsChanged(e: MutationEvent): void;
    /**
     * 内容数据改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 设置属性从描述
     * @param prop
     */
    setProps(prop: AttrItem): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    reSampling(newWidth: number, newHeight: number): void;
    reNormalPoints(): void;
    setPoints(value: number[][]): this;
    syncPathStyle(): this;
    /**
     * 反序列化
     * @param json
     */
    readArchive(json: any): this;
    /**
     * 序列化
     * @param json
     */
    writeArchive(json: any): this;
    /**
     * 克隆
     */
    cloneComponent(): DisplayObject;
    /**
     * 注册数据属性
     * @param value
     */
    registerDataProperty(value: DataProperty): void;
    /**
     * 取消数据属性
     */
    unRegisterDataProperty(): void;
    /**
     * 运行时绑定运行
     */
    bindDataProperty(): void;
}













/**
 * 多边形
 */
export class Polygon extends GPolygon implements IComponent, IArchive, IUniform, IProp, ITransform, IAnimation {
    static schema: ComponentBaseSchema;
    private _engine;
    /**
     * 子组件
     * @private
     */
    private _subComponent;
    /**
     * 统一中心
     * @private
     */
    private _localOrigin;
    /**
     * 统一锚点
     * @private
     */
    private _localAnchor;
    /**
     * 组件 RBush 节点
     * @private
     */
    private _componentRBushNode;
    /**
     * 组件数据属性
     * @private
     */
    private _componentDataProperty;
    private _tweens;
    /**
     * 锁定编辑
     * @private
     */
    private _lockEdit;
    /**
     * 光标图标
     * @private
     */
    private _cursorIcon;
    /**
     * 点
     * @private
     */
    private _normalPoints;
    /**
     * 是组件
     */
    get isComponent(): boolean;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 是子组件
     */
    get isSubComponent(): boolean;
    /**
     * 是组组件
     */
    get isGroupComponent(): boolean;
    /**
     * 是容器组件
     */
    get isContainerComponent(): boolean;
    /**
     * 是滚动容器组件
     */
    get isScrollContainerComponent(): boolean;
    /**
     * 是内部组件
     */
    get isInnerComponent(): boolean;
    /**
     * 是模型组件
     */
    get isModelComponent(): boolean;
    /**
     * 是工具提示组件
     */
    get isTooltipComponent(): boolean;
    /**
     * 是页面组件
     */
    get isPageComponent(): boolean;
    /**
     * 是子页面组件
     */
    get isSubPageComponent(): boolean;
    /**
     * 是父容器组件
     */
    get isParentContainerComponent(): boolean;
    /**
     * 是父弹性组件
     */
    get isParentFlexComponent(): boolean;
    /**
     * 组件 RBushNode
     */
    get componentRBushNode(): RBushNode;
    /**
     * 变换类型
     */
    get transformType(): TransformType;
    constructor(config?: DisplayObjectConfig<PolygonStyleProps>);
    /**
     * 数据属性
     */
    get dataProperty(): IDataProperty;
    set dataProperty(data: IDataProperty);
    /**
     * 内容属性
     */
    get contentProperty(): IPageViewModel;
    set contentProperty(data: IPageViewModel);
    /**
     * 锁定编辑
     */
    get lockEdit(): boolean;
    set lockEdit(value: boolean);
    /**
     * 光标图标
     */
    get cursorIcon(): Cursor;
    set cursorIcon(value: Cursor);
    /**
     *  统一本地坐标
     */
    get localPosition(): vec3;
    set localPosition(value: vec3 | [number, number]);
    /**
     * 统一位置 X
     */
    get localPositionX(): number;
    set localPositionX(value: number);
    /**
     * 统一位置 Y
     */
    get localPositionY(): number;
    set localPositionY(value: number);
    /**
     *  统一本地欧拉角
     */
    get localRotate(): number;
    set localRotate(value: number);
    /**
     *  统一本地缩放
     */
    get localScale(): vec3;
    set localScale(value: vec3 | [number, number]);
    /**
     *  统一本地倾斜
     */
    get localSkew(): vec2;
    set localSkew(value: vec2 | [number, number]);
    /**
     *  统一中心
     */
    get localOrigin(): [number, number];
    set localOrigin(value: [number, number]);
    /**
     *  统一锚点
     */
    get localAnchor(): [number, number];
    set localAnchor(value: [number, number]);
    /**
     * 组件宽度
     */
    get localWidth(): number;
    set localWidth(value: number);
    /**
     * 组件高度
     */
    get localHeight(): number;
    set localHeight(value: number);
    /**
     * 坐标点列表
     */
    get points(): number[][];
    set points(value: number[][]);
    /**
     * 动画列表
     */
    get tweens(): Array<TweenTarget>;
    /**
     * 销毁
     */
    destroy(): void;
    /**
     * 获取 engine
     */
    getEngine(): Engine;
    /**
     * 修改 engine
     * @param engine
     */
    setEngine(engine: Engine): void;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 是否存在动画
     * @param name
     */
    haveTween(name: string): boolean;
    /**
     * 添加动画
     * @param name
     */
    addTween(name: string): TweenTarget;
    /**
     * 删除动画
     * @param name
     */
    removeTween(name: string | TweenTarget): boolean;
    /**
     * 获取动画
     * @param name
     */
    getTweenByName(name: string): TweenTarget;
    /**
     * 获取动画
     * @param id
     */
    getTweenById(id: string): TweenTarget;
    /**
     * 暂停所有动画
     */
    stopAllTween(): void;
    /**
     * 作为子节点被添加时触发
     * @param e
     */
    onComponentInserted(e: MutationEvent): void;
    /**
     * 作为子节点被移除时触发
     * @param e
     */
    onComponentRemoved(e: MutationEvent): void;
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 销毁时触发
     * @param e
     */
    onComponentDestroyed(e: CustomEvent): void;
    /**
     * 包围盒改变触发
     * @param e
     */
    onComponentBoundsChanged(e: MutationEvent): void;
    /**
     * 内容数据改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 设置属性从描述
     * @param prop
     */
    setProps(prop: AttrItem): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 坐标点数量
     */
    getPointCount(): number;
    /**
     * 获取本地坐标点
     * @param index
     */
    getLocalPoint(index: number): [number, number];
    /**
     * 设置本地坐标点
     * @param index
     * @param point
     */
    setLocalPoint(index: number, point: [number, number]): this;
    /**
     * 写入点集合
     * @param value
     */
    setPoints(value: number[][]): this;
    /**
     * _normalPoints属性赋值
     */
    reNormalPoints(): void;
    /**
     * 尺寸计算
     * @param newWidth
     * @param newHeight
     */
    reSampling(newWidth: number, newHeight: number): void;
    /**
     * 反序列化
     * @param json
     */
    readArchive(json: any): this;
    /**
     * 序列化
     * @param json
     */
    writeArchive(json: any): this;
    /**
     * 克隆
     */
    cloneComponent(): DisplayObject;
    /**
     * 注册数据属性
     * @param value
     */
    registerDataProperty(value: DataProperty): void;
    /**
     * 取消数据属性
     */
    unRegisterDataProperty(): void;
    /**
     * 运行时绑定运行
     */
    bindDataProperty(): void;
}













/**
 * 折线
 */
export class Polyline extends GPolyline implements IComponent, IArchive, IUniform, IProp, ITransform, IAnimation {
    static schema: ComponentBaseSchema;
    private _engine;
    /**
     * 子组件
     * @private
     */
    private _subComponent;
    /**
     * 统一中心
     * @private
     */
    private _localOrigin;
    /**
     * 统一锚点
     * @private
     */
    private _localAnchor;
    /**
     * 组件 RBush 节点
     * @private
     */
    private _componentRBushNode;
    /**
     * 组件数据属性
     * @private
     */
    private _componentDataProperty;
    private _tweens;
    /**
     * 锁定编辑
     * @private
     */
    private _lockEdit;
    /**
     * 光标图标
     * @private
     */
    private _cursorIcon;
    /**
     * 流动动画速度
     * @private
     */
    private _dashAnimSpeed;
    /**
     * 播放流动动画
     * @private
     */
    private _playDashAnim;
    /**
     * 流动动画
     * @private
     */
    private _dashAnimation;
    /**
     * 点
     * @private
     */
    private _normalPoints;
    /**
     * 是组件
     */
    get isComponent(): boolean;
    /**
     * 变换类型
     */
    get transformType(): TransformType;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 是子组件
     */
    get isSubComponent(): boolean;
    /**
     * 是组组件
     */
    get isGroupComponent(): boolean;
    /**
     * 是容器组件
     */
    get isContainerComponent(): boolean;
    /**
     * 是滚动容器组件
     */
    get isScrollContainerComponent(): boolean;
    /**
     * 是内部组件
     */
    get isInnerComponent(): boolean;
    /**
     * 是模型组件
     */
    get isModelComponent(): boolean;
    /**
     * 是工具提示组件
     */
    get isTooltipComponent(): boolean;
    /**
     * 是页面组件
     */
    get isPageComponent(): boolean;
    /**
     * 是子页面组件
     */
    get isSubPageComponent(): boolean;
    /**
     * 是父容器组件
     */
    get isParentContainerComponent(): boolean;
    /**
     * 是父弹性组件
     */
    get isParentFlexComponent(): boolean;
    /**
     * 组件 RBushNode
     */
    get componentRBushNode(): RBushNode;
    /**
     * 数据属性
     */
    get dataProperty(): IDataProperty;
    set dataProperty(data: IDataProperty);
    /**
     * 内容属性
     */
    get contentProperty(): IPageViewModel;
    set contentProperty(data: IPageViewModel);
    /**
     * 锁定编辑
     */
    get lockEdit(): boolean;
    set lockEdit(value: boolean);
    /**
     * 光标图标
     */
    get cursorIcon(): Cursor;
    set cursorIcon(value: Cursor);
    /**
     *  统一本地坐标
     */
    get localPosition(): vec3;
    set localPosition(value: vec3 | [number, number]);
    /**
     * 统一位置 X
     */
    get localPositionX(): number;
    set localPositionX(value: number);
    /**
     * 统一位置 Y
     */
    get localPositionY(): number;
    set localPositionY(value: number);
    /**
     *  统一本地欧拉角
     */
    get localRotate(): number;
    set localRotate(value: number);
    /**
     *  统一本地缩放
     */
    get localScale(): vec3;
    set localScale(value: vec3 | [number, number]);
    /**
     *  统一本地倾斜
     */
    get localSkew(): vec2;
    set localSkew(value: vec2 | [number, number]);
    /**
     *  统一中心
     */
    get localOrigin(): [number, number];
    set localOrigin(value: [number, number]);
    /**
     *  统一锚点
     */
    get localAnchor(): [number, number];
    set localAnchor(value: [number, number]);
    /**
     * 组件宽度
     */
    get localWidth(): number;
    set localWidth(value: number);
    /**
     * 组件高度
     */
    get localHeight(): number;
    set localHeight(value: number);
    /**
     * 坐标点列表
     */
    get points(): number[][];
    set points(value: number[][]);
    /**
     * 播放虚线动画
     * @type {boolean}
     */
    get playDashAnim(): boolean;
    set playDashAnim(value: boolean);
    /**
     * 虚线速度
     * @type {number}
     */
    get dashAnimSpeed(): number;
    set dashAnimSpeed(value: number);
    /**
     * 动画列表
     */
    get tweens(): Array<TweenTarget>;
    constructor(config?: DisplayObjectConfig<PolylineStyleProps>);
    /**
     * 销毁
     */
    destroy(): void;
    /**
     * 获取 engine
     */
    getEngine(): Engine;
    /**
     * 修改 engine
     * @param engine
     */
    setEngine(engine: Engine): void;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 是否存在动画
     * @param name
     */
    haveTween(name: string): boolean;
    /**
     * 添加动画
     * @param name
     */
    addTween(name: string): TweenTarget;
    /**
     * 删除动画
     * @param name
     */
    removeTween(name: string | TweenTarget): boolean;
    /**
     * 获取动画
     * @param name
     */
    getTweenByName(name: string): TweenTarget;
    /**
     * 获取动画
     * @param id
     */
    getTweenById(id: string): TweenTarget;
    /**
     * 暂停所有动画
     */
    stopAllTween(): void;
    /**
     * 作为子节点被添加时触发
     * @param e
     */
    onComponentInserted(e: MutationEvent): void;
    /**
     * 作为子节点被移除时触发
     * @param e
     */
    onComponentRemoved(e: MutationEvent): void;
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 销毁时触发
     * @param e
     */
    onComponentDestroyed(e: CustomEvent): void;
    /**
     * 包围盒改变触发
     * @param e
     */
    onComponentBoundsChanged(e: MutationEvent): void;
    /**
     * 内容数据改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 播放动画
     */
    playAnim(): void;
    /**
     * 暂停动画
     */
    stopAnim(): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 设置属性从描述
     * @param prop
     */
    setProps(prop: AttrItem): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 坐标点数量
     */
    getPointCount(): number;
    /**
     * 获取本地坐标点
     * @param index
     */
    getLocalPoint(index: number): [number, number];
    /**
     * 设置本地坐标点
     * @param index
     * @param point
     */
    setLocalPoint(index: number, point: [number, number]): this;
    /**
     * style 点写入
     * @param value
     */
    setPoints(value: number[][]): this;
    /**
     * normalPoints 点属性赋值
     */
    reNormalPoints(): void;
    /**
     * 尺寸计算
     * @param newWidth
     * @param newHeight
     */
    reSampling(newWidth: number, newHeight: number): void;
    /**
     * 反序列化
     * @param json
     */
    readArchive(json: any): this;
    /**
     * 序列化
     * @param json
     */
    writeArchive(json: any): this;
    /**
     * 克隆
     */
    cloneComponent(): DisplayObject;
    /**
     * 注册数据属性
     * @param value
     */
    registerDataProperty(value: DataProperty): void;
    /**
     * 取消数据属性
     */
    unRegisterDataProperty(): void;
    /**
     * 运行时绑定运行
     */
    bindDataProperty(): void;
}





/**
 * 箭头折线
 */
export class PolyLineArrow extends AbstractPolyline<AbstractPolylineStyleProps> {
    static schema: ComponentBaseSchema;
    /**
     * 线
     * @protected
     */
    protected _line: Polyline;
    /**
     * 结束箭头
     * @protected
     */
    protected _endArrow: Polygon;
    /**
     * 开始箭头
     * @protected
     */
    protected _startArrow: Polygon;
    /**
     * 行宽
     * @protected
     */
    protected _rowWidth: number;
    /**
     * 行中心
     * @protected
     */
    protected _rowCenter: number;
    /**
     * 开始箭头显示
     * @private
     */
    private _startHead;
    /**
     * 结束箭头显示
     * @private
     */
    private _endHead;
    /**
     * 开始箭头显示
     */
    get startHead(): string;
    set startHead(value: string);
    /**
     * 结束箭头显示
     */
    get endHead(): string;
    set endHead(value: string);
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<AbstractPolylineStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 箭头旋转
     * @param style
     * @param endArrow
     * @param startArrow
     */
    static arrowRotation(style: any, endArrow: any, startArrow: any): void;
    static lineChange(style: any, rowCenter: any, line: any): void;
    /**
     * 行改动
     * @param style
     * @param endArrow
     * @param startArrow
     * @param rowWidth
     * @param rowCenter
     */
    static rowChange(style: any, endArrow: any, startArrow: any, rowWidth: any, rowCenter: any): void;
    /**
     * 内部写入属性
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}












/**
 * 矩形
 */
export class Rect extends GRect implements IComponent, IArchive, IUniform, IProp, ITransform, IAnimation {
    static schema: ComponentBaseSchema;
    private _engine;
    /**
     * 子组件
     * @private
     */
    private _subComponent;
    /**
     * 统一中心
     * @private
     */
    private _localOrigin;
    /**
     * 统一锚点
     * @private
     */
    private _localAnchor;
    /**
     * 组件 RBush 节点
     * @private
     */
    private _componentRBushNode;
    /**
     * 组件数据属性
     * @private
     */
    private _componentDataProperty;
    private _tweens;
    /**
     * 锁定编辑
     * @private
     */
    private _lockEdit;
    /**
     * 光标图标
     * @private
     */
    private _cursorIcon;
    /**
     * 是组件
     */
    get isComponent(): boolean;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 是子组件
     */
    get isSubComponent(): boolean;
    /**
     * 是组组件
     */
    get isGroupComponent(): boolean;
    /**
     * 是容器组件
     */
    get isContainerComponent(): boolean;
    /**
     * 是滚动容器组件
     */
    get isScrollContainerComponent(): boolean;
    /**
     * 是内部组件
     */
    get isInnerComponent(): boolean;
    /**
     * 是模型组件
     */
    get isModelComponent(): boolean;
    /**
     * 是工具提示组件
     */
    get isTooltipComponent(): boolean;
    /**
     * 是页面组件
     */
    get isPageComponent(): boolean;
    /**
     * 是子页面组件
     */
    get isSubPageComponent(): boolean;
    /**
     * 是父容器组件
     */
    get isParentContainerComponent(): boolean;
    /**
     * 是父弹性组件
     */
    get isParentFlexComponent(): boolean;
    /**
     * 组件 RBushNode
     */
    get componentRBushNode(): RBushNode;
    /**
     * 变换类型
     */
    get transformType(): TransformType;
    /**
     * 数据属性
     */
    get dataProperty(): IDataProperty;
    set dataProperty(data: IDataProperty);
    /**
     * 内容属性
     */
    get contentProperty(): IPageViewModel;
    set contentProperty(data: IPageViewModel);
    /**
     * 锁定编辑
     */
    get lockEdit(): boolean;
    set lockEdit(value: boolean);
    /**
     * 光标图标
     */
    get cursorIcon(): Cursor;
    set cursorIcon(value: Cursor);
    /**
     *  统一本地坐标
     */
    get localPosition(): vec3;
    set localPosition(value: vec3 | [number, number]);
    /**
     * 统一位置 X
     */
    get localPositionX(): number;
    set localPositionX(value: number);
    /**
     * 统一位置 Y
     */
    get localPositionY(): number;
    set localPositionY(value: number);
    /**
     *  统一本地欧拉角
     */
    get localRotate(): number;
    set localRotate(value: number);
    /**
     *  统一本地缩放
     */
    get localScale(): vec3;
    set localScale(value: vec3 | [number, number]);
    /**
     *  统一本地倾斜
     */
    get localSkew(): vec2;
    set localSkew(value: vec2 | [number, number]);
    /**
     *  统一中心
     */
    get localOrigin(): [number, number];
    set localOrigin(value: [number, number]);
    /**
     *  统一锚点
     */
    get localAnchor(): [number, number];
    set localAnchor(value: [number, number]);
    /**
     * 统一宽度
     */
    get localWidth(): number;
    set localWidth(value: number);
    /**
     * 统一高度
     */
    get localHeight(): number;
    set localHeight(value: number);
    /**
     * 动画列表
     */
    get tweens(): Array<TweenTarget>;
    constructor(config?: DisplayObjectConfig<RectStyleProps>);
    /**
     * 销毁
     */
    destroy(): void;
    /**
     * 获取 engine
     */
    getEngine(): Engine;
    /**
     * 修改 engine
     * @param engine
     */
    setEngine(engine: Engine): void;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 是否存在动画
     * @param name
     */
    haveTween(name: string): boolean;
    /**
     * 添加动画
     * @param name
     */
    addTween(name: string): TweenTarget;
    /**
     * 删除动画
     * @param name
     */
    removeTween(name: string | TweenTarget): boolean;
    /**
     * 获取动画
     * @param name
     */
    getTweenByName(name: string): TweenTarget;
    /**
     * 获取动画
     * @param id
     */
    getTweenById(id: string): TweenTarget;
    /**
     * 暂停所有动画
     */
    stopAllTween(): void;
    /**
     * 作为子节点被添加时触发
     * @param e
     */
    onComponentInserted(e: MutationEvent): void;
    /**
     * 作为子节点被移除时触发
     * @param e
     */
    onComponentRemoved(e: MutationEvent): void;
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 销毁时触发
     * @param e
     */
    onComponentDestroyed(e: CustomEvent): void;
    /**
     * 包围盒改变触发
     * @param e
     */
    onComponentBoundsChanged(e: MutationEvent): void;
    /**
     * 内容数据改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 设置属性从描述
     * @param prop
     */
    setProps(prop: AttrItem): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 反序列化
     * @param json
     */
    readArchive(json: any): this;
    /**
     * 序列化
     * @param json
     */
    writeArchive(json: any): this;
    /**
     * 克隆
     */
    cloneComponent(): DisplayObject;
    /**
     * 注册数据属性
     * @param value
     */
    registerDataProperty(value: DataProperty): void;
    /**
     * 取消数据属性
     */
    unRegisterDataProperty(): void;
    /**
     * 运行时绑定运行
     */
    bindDataProperty(): void;
}




/**
 * 形状
 */
export class Shape extends AbstractShape<AbstractShapeStyleProps> {
    static schema: ComponentBaseSchema;
    /**
     * 形状名称
     * @protected
     */
    protected _shapeName: any;
    /**
     * 路径集合
     * @protected
     */
    protected _hf: Array<Path>;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 形状名称
     */
    get shapeName(): any;
    set shapeName(value: any);
    constructor(config?: DisplayObjectConfig<AbstractShapeStyleProps>);
    /**
     * 设置比例
     * @param width
     * @param height
     * @param hf
     * @param shapeName
     * @param style
     */
    static setScale(width: number, height: number, hf: Array<Path>, shapeName: string, style: any): void;
    /**
     * 内部写入属性
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}




type ColorType = string | null;
export interface TextShapeStyleProps extends AbstractShapeStyleProps {
    text: string;
    textAlign?: CSSGlobalKeywords | 'center' | 'left' | 'right' | 'start' | 'end';
    textVAlign?: CSSGlobalKeywords | 'center' | 'top' | 'bottom';
    fontStyle?: CSSGlobalKeywords | 'normal' | 'italic' | 'oblique';
    fontSize?: number | string;
    fontFamily?: string;
    fontWeight?: CSSGlobalKeywords | 'normal' | 'bold' | 'bolder' | 'lighter' | number;
    lineHeight?: number | string;
    letterSpacing?: number | string;
    textStroke?: ColorType | Pattern;
    textStrokeOpacity?: number | string;
    textFill?: ColorType | Pattern;
    textFillOpacity?: number | string;
    textLineWidth?: string | number;
    textLineCap?: CanvasLineCap;
    textLineJoin?: CanvasLineJoin;
    textLineDash?: number | string | (string | number)[];
    textShadowType?: 'inner' | 'outer' | 'both';
    textShadowBlur?: number;
    textShadowColor?: ColorType;
    textShadowOffsetX?: number;
    textShadowOffsetY?: number;
}
/**
 * 文本
 */
export class Text extends AbstractShape<TextShapeStyleProps> {
    static schema: ComponentBaseSchema;
    get componentType(): string;
    /**
     * 文本
     * @private
     */
    private _text;
    /**
     * 矩形
     * @private
     */
    private _rect;
    constructor(config?: DisplayObjectConfig<TextShapeStyleProps>);
    /**
     * 同步属性
     */
    syncAttribute(): void;
    /**
     * 内部属性写入
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 更新文本对齐
     */
    updateTextAlign(): void;
    /**
     * 反序列化
     * @param json
     */
    readArchive(json: any): this;
    /**
     * 序列化
     * @param json
     */
    writeArchive(json: any): this;
}
export {};




/**
 * 三角形
 */
export class Triangle extends AbstractShape<AbstractShapeStyleProps> {
    static schema: ComponentBaseSchema;
    /**
     * 图形
     * @protected
     */
    protected _tri: Polygon;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<AbstractShapeStyleProps>);
    /**
     * 内部写入属性
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 按钮
 */
export class Button extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 按钮文本
     * @private
     */
    private _label;
    /**
     * 按钮圆角
     * @private
     */
    private _btnRadius;
    /**
     * 按钮文本颜色
     * @private
     */
    private _labelColor;
    /**
     * 按钮文本大小
     * @private
     */
    private _labelSize;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 边框宽度
     * @private
     */
    private _borderColor;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 按钮文本
     */
    get label(): string;
    set label(value: string);
    /**
     * 按钮圆角
     */
    get btnRadius(): string;
    set btnRadius(value: string);
    /**
     * 文本颜色
     */
    get labelColor(): string;
    set labelColor(value: string);
    /**
     * 文本字体大小
     */
    get labelSize(): string;
    set labelSize(value: string);
    /**
     * 边框大小
     */
    get borderWidth(): string;
    set borderWidth(value: string);
    /**
     * 边框宽度
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 复选框
 */
export class CheckBox extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 勾选元素
     * @private
     */
    private _input;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 勾选框圆角
     * @private
     */
    private _btnRadius;
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): string;
    set borderWidth(value: string);
    /**
     * 勾选框圆角
     */
    get btnRadius(): string;
    set btnRadius(value: string);
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取组件类型
     */
    get componentType(): string;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 是否选中
     */
    isChecked(): boolean;
    /**
     * 选中
     */
    checked(): void;
    /**
     * 不选中
     */
    unChecked(): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 复选框组
 */
export class CheckBoxGroup extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 数据绑定字段
     * @private
     */
    private _dataSourceBind;
    /**
     * 选中数据
     * @private
     */
    private _checkData;
    /**
     * 复选框宽度
     * @private
     */
    private _width;
    /**
     * 复选框高度
     * @private
     */
    private _height;
    /**
     * 复选框背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 复选框边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 复选框边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 复选框边框圆角
     * @private
     */
    private _btnRadius;
    /**
     * 复选框文本颜色
     * @private
     */
    private _textColor;
    /**
     * 复选框文本大小
     * @private
     */
    private _fontSize;
    /**
     * 元素的属性
     * @private
     */
    private _attrList;
    /**
     * 设置元素属性
     * @param key 属性名
     * @param value 属性值
     */
    rootSetAttr(key: any, value: any): void;
    /**
     * 复选框宽度
     */
    get width(): number;
    set width(value: number);
    /**
     * 复选框高度
     */
    get height(): number;
    set height(value: number);
    /**
     * 数据字段绑定
     */
    get dataSourceBind(): any;
    set dataSourceBind(value: any);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): number;
    set borderWidth(value: number);
    /**
     * 复选框边框圆角
     */
    get btnRadius(): number;
    set btnRadius(value: number);
    /**
     * 复选框文本颜色
     */
    get textColor(): string;
    set textColor(value: string);
    /**
     * 字体大小
     */
    get fontSize(): number;
    set fontSize(value: number);
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 组件渲染后
     * @param e
     */
    onComponentMounted(e: any): void;
    /**
     * 初始化数据
     * @param type 数据源类型
     * @param data 数据
     * @param isOther 是否使用其他绑定
     * @param otherBind 绑定字段
     */
    initListData(type: any, data: any, isOther?: boolean, otherBind?: {}): void;
    /**
     * 内容属性改动
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 获取组件类型
     */
    get componentType(): string;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 图表按钮
 */
export class CheckImgButton extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 按钮文本
     * @private
     */
    private _label;
    /**
     * 按钮圆角
     * @private
     */
    private _btnRadius;
    /**
     * 按钮文本颜色
     * @private
     */
    private _labelColor;
    /**
     * 字体大小
     * @private
     */
    private _labelSize;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 选中背景图
     * @private
     */
    private _selectedImg;
    /**
     * 未选中背景图
     * @private
     */
    private _notSelectedImg;
    /**
     * 禁止
     * @private
     */
    private _forbiddenBgImg;
    /**
     *  选中背景色
     * @private
     */
    private _selectedColor;
    /**
     * 未选中背景色
     * @private
     */
    private _notSelectedColor;
    /**
     * 禁用背景色
     * @private
     */
    private _forbiddenBgColor;
    /**
     * hover背景色
     * @private
     */
    private _hoverBgColor;
    /**
     * 按钮文本
     */
    get label(): string;
    set label(value: string);
    /**
     * 按钮圆角
     */
    get btnRadius(): string;
    set btnRadius(value: string);
    /**
     * 按钮文本颜色
     */
    get labelColor(): string;
    set labelColor(value: string);
    /**
     * 字体大小
     */
    get labelSize(): string;
    set labelSize(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): string;
    set borderWidth(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 未选中背景图
     */
    get selectedImg(): string;
    set selectedImg(value: string);
    /**
     * 未选中背景图
     */
    get notSelectedImg(): string;
    set notSelectedImg(value: string);
    /**
     * 禁止
     */
    get forbiddenBgImg(): string;
    set forbiddenBgImg(value: string);
    /**
     * 选中背景色
     */
    get selectedColor(): string;
    set selectedColor(value: string);
    /**
     * 未选中背景色
     */
    get notSelectedColor(): string;
    set notSelectedColor(value: string);
    /**
     * 禁用背景色
     */
    get forbiddenBgColor(): string;
    set forbiddenBgColor(value: string);
    /**
     * hover背景色
     */
    get hoverBgColor(): string;
    set hoverBgColor(value: string);
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 设置背景颜色
     * @param color
     */
    setBgColor(color: any): void;
    /**
     * 设置背景图片
     * @param url
     */
    setBgImg(url: any): void;
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 是否选中
     */
    isChecked(): boolean;
    /**
     * 选中
     */
    checked(): void;
    /**
     * 不选中
     */
    unChecked(): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 选择框
 */
export class Combox extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 边框圆角
     * @private
     */
    private _borderRadius;
    /**
     * 文本颜色
     * @private
     */
    private _textColor;
    /**
     * 文本对齐
     * @private
     */
    private _textAlign;
    /**
     * 选择背景色1
     * @private
     */
    private _itemBgColor1;
    /**
     * 选择背景色2
     * @private
     */
    private _itemBgColor2;
    /**
     * 选择数据
     * @private
     */
    private _comboxData;
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): number;
    set borderWidth(value: number);
    /**
     * 边框圆角
     */
    get borderRadius(): number;
    set borderRadius(value: number);
    /**
     * 文本颜色
     */
    get textColor(): string;
    set textColor(value: string);
    /**
     * 文本对齐
     */
    get textAlign(): string;
    set textAlign(value: string);
    /**
     * 选择背景色1
     */
    get itemBgColor1(): string;
    set itemBgColor1(value: string);
    /**
     * 选择背景色2
     */
    get itemBgColor2(): string;
    set itemBgColor2(value: string);
    /**
     * 获取选项
     */
    get comboxItem(): Array<{
        label: string;
        value: string;
    }>;
    /**
     * 选择数据
     */
    get comboxData(): Array<any>;
    /**
     * 选中选项文本
     */
    get selectedLabel(): string;
    /**
     * 选中选项
     */
    get selectedItem(): {
        label: string;
        value: string;
    } | undefined;
    /**
     * 选中的数据
     */
    get selectedData(): any;
    /**
     * 选中的下标
     */
    get selectedIndex(): number;
    set selectedIndex(index: number);
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 选择
     * @param value
     */
    selected(value: string): void;
    /**
     * 当前选择
     */
    getSelected(): string;
    /**
     * 设置选择索引
     */
    setSelectIndex(index: number): void;
    /**
     * 获取选择索引
     */
    getSelectIndex(): number;
    /**
     * 内容数据改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 给下拉列表赋值
     * @param data
     * @param type
     */
    private setListItem;
    private updateCombox;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 日期选择器
 */
export class DatePicker extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 选择时间
     * @private
     */
    private _activeValue;
    /**
     * 是否为范围选择器
     * @private
     */
    private _isRange;
    /**
     * 时间格式
     * @private
     */
    private _formatType;
    /**
     * 占位提示
     * @private
     */
    private _placeholder;
    /**
     * 时间框背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 时间框边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 时间框边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 时间框字体大小
     * @private
     */
    private _fontSize;
    /**
     * 时间框字体颜色
     * @private
     */
    private _fontColor;
    /**
     * 时间框图标颜色
     * @private
     */
    private _iconColor;
    /**
     * 占位提示颜色
     * @private
     */
    private _placeholderColor;
    /**
     * 下拉背景色
     * @private
     */
    private _opBgColor;
    /**
     * 下拉边框颜色
     * @private
     */
    private _opBorderColor;
    /**
     * 下拉边框宽度
     * @private
     */
    private _opBorderWidth;
    /**
     * 下拉字体大小
     * @private
     */
    private _opFontSize;
    /**
     * 下拉字体颜色
     * @private
     */
    private _opFontColor;
    /**
     * 下拉分割线颜色
     * @private
     */
    private _opLineColor;
    /**
     * 下拉按钮主题颜色
     * @private
     */
    private _opBtnColor;
    /**
     * 下拉按钮字体颜色
     * @private
     */
    private _opBtnFont;
    /**
     * 下拉悬浮背景颜色
     * @private
     */
    private _opHoverColor;
    /**
     * 下拉悬浮字体颜色
     * @private
     */
    private _opHoverFont;
    /**
     * 下拉选中字体颜色
     * @private
     */
    private _opSelectFont;
    /**
     * 下拉选中背景颜色
     * @private
     */
    private _opSelectColor;
    /**
     * 元素属性集合
     * @private
     */
    private _attrList;
    /**
     * 设置元素属性
     * @param key 属性名
     * @param value 属性值
     */
    rootSetAttr(key: any, value: any): void;
    /**
     * 是否为范围选择器
     */
    get isRange(): boolean;
    set isRange(value: boolean);
    /**
     * 时间格式
     */
    get formatType(): string;
    set formatType(value: string);
    /**
     * 占位提示
     */
    get placeholder(): string;
    set placeholder(value: string);
    /**
     * 时间框背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 时间框边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 时间框边框宽度
     */
    get borderWidth(): number;
    set borderWidth(value: number);
    /**
     * 时间框字体大小
     */
    get fontSize(): number;
    set fontSize(value: number);
    /**
     * 时间框字体颜色
     */
    get fontColor(): string;
    set fontColor(value: string);
    /**
     * 时间框图标颜色
     */
    get iconColor(): string;
    set iconColor(value: string);
    /**
     * 占位提示颜色
     */
    get placeholderColor(): string;
    set placeholderColor(value: string);
    /**
     * 下拉背景色
     */
    get opBgColor(): string;
    set opBgColor(value: string);
    /**
     * 下拉边框颜色
     */
    get opBorderColor(): string;
    set opBorderColor(value: string);
    /**
     * 下拉边框宽度
     */
    get opBorderWidth(): number;
    set opBorderWidth(value: number);
    /**
     * 下拉字体大小
     */
    get opFontSize(): number;
    set opFontSize(value: number);
    /**
     * 下拉字体颜色
     */
    get opFontColor(): string;
    set opFontColor(value: string);
    /**
     * 下拉分割线颜色
     */
    get opLineColor(): string;
    set opLineColor(value: string);
    /**
     * 下拉按钮主题颜色
     */
    get opBtnColor(): string;
    set opBtnColor(value: string);
    /**
     * 下拉按钮字体颜色
     */
    get opBtnFont(): string;
    set opBtnFont(value: string);
    /**
     * 下拉悬浮背景颜色
     */
    get opHoverColor(): string;
    set opHoverColor(value: string);
    /**
     * 下拉选中背景颜色
     */
    get opSelectColor(): string;
    set opSelectColor(value: string);
    /**
     * 下拉悬浮字体颜色
     */
    get opHoverFont(): string;
    set opHoverFont(value: string);
    /**
     * 下拉选中字体颜色
     */
    get opSelectFont(): string;
    set opSelectFont(value: string);
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 组件渲染后
     * @param e
     */
    onComponentMounted(e: any): void;
    /**
     * 选择
     * @param value
     */
    selected(value: string | string[]): void;
    /**
     * 当前选择
     */
    getSelected(): string | string[];
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}





/**
 * 数字动画
 */
export class DigitalAnimate extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 数值动画元素
     * @private
     */
    private _prefixEl;
    /**
     * 数值元素
     * @private
     */
    private _countEl;
    /**
     * 后缀元素
     * @private
     */
    private _suffixEl;
    /**
     * 数字动画
     * @private
     */
    private _prefix;
    /**
     * 后缀
     * @private
     */
    private _suffix;
    /**
     * 开始数值
     * @private
     */
    private _startNum;
    /**
     * 结束数值
     * @private
     */
    private _endNum;
    /**
     * 字体大小
     * @private
     */
    private _labelSize;
    /**
     * 字体颜色
     * @private
     */
    private _labelColor;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框圆角
     * @private
     */
    private _borderRadius;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 计时器
     * @private
     */
    private _timer;
    /**
     * 数字动画
     */
    get prefix(): string;
    set prefix(value: string);
    /**
     * 后缀
     */
    get suffix(): string;
    set suffix(value: string);
    /**
     * 开始数值
     */
    get startNum(): string;
    set startNum(value: string);
    /**
     * 结束数值
     */
    get endNum(): string;
    set endNum(value: string);
    /**
     * 字体大小
     */
    get labelSize(): string;
    set labelSize(value: string);
    /**
     * 字体颜色
     */
    get labelColor(): string;
    set labelColor(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): string;
    set borderWidth(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 边框圆角
     */
    get borderRadius(): string;
    set borderRadius(value: string);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 计时器
     */
    get timer(): string;
    set timer(value: string);
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 数字自动增长动画
     * @param startNum
     * @param endNum
     */
    numAutoPlusAnimation(): void;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 选择
     * @param value
     */
    selected(value: string): void;
    /**
     * 当前选择
     */
    getSelected(): string;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}













/**
 * ui组件基础
 */
export class Foreign extends HTML implements IComponent, IArchive, IUniform, IProp, ITransform, IAnimation {
    static schema: ComponentBaseSchema;
    private _engine;
    /**
     * 子组件
     * @private
     */
    private _subComponent;
    /**
     * 统一中心
     * @private
     */
    private _localOrigin;
    /**
     * 统一锚点
     * @private
     */
    private _localAnchor;
    /**
     * 组件 RBush 节点
     * @private
     */
    private _componentRBushNode;
    /**
     * 组件数据属性
     * @private
     */
    private _componentDataProperty;
    private _tweens;
    /**
     * 锁定编辑
     * @private
     */
    private _lockEdit;
    /**
     * 光标图标
     * @private
     */
    private _cursorIcon;
    /**
     * 是组件
     */
    get isComponent(): boolean;
    /**
     * 是子组件
     */
    get isSubComponent(): boolean;
    /**
     * 是组组件
     */
    get isGroupComponent(): boolean;
    /**
     * 是容器组件
     */
    get isContainerComponent(): boolean;
    /**
     * 是滚动容器组件
     */
    get isScrollContainerComponent(): boolean;
    /**
     * 是内部组件
     */
    get isInnerComponent(): boolean;
    /**
     * 是模型组件
     */
    get isModelComponent(): boolean;
    /**
     * 是工具提示组件
     */
    get isTooltipComponent(): boolean;
    /**
     * 是页面组件
     */
    get isPageComponent(): boolean;
    /**
     * 是子页面组件
     */
    get isSubPageComponent(): boolean;
    /**
     * 是父容器组件
     */
    get isParentContainerComponent(): boolean;
    /**
     * 是父弹性组件
     */
    get isParentFlexComponent(): boolean;
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 组件 RBushNode
     */
    get componentRBushNode(): RBushNode;
    /**
     * 变换类型
     */
    get transformType(): TransformType;
    /**
     * 数据属性
     */
    get dataProperty(): IDataProperty;
    set dataProperty(data: IDataProperty);
    /**
     * 内容属性
     */
    get contentProperty(): IPageViewModel;
    set contentProperty(data: IPageViewModel);
    /**
     * 锁定编辑
     */
    get lockEdit(): boolean;
    set lockEdit(value: boolean);
    /**
     * 光标图标
     */
    get cursorIcon(): Cursor;
    set cursorIcon(value: Cursor);
    /**
     *  统一本地坐标
     */
    get localPosition(): vec3;
    set localPosition(value: vec3 | [number, number]);
    /**
     * 统一位置 X
     */
    get localPositionX(): number;
    set localPositionX(value: number);
    /**
     * 统一位置 Y
     */
    get localPositionY(): number;
    set localPositionY(value: number);
    /**
     *  统一本地欧拉角
     */
    get localRotate(): number;
    set localRotate(value: number);
    /**
     *  统一本地缩放
     */
    get localScale(): vec3;
    set localScale(value: vec3 | [number, number]);
    /**
     *  统一本地倾斜
     */
    get localSkew(): vec2;
    set localSkew(value: vec2 | [number, number]);
    /**
     *  统一中心
     */
    get localOrigin(): [number, number];
    set localOrigin(value: [number, number]);
    /**
     *  统一锚点
     */
    get localAnchor(): [number, number];
    set localAnchor(value: [number, number]);
    /**
     * 统一宽度
     */
    get localWidth(): number;
    set localWidth(value: number);
    /**
     * 统一高度
     */
    get localHeight(): number;
    set localHeight(value: number);
    /**
     * 动画列表
     */
    get tweens(): Array<TweenTarget>;
    /**
     * 禁用状态
     */
    get disableState(): boolean;
    set disableState(value: boolean);
    /**
     * 选中状态
     */
    get checkState(): boolean;
    set checkState(value: boolean);
    /**
     * 选择状态
     */
    get selectState(): string | number | [string, string] | string[];
    set selectState(value: string | number | [string, string] | string[]);
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 销毁
     */
    destroy(): void;
    /**
     * 获取 engine
     */
    getEngine(): Engine;
    /**
     * 修改 engine
     * @param engine
     */
    setEngine(engine: Engine): void;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 是否存在动画
     * @param name
     */
    haveTween(name: string): boolean;
    /**
     * 添加动画
     * @param name
     */
    addTween(name: string): TweenTarget;
    /**
     * 删除动画
     * @param name
     */
    removeTween(name: string | TweenTarget): boolean;
    /**
     * 获取动画
     * @param name
     */
    getTweenByName(name: string): TweenTarget;
    /**
     * 获取动画
     * @param id
     */
    getTweenById(id: string): TweenTarget;
    /**
     * 暂停所有动画
     */
    stopAllTween(): void;
    /**
     * 作为子节点被添加时触发
     * @param e
     */
    onComponentInserted(e: MutationEvent): void;
    /**
     * 作为子节点被移除时触发
     * @param e
     */
    onComponentRemoved(e: MutationEvent): void;
    /**
     * 首次进入画布时触发
     * @param e
     */
    onComponentMounted(e: FederatedEvent): void;
    /**
     * 从画布中移除时触发
     * @param e
     */
    onComponentUnMounted(e: FederatedEvent): void;
    /**
     * 销毁时触发
     * @param e
     */
    onComponentDestroyed(e: CustomEvent): void;
    /**
     * 包围盒改变触发
     * @param e
     */
    onComponentBoundsChanged(e: MutationEvent): void;
    /**
     * 内容数据改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 父级DIV尺寸改变
     * @param width
     * @param height
     */
    onForeignSizeChanged(width: number, height: number): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 设置属性从描述
     * @param prop
     */
    setProps(prop: AttrItem): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 是否选中
     */
    isChecked(): boolean;
    /**
     * 选中
     */
    checked(): void;
    /**
     * 不选中
     */
    unChecked(): void;
    /**
     * 选择
     * @param value
     */
    selected(value: string | number | [string, string] | string[]): void;
    /**
     * 当前选择
     */
    getSelected(): string | number | [string, string] | string[];
    /**
     * 反序列化
     * @param json
     */
    readArchive(json: any): this;
    /**
     * 序列化
     * @param json
     */
    writeArchive(json: any): this;
    /**
     * 克隆
     */
    cloneComponent(): DisplayObject;
    /**
     * 注册数据属性
     * @param value
     */
    registerDataProperty(value: DataProperty): void;
    /**
     * 取消数据属性
     */
    unRegisterDataProperty(): void;
    /**
     * 运行时绑定运行
     */
    bindDataProperty(): void;
}






/**
 * 顶部导航菜单
 */
export class HorizontalMenu extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 选中的菜单
     * @private
     */
    private _menuValue;
    /**
     * 数据绑定字段
     * @private
     */
    private _dataSourceBind;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 字体大小
     * @private
     */
    private _fontSize;
    /**
     * 字体颜色
     * @private
     */
    private _fontColor;
    /**
     * 选中背景颜色
     * @private
     */
    private _selectBg;
    /**
     * 选中自字体颜色
     * @private
     */
    private _selectColor;
    /**
     * 元素属性列表
     * @private
     */
    private _attrList;
    /**
     * 设置元素属性
     * @param key 属性名
     * @param value 属性值
     */
    rootSetAttr(key: any, value: any): void;
    /**
     * 数据绑定字段
     */
    get dataSourceBind(): any;
    set dataSourceBind(value: any);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): number;
    set borderWidth(value: number);
    /**
     * 字体大小
     */
    get fontSize(): number;
    set fontSize(value: number);
    /**
     * 字体颜色
     */
    get fontColor(): string;
    set fontColor(value: string);
    /**
     * 选中背景颜色
     */
    get selectBg(): string;
    set selectBg(value: string);
    /**
     * 选中自字体颜色
     */
    get selectColor(): string;
    set selectColor(value: string);
    /**
     * 初始化数据
     * @param type 数据源类型
     * @param data 数据
     * @param isOther 是否使用其他绑定
     * @param otherBind 绑定字段
     */
    initTreeData(type: any, data: any, isOther?: boolean, otherBind?: {}): void;
    /**
     * 内容属性变动
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 组件渲染后
     * @param e
     */
    onComponentMounted(e: any): void;
    /**
     * 选择
     * @param value
     */
    selected(value: string): void;
    /**
     * 当前选择
     */
    getSelected(): string | string[];
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}





/**
 * 内嵌框架 iframe
 */
export class IFrame extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 标题元素
     * @private
     */
    private _titleSpan;
    /**
     * 关闭按钮元素
     * @private
     */
    private _closeSpan;
    /**
     * 头部元素
     * @private
     */
    private _header;
    /**
     * 内嵌框架元素
     * @private
     */
    private _iframe;
    /**
     * 隐藏标题
     * @private
     */
    private _hideTitle;
    /**
     * 隐藏关闭按钮
     * @private
     */
    private _hideClose;
    /**
     * 标题
     * @private
     */
    private _title;
    /**
     * 内嵌内容路径
     * @private
     */
    private _iframeSrc;
    /**
     * 标题颜色
     * @private
     */
    private _titleColor;
    /**
     * 内嵌内容边框颜色
     * @private
     */
    private _IFrameBorderColor;
    /**
     * 头部背景颜色
     * @private
     */
    private _headBgColor;
    /**
     * 头部边框颜色
     * @private
     */
    private _headBorderColor;
    /**
     * 头部边框圆角
     * @private
     */
    private _headBorderRadius;
    private _onPointerDown;
    private _onPointerMove;
    private _onPointerUp;
    /**
     * 隐藏标题
     */
    get hideTitle(): boolean;
    set hideTitle(value: boolean);
    /**
     * 隐藏关闭按钮
     */
    get hideClose(): boolean;
    set hideClose(value: boolean);
    /**
     * 标题
     */
    get title(): string;
    set title(value: string);
    /**
     * 内嵌内容路径
     */
    get iframeSrc(): string;
    set iframeSrc(value: string);
    /**
     * 标题颜色
     */
    get titleColor(): string;
    set titleColor(value: string);
    /**
     * 内嵌内容边框颜色
     * @constructor
     */
    get IFrameBorderColor(): string;
    set IFrameBorderColor(value: string);
    /**
     * 头部背景颜色
     */
    get headBgColor(): string;
    set headBgColor(value: string);
    /**
     * 头部边框颜色
     */
    get headBorderColor(): string;
    set headBorderColor(value: string);
    /**
     * 头部边框圆角
     */
    get headBorderRadius(): string;
    set headBorderRadius(value: string);
    /**
     * 组件属性
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 创建关闭按钮
     */
    createCloseBtn(): HTMLImageElement;
    /**
     * 创建标题
     */
    createTitle(): HTMLSpanElement;
    /**
     * 创建头部区域
     */
    createHeader(): HTMLDivElement;
    /**
     * 更新头部样式
     */
    updateHeadStyle(): void;
    /**
     * 指针按下
     * @param e
     */
    onPointerDown(e: PointerEvent): void;
    /**
     * 指针移动
     * @param e
     */
    onPointerMove(e: PointerEvent): void;
    /**
     * 指针离开
     * @param e
     */
    onPointerUp(e: PointerEvent): void;
}






/**
 * 图片按钮
 */
export class ImgButton extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 按钮文本
     * @private
     */
    private _label;
    /**
     * 按钮圆角
     * @private
     */
    private _btnRadius;
    /**
     * 按钮文本颜色
     * @private
     */
    private _labelColor;
    /**
     * 文本大小
     * @private
     */
    private _labelSize;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 默认背景图片
     * @private
     */
    private _defaultBgImg;
    /**
     * 悬浮背景图片
     * @private
     */
    private _hoverBgImg;
    /**
     * 点击背景图片
     * @private
     */
    private _clickBgImg;
    /**
     * 禁止背景图片
     * @private
     */
    private _forbiddenBgImg;
    /**
     * 按钮文本
     */
    get label(): string;
    set label(value: string);
    /**
     * 按钮圆角
     */
    get btnRadius(): string;
    set btnRadius(value: string);
    /**
     * 按钮文本颜色
     */
    get labelColor(): string;
    set labelColor(value: string);
    /**
     * 文本大小
     */
    get labelSize(): string;
    set labelSize(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): string;
    set borderWidth(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 默认背景图片
     */
    get defaultBgImg(): string;
    set defaultBgImg(value: string);
    /**
     * 悬浮背景图片
     */
    get hoverBgImg(): string;
    set hoverBgImg(value: string);
    /**
     * 点击背景图片
     */
    get clickBgImg(): string;
    set clickBgImg(value: string);
    /**
     * 禁止背景图片
     */
    get forbiddenBgImg(): string;
    set forbiddenBgImg(value: string);
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 设置背景图片
     * @param url
     */
    setBgImg(url: any): void;
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 垂直菜单
 */
export class InlineMenu extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 选中菜单值
     * @private
     */
    private _menuValue;
    /**
     * 数据绑定字段
     * @private
     */
    private _dataSourceBind;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 字体大小
     * @private
     */
    private _fontSize;
    /**
     * 字体颜色
     * @private
     */
    private _fontColor;
    /**
     * 展开菜单背景颜色
     * @private
     */
    private _openColor;
    /**
     * 选中背景颜色
     * @private
     */
    private _selectBg;
    /**
     * 选中背景颜色
     * @private
     */
    private _selectColor;
    /**
     * 选中背景颜色
     * @private
     */
    private _hoverColor;
    /**
     * 组件属性集合
     * @private
     */
    private _attrList;
    /**
     * 设置元素属性
     * @param key 属性名
     * @param value 属性值
     */
    rootSetAttr(key: any, value: any): void;
    /**
     * 数据绑定字段
     */
    get dataSourceBind(): any;
    set dataSourceBind(value: any);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): number;
    set borderWidth(value: number);
    /**
     * 字体大小
     */
    get fontSize(): number;
    set fontSize(value: number);
    /**
     * 字体颜色
     */
    get fontColor(): string;
    set fontColor(value: string);
    /**
     * 展开菜单背景颜色
     */
    get openColor(): string;
    set openColor(value: string);
    /**
     * 选中背景颜色
     */
    get selectBg(): string;
    set selectBg(value: string);
    /**
     * 选中背景颜色
     */
    get selectColor(): string;
    set selectColor(value: string);
    /**
     * 选中背景颜色
     */
    get hoverColor(): string;
    set hoverColor(value: string);
    /**
     * 初始化数据
     * @param type 数据源类型
     * @param data 数据
     * @param isOther 是否使用其他绑定
     * @param otherBind 绑定字段
     */
    initTreeData(type: any, data: any, isOther?: boolean, otherBind?: {}): void;
    /**
     * 内容属性改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 组件渲染后
     * @param e
     */
    onComponentMounted(e: any): void;
    /**
     * 选择
     * @param value
     */
    selected(value: string): void;
    /**
     * 当前选择
     */
    getSelected(): string | string[];
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 输入框
 */
export class Input extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 文本颜色
     * @private
     */
    private _labelColor;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 边框圆角
     * @private
     */
    private _btnRadius;
    /**
     * 文本颜色
     */
    get labelColor(): string;
    set labelColor(value: string);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): string;
    set borderWidth(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 边框圆角
     */
    get btnRadius(): string;
    set btnRadius(value: string);
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 选择
     * @param value
     */
    selected(value: string): void;
    /**
     * 当前选择
     */
    getSelected(): string;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 列表
 */
export class List extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 应用客户端
     * @private
     */
    private _appClient;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 边框圆角
     * @private
     */
    private _borderRadius;
    /**
     * 分割线颜色
     * @private
     */
    private _dividerLineColor;
    /**
     * 分割线宽度
     * @private
     */
    private _dividerLineWidth;
    /**
     * 子项高度
     * @private
     */
    private _itemHeight;
    /**
     * 子项背景色1
     * @private
     */
    private _itemBgColor1;
    /**
     * 子项背景色2
     * @private
     */
    private _itemBgColor2;
    /**
     * 文本颜色
     * @private
     */
    private _textColor;
    /**
     * 文本对齐
     * @private
     */
    private _textAlign;
    /**
     * 字体大小
     * @private
     */
    private _fontSize;
    /**
     * 垂直滚动模式
     * @private
     */
    private _scrollVMode;
    /**
     * 水平滚动模式
     * @private
     */
    private _scrollHMode;
    /**
     * 选择模式
     * @private
     */
    private _selectMode;
    /**
     * 选中背景色
     * @private
     */
    private _selectedBgColor;
    /**
     * 选中文本颜色
     * @private
     */
    private _selectedTextColor;
    /**
     * 子项格式化
     * @private
     */
    private _itemFormat;
    /**
     * 选中格式化
     * @private
     */
    private _selectedFormat;
    /**
     * 选中索引
     * @private
     */
    private _selectedIndex;
    /**
     * 选中项
     * @private
     */
    private _listItem;
    /**
     * 列表数据
     * @private
     */
    private _listData;
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): number;
    set borderWidth(value: number);
    /**
     * 边框圆角
     */
    get borderRadius(): number;
    set borderRadius(value: number);
    /**
     * 水平滚动模式
     */
    get scrollHMode(): string;
    set scrollHMode(value: string);
    /**
     * 垂直滚动模式
     */
    get scrollVMode(): string;
    set scrollVMode(value: string);
    /**
     * 文本颜色
     */
    get textColor(): string;
    set textColor(value: string);
    /**
     * 文本对齐
     */
    get textAlign(): string;
    set textAlign(value: string);
    /**
     * 字体大小
     */
    get fontSize(): number;
    set fontSize(value: number);
    /**
     * 分割线颜色
     */
    get dividerLineColor(): string;
    set dividerLineColor(value: string);
    /**
     * 分割线宽度
     */
    get dividerLineWidth(): number;
    set dividerLineWidth(value: number);
    /**
     * 子项高度
     */
    get itemHeight(): number;
    set itemHeight(value: number);
    /**
     * 子项背景色1
     */
    get itemBgColor1(): string;
    set itemBgColor1(value: string);
    /**
     * 子项背景色2
     */
    get itemBgColor2(): string;
    set itemBgColor2(value: string);
    /**
     * 子项格式化
     */
    get itemFormat(): string;
    set itemFormat(value: string);
    /**
     * 选择模式
     */
    get selectMode(): boolean;
    set selectMode(value: boolean);
    /**
     * 选中背景色
     */
    get selectedBgColor(): string;
    set selectedBgColor(value: string);
    /**
     * 选中文本颜色
     */
    get selectedTextColor(): string;
    set selectedTextColor(value: string);
    /**
     * 选中格式化
     */
    get selectedFormat(): string;
    set selectedFormat(value: string);
    /**
     * 列表项
     */
    get listItem(): Array<{
        label: string;
        value: string;
    }>;
    /**
     * 列表数据
     */
    get listData(): Array<any>;
    /**
     * 选中文本
     */
    get selectedLabel(): string;
    /**
     * 选中项
     */
    get selectedItem(): {
        label: string;
        value: string;
    } | undefined;
    /**
     * 选中数据
     */
    get selectedData(): any;
    /**
     * 选中索引
     */
    get selectedIndex(): number;
    set selectedIndex(index: number);
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 内容数据改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
    /**
     * 当前选择
     */
    getSelected(): string;
    /**
     * 选择
     * @param value
     */
    selected(value: string): void;
    /**
     * 当前选择索引
     */
    getSelectIndex(): number;
    /**
     * 设置选择索引
     * @param index
     */
    setSelectIndex(index: number): void;
    /**
     * 给列表赋值
     * @param data
     * @param type
     */
    private setListItem;
    /**
     * 创建项
     */
    private createItem;
    /**
     * 创建列表
     */
    private createList;
    /**
     * 更新列表
     */
    private updateList;
}






interface addMarkerByRouteParams {
    poi: any[];
    infoWindow: any;
    iconType: string;
    icon: string;
    iconSize: [number, number];
    routeId: string;
    params: any;
}
interface addMarkerParams {
    poi: any[];
    infoWindow: string;
    markerIconType: string;
}
interface addLayerParams {
    paths: string;
    fillColor: string;
    borderWeight: number;
    strokeColor: string;
    title: string;
}
interface addCircleParams {
    center: [string, string];
    radius: number;
    strokeColor: string;
    strokeOpacity: number;
    strokeWeight: number;
    fillColor: string;
    fillOpacity: number;
}
type drawType = 'marker' | 'polyline' | 'polygon' | 'rectangle' | 'circle';
/**
 * 地图
 */
export class Map extends Foreign {
    static schema: ComponentBaseSchema;
    private _scadaMap;
    private _mapMouseTool;
    private _editOverlays;
    private _geocoder;
    private _currentOverlay;
    private _overlayInfo;
    private _searchOptions;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 地图组件
     * @private
     */
    private _AMap;
    /**
     * 默认地图缩放级别
     * @private
     */
    private _zoom;
    /**
     * 图层展示类型 2D 3D
     * @private
     */
    private _viewMode;
    /**
     * 是否显示工具栏
     * @private
     */
    private _toolBar;
    /**
     * 是否显示地图类型切换控件
     * @private
     */
    private _mapType;
    /**
     * 是否显示实时路况图层
     * @private
     */
    private _trafficLayer;
    /**
     * 是否默认显示卫星图像图层
     * @private
     */
    private _satellite;
    /**
     * 是否默认显示路网图像图层
     * @private
     */
    private _roadNet;
    /**
     * 是否显示覆盖物绘制工具
     * @private
     */
    private _mouseTool;
    /**
     * 是否显示搜索框
     * @private
     */
    private _hasSearch;
    /**
     * 是否显示当前选中覆盖物信息
     * @private
     */
    private _showOverlayInfo;
    /**
     * 默认地图缩放级别
     */
    get zoom(): number;
    set zoom(value: number);
    /**
     * 图层展示类型 2D 3D
     */
    get viewMode(): string;
    set viewMode(value: string);
    /**
     * 是否显示工具栏
     */
    get toolBar(): boolean;
    set toolBar(value: boolean);
    get mapType(): boolean;
    set mapType(value: boolean);
    /**
     * 是否显示实时路况图层
     */
    get trafficLayer(): boolean;
    set trafficLayer(value: boolean);
    /**
     * 是否默认显示卫星图像图层
     */
    get satellite(): boolean;
    set satellite(value: boolean);
    /**
     * 是否默认显示路网图像图层
     */
    get roadNet(): boolean;
    set roadNet(value: boolean);
    /**
     * 是否显示覆盖物绘制工具
     */
    get mouseTool(): boolean;
    set mouseTool(value: boolean);
    /**
     * 是否显示搜索框
     */
    get hasSearch(): boolean;
    set hasSearch(value: boolean);
    /**
     * 是否显示当前选中覆盖物信息
     */
    get showOverlayInfo(): boolean;
    set showOverlayInfo(value: boolean);
    /**
     * 搜索返回下拉
     */
    getSearchOptions(): {
        label: string;
        value: string;
    }[];
    /**
     * 获取地图
     */
    getMap(): any;
    /**
     * 删除地图
     */
    clearMap(): void;
    /**
     * 画图
     * @param type 类型
     */
    draw(type: drawType): void;
    /**
     * 初始化地图
     */
    initMap(): void;
    /**
     * 获取秘钥和key
     */
    getMapKey: () => Promise<void>;
    /**
     * 设置地图中心点
     * @param params [116.397083, 39.874531]
     * @param immediately boolean
     */
    setCenter(center?: number[], immediately?: boolean): void;
    /**
     * 逆向地理编码方法
     * @param lnglat 经纬度
     * @param cb
     */
    getAddress(lnglat: number[], cb: Function): void;
    /**
     * 获取覆盖物信息
     * @param cb
     */
    getOverlayInfo: (cb?: Function) => any;
    /**
     * 获取覆盖物
     * @param type 类型 不必传
     */
    getOverlays(type?: string): any;
    /**
     * 获取当前选中的覆盖物;
     */
    getCurrentOverLay(): {
        currentOverlay: any;
        _address: any;
    };
    /**
     * 添加图层
     */
    addLayer({ paths, fillColor, borderWeight, strokeColor, title, }: addLayerParams): void;
    /**
     * 兴趣点搜索返回匹配的列表
     * @param keywords 关键字
     */
    handleSearch(keywords: any): Promise<void>;
    /**
     * 搜索确定
     * @param keywords 关键字
     */
    handleSearchChange(keywords: string): void;
    /**
     * marker点标注，带信息窗口
     * @param params {
     *   poi:坐标点[精度,纬度]
     *   infoWindow： html string 信息窗口展示信息
     *   markerIconType：string marker点图标颜色 default:蓝色 red：红色 custom:自定义图片
     * }
     */
    addMarker({ poi, infoWindow, markerIconType }: addMarkerParams): void;
    /**
     * marker点标注，带信息窗口
     */
    addMarkerByRoute({ poi, infoWindow, iconType, icon, iconSize, routeId, params, }: addMarkerByRouteParams): void;
    /**
     * 添加圆
     * @param params center：圆心位置 radius：半径 strokeColor：线颜色 strokeOpacity：线透明度 strokeWeight：线粗细度 fillColor：填充颜色 fillOpacity：填充颜色
     */
    addCircle({ center, // 圆心位置
    radius, //半径
    strokeColor, //线颜色
    strokeOpacity, //线透明度
    strokeWeight, //线粗细度
    fillColor, //填充颜色
    fillOpacity, }: addCircleParams): void;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    onComponentMounted(e: any): void;
    onComponentUnMounted(e: any): void;
    get componentType(): string;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}
export {};






/**
 * 下拉
 */
export class Select extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 选中数据
     * @private
     */
    private _selectValue;
    /**
     * 数据字段绑定
     * @private
     */
    private _dataSourceBind;
    /**
     * 是否多选
     * @private
     */
    private _multiple;
    /**
     * 是否可清除
     * @private
     */
    private _allowClear;
    /**
     * 占位提示
     * @private
     */
    private _placeholder;
    /**
     * 默认选中
     * @private
     */
    private _selectOne;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 字体大小
     * @private
     */
    private _fontSize;
    /**
     * 字体颜色
     * @private
     */
    private _fontColor;
    /**
     * 图标颜色
     * @private
     */
    private _iconColor;
    /**
     * 占位内容颜色
     * @private
     */
    private _placeholderColor;
    /**
     * 多选背景颜色
     * @private
     */
    private _multipleBgColor;
    /**
     * 多选边框颜色
     * @private
     */
    private _multipleBorderColor;
    /**
     * 多选边框宽度
     * @private
     */
    private _multipleBorderWidth;
    /**
     * 多选字体大小
     * @private
     */
    private _multipleFontSize;
    /**
     * 多选字体颜色
     * @private
     */
    private _multipleFontColor;
    /**
     * 多选图标颜色
     * @private
     */
    private _multipleIconColor;
    /**
     * 选项背景颜色
     * @private
     */
    private _itemBgColor;
    /**
     * 选择边框颜色
     * @private
     */
    private _itemBorderColor;
    /**
     * 选项背景宽度
     * @private
     */
    private _itemBorderWidth;
    /**
     * 选项字体大小
     * @private
     */
    private _itemFontSize;
    /**
     * 选项字体颜色
     * @private
     */
    private _itemFontColor;
    /**
     * 悬浮背景颜色
     * @private
     */
    private _hoverBg;
    /**
     * 悬浮字体颜色
     * @private
     */
    private _hoverColor;
    /**
     * 选择背景颜色
     * @private
     */
    private _selectBg;
    /**
     * 选择字体颜色
     * @private
     */
    private _selectColor;
    /**
     * 组件属性列表
     * @private
     */
    private _attrList;
    /**
     * 设置元素属性
     * @param key 属性名
     * @param value 属性值
     */
    rootSetAttr(key: any, value: any): void;
    /**
     * 数据字段绑定
     */
    get dataSourceBind(): any;
    set dataSourceBind(value: any);
    /**
     * 是否可清除
     */
    get allowClear(): boolean;
    set allowClear(value: boolean);
    /**
     * 是否多选
     */
    get multiple(): boolean;
    set multiple(value: boolean);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 占位提示
     */
    get placeholder(): string;
    set placeholder(value: string);
    /**
     * 默认选中
     */
    get selectOne(): boolean;
    set selectOne(value: boolean);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): number;
    set borderWidth(value: number);
    /**
     * 字体大小
     */
    get fontSize(): number;
    set fontSize(value: number);
    /**
     * 字体颜色
     */
    get fontColor(): string;
    set fontColor(value: string);
    /**
     * 图标颜色
     */
    get iconColor(): string;
    set iconColor(value: string);
    /**
     * 占位内容颜色
     */
    get placeholderColor(): string;
    set placeholderColor(value: string);
    /**
     * 多选背景颜色
     */
    get multipleBgColor(): string;
    set multipleBgColor(value: string);
    /**
     * 多选边框颜色
     */
    get multipleBorderColor(): string;
    set multipleBorderColor(value: string);
    /**
     * 多选边框宽度
     */
    get multipleBorderWidth(): number;
    set multipleBorderWidth(value: number);
    /**
     * 多选字体大小
     */
    get multipleFontSize(): number;
    set multipleFontSize(value: number);
    /**
     * 多选字体颜色
     */
    get multipleFontColor(): string;
    set multipleFontColor(value: string);
    /**
     * 多选图标颜色
     */
    get multipleIconColor(): string;
    set multipleIconColor(value: string);
    /**
     * 选项背景颜色
     */
    get itemBgColor(): string;
    set itemBgColor(value: string);
    /**
     * 选择边框颜色
     */
    get itemBorderColor(): string;
    set itemBorderColor(value: string);
    /**
     * 选项背景宽度
     */
    get itemBorderWidth(): number;
    set itemBorderWidth(value: number);
    /**
     * 选项字体大小
     */
    get itemFontSize(): number;
    set itemFontSize(value: number);
    /**
     * 选项字体颜色
     */
    get itemFontColor(): string;
    set itemFontColor(value: string);
    /**
     * 悬浮背景颜色
     */
    get hoverBg(): string;
    set hoverBg(value: string);
    /**
     * 悬浮字体颜色
     */
    get hoverColor(): string;
    set hoverColor(value: string);
    /**
     * 选择背景颜色
     */
    get selectBg(): string;
    set selectBg(value: string);
    /**
     * 选择字体颜色
     */
    get selectColor(): string;
    set selectColor(value: string);
    /**
     * 初始化数据
     * @param type 数据源类型
     * @param data 数据
     * @param isOther 是否使用其他绑定
     * @param otherBind 绑定字段
     */
    initListData(type: any, data: any, isOther?: boolean, otherBind?: {}): void;
    /**
     * 内容属性改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 组件渲染后
     * @param e
     */
    onComponentMounted(e: any): void;
    /**
     * 选择
     * @param value
     */
    selected(value: string | string[]): void;
    /**
     * 当前选择
     */
    getSelected(): string | string[];
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 滑块
 */
export class Silder extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 最大值
     * @private
     */
    private _maxValue;
    /**
     * 最小值
     * @private
     */
    private _minValue;
    /**
     * 横条颜色
     * @private
     */
    private _barColor;
    /**
     * 最大值
     */
    get maxValue(): number;
    set maxValue(value: number);
    /**
     * 最小值
     */
    get minValue(): number;
    set minValue(value: number);
    /**
     * 横条颜色
     */
    get barColor(): string;
    set barColor(value: string);
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 选择
     * @param value
     */
    selected(value: string): void;
    /**
     * 当前选择
     */
    getSelected(): string;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 步骤条
 */
export class Steps extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件属性
     * @private
     */
    private _root;
    /**
     * 选择值
     * @private
     */
    private _activeValue;
    /**
     * 当前步骤
     * @private
     */
    private _current;
    /**
     * 步骤条对象内容
     * @private
     */
    private _stepObject;
    /**
     * 是否迷你尺寸步骤条
     * @private
     */
    private _isSmall;
    /**
     * 是否竖直方向步骤条
     * @private
     */
    private _isVertical;
    /**
     * 是否导航类型步骤条
     * @private
     */
    private _isNavigation;
    /**
     * 是否点状步骤条
     * @private
     */
    private _isProgressDot;
    /**
     * 是否可点击状态
     * @private
     */
    private _openChange;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 已完成步骤条主题颜色
     * @private
     */
    private _finishColor;
    /**
     * 已完成步骤条背景颜色
     * @private
     */
    private _finishBg;
    /**
     * 已完成步骤条标题颜色
     * @private
     */
    private _finishTitle;
    /**
     * 已完成步骤条子标题颜色
     * @private
     */
    private _finishSub;
    /**
     * 已完成步骤条详情颜色
     * @private
     */
    private _finishDesc;
    /**
     * 已完成步骤条线条颜色
     * @private
     */
    private _finishLine;
    /**
     * 已完成步骤条悬浮颜色
     * @private
     */
    private _finishHover;
    /**
     * 进行中步骤条主题颜色
     * @private
     */
    private _activeColor;
    /**
     * 进行中步骤条字体颜色
     * @private
     */
    private _activeFont;
    /**
     * 进行中步骤条标题颜色
     * @private
     */
    private _activeTitle;
    /**
     * 进行中步骤条子标题颜色
     * @private
     */
    private _activeSub;
    /**
     * 进行中步骤条详情颜色
     * @private
     */
    private _activeDesc;
    /**
     * 进行中步骤条线条颜色
     * @private
     */
    private _activeLine;
    /**
     * 未开始步骤条主题颜色
     * @private
     */
    private _waitColor;
    /**
     * 开始步骤条背影颜色
     * @private
     */
    private _waitBg;
    /**
     * 未开始步骤条标题颜色
     * @private
     */
    private _waitTitle;
    /**
     * 未开始步骤条子标题颜色
     * @private
     */
    private _waitSub;
    /**
     * 未开始步骤条详情颜色
     * @private
     */
    private _waitDesc;
    /**
     * 未开始步骤条线条颜色
     * @private
     */
    private _waitLine;
    /**
     * 未开始步骤条悬浮颜色
     * @private
     */
    private _waitHover;
    /**
     * 组件属性集合
     * @private
     */
    private _attrList;
    /**
     * 设置元素属性
     * @param key 属性名
     * @param value 属性值
     */
    rootSetAttr(key: any, value: any): void;
    /**
     * 当前步骤
     */
    get current(): number;
    set current(value: number);
    /**
     * 步骤条对象内容
     */
    get stepsData(): any;
    set stepsData(value: any);
    /**
     * 是否迷你尺寸步骤条
     */
    get isSmall(): boolean;
    set isSmall(value: boolean);
    /**
     * 是否竖直方向步骤条
     */
    get isVertical(): boolean;
    set isVertical(value: boolean);
    /**
     * 是否导航类型步骤条
     */
    get isNavigation(): boolean;
    set isNavigation(value: boolean);
    /**
     * 是否点状步骤条
     */
    get isProgressDot(): boolean;
    set isProgressDot(value: boolean);
    /**
     * 是否可点击状态
     */
    get openChange(): boolean;
    set openChange(value: boolean);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): number;
    set borderWidth(value: number);
    /**
     * 已完成步骤条主题颜色
     */
    get finishColor(): string;
    set finishColor(value: string);
    /**
     * 已完成步骤条背景颜色
     */
    get finishBg(): string;
    set finishBg(value: string);
    /**
     * 已完成步骤条标题颜色
     */
    get finishTitle(): string;
    set finishTitle(value: string);
    /**
     * 已完成步骤条子标题颜色
     */
    get finishSub(): string;
    set finishSub(value: string);
    /**
     * 已完成步骤条详情颜色
     */
    get finishDesc(): string;
    set finishDesc(value: string);
    /**
     * 已完成步骤条线条颜色
     */
    get finishLine(): string;
    set finishLine(value: string);
    /**
     * 已完成步骤条悬浮颜色
     */
    get finishHover(): string;
    set finishHover(value: string);
    /**
     * 进行中步骤条主题颜色
     */
    get activeColor(): string;
    set activeColor(value: string);
    /**
     * 进行中步骤条字体颜色
     */
    get activeFont(): string;
    set activeFont(value: string);
    /**
     * 进行中步骤条标题颜色
     */
    get activeTitle(): string;
    set activeTitle(value: string);
    get activeSub(): string;
    set activeSub(value: string);
    /**
     * 进行中步骤条详情颜色
     */
    get activeDesc(): string;
    set activeDesc(value: string);
    /**
     * 进行中步骤条线条颜色
     */
    get activeLine(): string;
    set activeLine(value: string);
    /**
     * 未开始步骤条主题颜色
     */
    get waitColor(): string;
    set waitColor(value: string);
    /**
     * 开始步骤条背影颜色
     */
    get waitBg(): string;
    set waitBg(value: string);
    /**
     * 未开始步骤条标题颜色
     */
    get waitTitle(): string;
    set waitTitle(value: string);
    /**
     * 未开始步骤条子标题颜色
     */
    get waitSub(): string;
    set waitSub(value: string);
    /**
     * 未开始步骤条详情颜色
     */
    get waitDesc(): string;
    set waitDesc(value: string);
    /**
     * 未开始步骤条线条颜色
     */
    get waitLine(): string;
    set waitLine(value: string);
    /**
     * 未开始步骤条悬浮颜色
     */
    get waitHover(): string;
    set waitHover(value: string);
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 组件渲染后
     * @param e
     */
    onComponentMounted(e: any): void;
    /**
     * 选择
     * @param value
     */
    selected(value: string): void;
    /**
     * 当前选择
     */
    getSelected(): string | string[];
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 开关
 */
export class Switch extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 开关元素
     * @private
     */
    private _input;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 边框圆角
     * @private
     */
    private _btnRadius;
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): string;
    set borderWidth(value: string);
    /**
     * 边框圆角
     */
    get btnRadius(): string;
    set btnRadius(value: string);
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 选中
     */
    checked(): void;
    /**
     * 不选中
     */
    unChecked(): void;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 表格
 */
export class Table extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 勾选数据
     * @private
     */
    private _selectValue;
    /**
     * 数据绑定字段
     * @private
     */
    private _dataSourceBind;
    /**
     * 表格操作内容
     * @private
     */
    private _tableOperation;
    /**
     * loading 加载
     * @private
     */
    private _tableLoading;
    /**
     * 表格背景颜色
     * @private
     */
    private _tableBgColor;
    /**
     * 表格边框颜色
     * @private
     */
    private _tableBorderColor;
    /**
     * 表格边框宽度
     * @private
     */
    private _tableBorderWidth;
    /**
     * 表格单元格内边距
     * @private
     */
    private _tablePadding;
    /**
     * 头部隐藏
     * @private
     */
    private _headHidden;
    /**
     * 头部高度
     * @private
     */
    private _headHeight;
    /**
     * 头部背景色
     * @private
     */
    private _headBgColor;
    /**
     * 头部边框颜色
     * @private
     */
    private _headBorderColor;
    /**
     * 头部边框宽度
     * @private
     */
    private _headBorderWidth;
    /**
     * 头部文本颜色
     * @private
     */
    private _headTextColor;
    /**
     * 头部文本对齐
     * @private
     */
    private _headTextAlign;
    /**
     * 头部文本大小
     * @private
     */
    private _headFontSize;
    /**
     * 表格内容背景颜色
     * @private
     */
    private _bodyBgColor;
    /**
     * 表格内容边框颜色
     * @private
     */
    private _bodyBorderColor;
    /**
     * 表格内容边框宽度
     * @private
     */
    private _bodyBorderWidth;
    /**
     * 表格内容字体颜色
     * @private
     */
    private _bodyTextColor;
    /**
     * 表格内容文本对齐
     * @private
     */
    private _bodyTextAlign;
    /**
     * 表格内容字体大小
     * @private
     */
    private _bodyFontSize;
    /**
     * 表格内容行高
     * @private
     */
    private _rowHeight;
    /**
     * 悬浮背景颜色
     * @private
     */
    private _hoverBgColor;
    /**
     * 是否显示斑马线
     * @private
     */
    private _showZebra;
    /**
     * 行背景色1
     * @private
     */
    private _rowBgColor1;
    /**
     * 行背景色2
     * @private
     */
    private _rowBgColor2;
    /**
     * 可以勾选
     * @private
     */
    private _selectMode;
    /**
     * 选中背景颜色
     * @private
     */
    private _selectedBgColor;
    /**
     * 勾选边框颜色
     * @private
     */
    private _selectedBorder;
    /**
     * 勾选字体颜色
     * @private
     */
    private _selectedBorderText;
    /**
     * 勾选选中颜色
     * @private
     */
    private _selectedBorderBg;
    /**
     * 组件属性集合
     * @private
     */
    private _attrList;
    /**
     * 设置元素属性
     * @param key 属性名
     * @param value 属性值
     */
    rootSetAttr(key: any, value: any): void;
    /**
     * 数据绑定字段
     */
    get dataSourceBind(): any;
    set dataSourceBind(value: any);
    /**
     * 表格操作内容
     */
    get tableOperation(): {
        show: boolean;
        html: string;
        title: string;
    };
    set tableOperation(value: {
        show: boolean;
        html: string;
        title: string;
    });
    /**
     * loading 加载
     */
    get tableLoading(): boolean;
    set tableLoading(value: boolean);
    /**
     * 表格背景颜色
     */
    get tableBgColor(): string;
    set tableBgColor(value: string);
    /**
     * 表格边框颜色
     */
    get tableBorderColor(): string;
    set tableBorderColor(value: string);
    /**
     * 表格边框宽度
     */
    get tableBorderWidth(): number;
    set tableBorderWidth(value: number);
    /**
     * 表格单元格内边距
     */
    get tablePadding(): number;
    set tablePadding(value: number);
    /**
     * 头部隐藏
     */
    get headHidden(): boolean;
    set headHidden(value: boolean);
    /**
     * 头部高度
     */
    get headHeight(): number;
    set headHeight(value: number);
    /**
     * 头部背景色
     */
    get headBgColor(): string;
    set headBgColor(value: string);
    /**
     * 头部边框颜色
     */
    get headBorderColor(): string;
    set headBorderColor(value: string);
    /**
     * 头部边框宽度
     */
    get headBorderWidth(): number;
    set headBorderWidth(value: number);
    /**
     * 头部文本颜色
     */
    get headTextColor(): string;
    set headTextColor(value: string);
    /**
     * 头部文本对齐
     */
    get headTextAlign(): string;
    set headTextAlign(value: string);
    /**
     * 头部文本大小
     */
    get headFontSize(): number;
    set headFontSize(value: number);
    /**
     * 表格内容背景颜色
     */
    get bodyBgColor(): string;
    set bodyBgColor(value: string);
    /**
     * 表格内容边框颜色
     */
    get bodyBorderColor(): string;
    set bodyBorderColor(value: string);
    /**
     * 表格内容边框宽度
     */
    get bodyBorderWidth(): number;
    set bodyBorderWidth(value: number);
    /**
     * 表格内容字体颜色
     */
    get bodyTextColor(): string;
    set bodyTextColor(value: string);
    /**
     * 表格内容文本对齐
     */
    get bodyTextAlign(): string;
    set bodyTextAlign(value: string);
    /**
     * 表格内容字体大小
     */
    get bodyFontSize(): number;
    set bodyFontSize(value: number);
    /**
     * 悬浮背景颜色
     */
    get hoverBgColor(): string;
    set hoverBgColor(value: string);
    /**
     * 是否显示斑马线
     */
    get showZebra(): boolean;
    set showZebra(value: boolean);
    /**
     * 表格内容行高
     */
    get rowHeight(): number;
    set rowHeight(value: number);
    /**
     * 行背景色1
     */
    get rowBgColor1(): string;
    set rowBgColor1(value: string);
    /**
     * 行背景色2
     */
    get rowBgColor2(): string;
    set rowBgColor2(value: string);
    /**
     * 可以勾选
     */
    get selectMode(): boolean;
    set selectMode(value: boolean);
    /**
     * 选中背景颜色
     */
    get selectedBgColor(): string;
    set selectedBgColor(value: string);
    /**
     * 勾选边框颜色
     */
    get selectedBorder(): string;
    set selectedBorder(value: string);
    /**
     * 勾选字体颜色
     */
    get selectedBorderText(): string;
    set selectedBorderText(value: string);
    /**
     * 勾选选中颜色
     */
    get selectedBorderBg(): string;
    set selectedBorderBg(value: string);
    /**
     * 初始化表头
     * @param type 数据源类型
     * @param data 字段数值
     */
    initTableColumns(type: any, attr: any): void;
    /**
     * 表格数据改动
     * @param data 表格数据
     */
    changeTableData(data: any): void;
    /**
     * 内容属性改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 组件属性
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 组件渲染后
     * @param e
     */
    onComponentMounted(e: any): void;
    /**
     * 选择
     * @param value
     */
    selected(value: string | string[]): void;
    /**
     * 当前选择
     */
    getSelected(): string | string[];
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 标签页
 */
export class Tabs extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 选中值
     * @private
     */
    private _tabsValue;
    /**
     * 数据字段绑定
     * @private
     */
    private _dataSourceBind;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 字体大小
     * @private
     */
    private _fontSize;
    /**
     * 字体颜色
     * @private
     */
    private _fontColor;
    /**
     * 直线颜色
     * @private
     */
    private _bottomLine;
    /**
     * 悬浮背景颜色
     * @private
     */
    private _hoverBg;
    /**
     * 悬浮字体颜色
     * @private
     */
    private _hoverColor;
    /**
     * 选中背景颜色
     * @private
     */
    private _selectBg;
    /**
     * 选中字体颜色
     * @private
     */
    private _selectColor;
    /**
     * 选中短线颜色
     * @private
     */
    private _selectLine;
    private _attrList;
    /**
     * 设置元素属性
     * @param key 属性名
     * @param value 属性值
     */
    rootSetAttr(key: any, value: any): void;
    /**
     * 数据字段绑定
     */
    get dataSourceBind(): any;
    set dataSourceBind(value: any);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): number;
    set borderWidth(value: number);
    /**
     * 字体大小
     */
    get fontSize(): number;
    set fontSize(value: number);
    /**
     * 字体颜色
     */
    get fontColor(): string;
    set fontColor(value: string);
    /**
     * 直线颜色
     */
    get bottomLine(): string;
    set bottomLine(value: string);
    /**
     * 悬浮背景颜色
     */
    get hoverBg(): string;
    set hoverBg(value: string);
    /**
     * 悬浮字体颜色
     */
    get hoverColor(): string;
    set hoverColor(value: string);
    /**
     * 选中背景颜色
     */
    get selectBg(): string;
    set selectBg(value: string);
    /**
     * 选中字体颜色
     */
    get selectColor(): string;
    set selectColor(value: string);
    /**
     * 选中短线颜色
     */
    get selectLine(): string;
    set selectLine(value: string);
    /**
     * 初始化数据
     * @param type 数据源类型
     * @param data 数据
     * @param isOther 是否使用其他绑定
     * @param otherBind 绑定字段
     */
    initListData(type: any, data: any, isOther?: boolean, otherBind?: {}): void;
    /**
     * 内容属性改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 组件渲染后
     * @param e
     */
    onComponentMounted(e: any): void;
    /**
     * 选择
     * @param value
     */
    selected(value: string): void;
    /**
     * 当前选择
     */
    getSelected(): string;
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 文本域
 */
export class Textarea extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 文本颜色
     * @private
     */
    private _labelColor;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 边框圆角
     * @private
     */
    private _btnRadius;
    /**
     * 文本颜色
     */
    get labelColor(): string;
    set labelColor(value: string);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): string;
    set borderWidth(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 边框圆角
     */
    get btnRadius(): string;
    set btnRadius(value: string);
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 选择
     * @param value
     */
    selected(value: string): void;
    /**
     * 当前选择
     */
    getSelected(): string;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 时间线
 */
export class Timeline extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 节点内容
     * @private
     */
    private _dotValue;
    /**
     * 节点样式
     * @private
     */
    private _pending;
    /**
     * 时间轴和内容的相对位置
     * @private
     */
    private _mode;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 字体大小
     * @private
     */
    private _fontSize;
    /**
     * 字体颜色
     * @private
     */
    private _fontColor;
    /**
     * 线条颜色
     * @private
     */
    private _lineColor;
    /**
     * 节点颜色
     * @private
     */
    private _dotColor;
    /**
     * 节点背景
     * @private
     */
    private _dotBg;
    /**
     * 上内边距
     * @private
     */
    private _paddingTop;
    /**
     * 左内边框
     * @private
     */
    private _paddingLeft;
    /**
     * 属性列表
     * @private
     */
    private _attrList;
    /**
     * 设置元素属性
     * @param key 属性名
     * @param value 属性值
     */
    rootSetAttr(key: any, value: any): void;
    /**
     * 节点内容
     */
    get dotValue(): string;
    set dotValue(value: string);
    /**
     * 节点样式
     */
    get pending(): string;
    set pending(value: string);
    /**
     * 时间轴和内容的相对位置
     */
    get mode(): string;
    set mode(value: string);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): number;
    set borderWidth(value: number);
    /**
     * 上内边距
     */
    get paddingTop(): number;
    set paddingTop(value: number);
    /**
     * 左内边框
     */
    get paddingLeft(): number;
    set paddingLeft(value: number);
    /**
     * 字体大小
     */
    get fontSize(): number;
    set fontSize(value: number);
    /**
     * 字体颜色
     */
    get fontColor(): string;
    set fontColor(value: string);
    /**
     * 线条颜色
     */
    get lineColor(): string;
    set lineColor(value: string);
    /**
     * 节点颜色
     */
    get dotColor(): string;
    set dotColor(value: string);
    /**
     * 节点背景
     */
    get dotBg(): string;
    set dotBg(value: string);
    /**
     * 内容属性改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 组件渲染后
     * @param e
     */
    onComponentMounted(e: any): void;
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 时间选择器
 */
export class TimePicker extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 选中时间
     * @private
     */
    private _activeValue;
    /**
     * 是否时间区域选择
     * @private
     */
    private _isRange;
    /**
     * 时间类型
     * @private
     */
    private _formatType;
    /**
     * 展位提示
     * @private
     */
    private _placeholder;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 字体大小
     * @private
     */
    private _fontSize;
    /**
     * 字体颜色
     * @private
     */
    private _fontColor;
    /**
     * 字符颜色
     * @private
     */
    private _iconColor;
    /**
     * 占位符颜色
     * @private
     */
    private _placeholderColor;
    /**
     * 时间下拉背景颜色
     * @private
     */
    private _opBgColor;
    /**
     * 时间下拉边框颜色
     * @private
     */
    private _opBorderColor;
    /**
     * 时间下拉边框宽度
     * @private
     */
    private _opBorderWidth;
    /**
     * 时间下拉字体大小
     * @private
     */
    private _opFontSize;
    /**
     * 时间下拉字体颜色
     * @private
     */
    private _opFontColor;
    /**
     * 时间下拉分割线颜色
     * @private
     */
    private _opLineColor;
    /**
     * 时间下拉按钮主题
     * @private
     */
    private _opBtnColor;
    /**
     * 时间下拉按钮字体颜色
     * @private
     */
    private _opBtnFont;
    /**
     * 时间下拉悬浮背景颜色
     * @private
     */
    private _opHoverColor;
    /**
     * 时间下拉悬浮字体颜色
     * @private
     */
    private _opHoverFont;
    /**
     * 时间下拉选中字体颜色
     * @private
     */
    private _opSelectFont;
    /**
     * 时间下拉选中背景颜色
     * @private
     */
    private _opSelectColor;
    /**
     * 组件属性集合
     * @private
     */
    private _attrList;
    /**
     * 元素属性写入
     * @param key 属性名称
     * @param value 属性值
     */
    rootSetAttr(key: any, value: any): void;
    /**
     * 是否时间区域选择
     */
    get isRange(): boolean;
    set isRange(value: boolean);
    /**
     * 时间类型
     */
    get formatType(): string;
    set formatType(value: string);
    /**
     * 展位提示
     */
    get placeholder(): string;
    set placeholder(value: string);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): number;
    set borderWidth(value: number);
    /**
     * 字体大小
     */
    get fontSize(): number;
    set fontSize(value: number);
    /**
     * 字体颜色
     */
    get fontColor(): string;
    set fontColor(value: string);
    /**
     * 字符颜色
     */
    get iconColor(): string;
    set iconColor(value: string);
    /**
     * 占位符颜色
     */
    get placeholderColor(): string;
    set placeholderColor(value: string);
    /**
     * 时间下拉背景颜色
     */
    get opBgColor(): string;
    set opBgColor(value: string);
    /**
     * 时间下拉边框颜色
     */
    get opBorderColor(): string;
    set opBorderColor(value: string);
    /**
     * 时间下拉边框宽度
     */
    get opBorderWidth(): number;
    set opBorderWidth(value: number);
    /**
     * 时间下拉字体大小
     */
    get opFontSize(): number;
    set opFontSize(value: number);
    /**
     * 时间下拉字体颜色
     */
    get opFontColor(): string;
    set opFontColor(value: string);
    /**
     * 时间下拉分割线颜色
     */
    get opLineColor(): string;
    set opLineColor(value: string);
    /**
     * 时间下拉按钮主题
     */
    get opBtnColor(): string;
    set opBtnColor(value: string);
    /**
     * 时间下拉按钮字体颜色
     */
    get opBtnFont(): string;
    set opBtnFont(value: string);
    /**
     * 时间下拉悬浮背景颜色
     */
    get opHoverColor(): string;
    set opHoverColor(value: string);
    /**
     * 时间下拉选中背景颜色
     */
    get opSelectColor(): string;
    set opSelectColor(value: string);
    /**
     * 时间下拉悬浮字体颜色
     */
    get opHoverFont(): string;
    set opHoverFont(value: string);
    /**
     * 时间下拉选中背景颜色
     */
    get opSelectFont(): string;
    set opSelectFont(value: string);
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 组件渲染后
     * @param e
     */
    onComponentMounted(e: any): void;
    /**
     * 选择
     * @param value
     */
    selected(value: string | string[]): void;
    /**
     * 当前选择
     */
    getSelected(): string | string[];
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}





/**
 * 当前时间
 */
export class TimeShow extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 文本大小
     * @private
     */
    private _labelSize;
    /**
     * 文本颜色
     * @private
     */
    private _labelColor;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框圆角
     * @private
     */
    private _borderRadius;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 文本格式化
     * @private
     */
    private _labelFormat;
    /**
     * 计时器
     * @private
     */
    private _timer;
    /**
     * 文本大小
     */
    get labelSize(): string;
    set labelSize(value: string);
    /**
     * 文本颜色
     */
    get labelColor(): string;
    set labelColor(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): string;
    set borderWidth(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 边框圆角
     */
    get borderRadius(): string;
    set borderRadius(value: string);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 文本格式化
     */
    get labelFormat(): string;
    set labelFormat(value: string);
    /**
     * 计时器
     */
    get timer(): string;
    set timer(value: string);
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取当前时间
     */
    getNowTime(): string;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 选择
     * @param value
     */
    selected(value: string): void;
    /**
     * 当前选择
     */
    getSelected(): string;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 树
 */
export class Tree extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 选中值
     * @private
     */
    private _treeValue;
    /**
     * 数据绑定字段
     * @private
     */
    private _dataSourceBind;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 字体大小
     * @private
     */
    private _fontSize;
    /**
     * 字体颜色
     * @private
     */
    private _fontColor;
    /**
     * 悬浮背景颜色
     * @private
     */
    private _hoverColor;
    /**
     * 选中背景颜色
     * @private
     */
    private _selectColor;
    /**
     * 勾选背景颜色
     * @private
     */
    private _checkedBg;
    /**
     * 勾选字体颜色
     * @private
     */
    private _checkedColor;
    /**
     * 勾选边款颜色
     * @private
     */
    private _checkedBorder;
    /**
     * 勾选选中背景颜色
     * @private
     */
    private _checkedSelectBg;
    /**
     * 线条颜色
     * @private
     */
    private _lineColor;
    /**
     * 显示勾选框
     * @private
     */
    private _showChecked;
    /**
     * 显示线条
     * @private
     */
    private _showLine;
    /**
     * 多选
     * @private
     */
    private _multiple;
    /**
     * 默认展开全部
     * @private
     */
    private _defaultExpandAll;
    /**
     * 组件属性列表
     * @private
     */
    private _attrList;
    /**
     * 设置元素属性
     * @param key 属性名
     * @param value 属性值
     */
    rootSetAttr(key: any, value: any): void;
    /**
     * 数据绑定字段
     */
    get dataSourceBind(): any;
    set dataSourceBind(value: any);
    /**
     * 默认展开全部
     */
    get defaultExpandAll(): boolean;
    set defaultExpandAll(value: boolean);
    /**
     * 多选
     */
    get multiple(): boolean;
    set multiple(value: boolean);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 勾选边款颜色
     */
    get checkedBorder(): string;
    set checkedBorder(value: string);
    /**
     * 勾选选中背景颜色
     */
    get checkedSelectBg(): string;
    set checkedSelectBg(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): number;
    set borderWidth(value: number);
    /**
     * 字体大小
     */
    get fontSize(): number;
    set fontSize(value: number);
    /**
     * 字体颜色
     */
    get fontColor(): string;
    set fontColor(value: string);
    /**
     * 悬浮背景颜色
     */
    get hoverColor(): string;
    set hoverColor(value: string);
    /**
     * 选中背景颜色
     */
    get selectColor(): string;
    set selectColor(value: string);
    /**
     * 勾选背景颜色
     */
    get checkedBg(): string;
    set checkedBg(value: string);
    /**
     * 勾选字体颜色
     */
    get checkedColor(): string;
    set checkedColor(value: string);
    /**
     * 线条颜色
     */
    get lineColor(): string;
    set lineColor(value: string);
    /**
     * 显示勾选框
     */
    get showChecked(): boolean;
    set showChecked(value: boolean);
    /**
     * 显示线条
     */
    get showLine(): boolean;
    set showLine(value: boolean);
    /**
     * 初始化数据
     * @param type 数据源类型
     * @param data 数据
     * @param isOther 是否使用其他绑定
     * @param otherBind 绑定字段
     */
    initTreeData(type: any, data: any, isOther?: boolean, otherBind?: {}): void;
    /**
     * 内容属性改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 组件渲染后
     * @param data
     */
    onComponentMounted(e: any): void;
    /**
     * 选择
     * @param value
     */
    selected(value: string | string[]): void;
    /**
     * 当前选择
     */
    getSelected(): string | string[];
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






export class TreeSelect extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件属性
     * @private
     */
    private _root;
    /**
     * 组件类名
     * @private
     */
    private _className;
    /**
     * 数据绑定字段
     * @private
     */
    private _optionsBind;
    /**
     * 选中数据
     * @private
     */
    private _treeValue;
    /**
     * 多选
     * @private
     */
    private _multiple;
    /**
     * 清空图标
     * @private
     */
    private _allowClear;
    /**
     * 文本大小
     * @private
     */
    private _labelSize;
    /**
     * 文本颜色
     * @private
     */
    private _labelColor;
    /**
     * 占位内容
     * @private
     */
    private _placeholder;
    /**
     * 占位内容颜色
     * @private
     */
    private _placeholderColor;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框宽度
     * @private
     */
    private _borderWidth;
    /**
     * 树形下拉文本大小
     * @private
     */
    private _opLabelSize;
    /**
     * 树形下拉文本颜色
     * @private
     */
    private _opLabelColor;
    /**
     * 树形下拉选中文本颜色
     * @private
     */
    private _opActiveLabelColor;
    /**
     * 树形下拉选中背景颜色
     * @private
     */
    private _opActiveBgColor;
    /**
     * 多选背景颜色
     * @private
     */
    private _multipleBgColor;
    /**
     * 树形下拉悬浮背景颜色
     * @private
     */
    private _opHoverBgColor;
    /**
     * 树形下拉边框颜色
     * @private
     */
    private _opBorderColor;
    /**
     * 树形下拉边框宽度
     * @private
     */
    private _opBorderWidth;
    /**
     * 树形下拉背景颜色
     * @private
     */
    private _opBgColor;
    /**
     * 组件树形集合
     * @private
     */
    private _attrList;
    /**
     * 设置元素属性
     * @param key 属性名
     * @param value 属性值
     */
    rootSetAttr(key: any, value: any): void;
    /**
     * 组件类名
     */
    get className(): string;
    set className(value: string);
    /**
     * 数据绑定字段
     */
    get optionsBind(): any;
    set optionsBind(value: any);
    /**
     * 多选
     */
    get multiple(): boolean;
    set multiple(value: boolean);
    /**
     * 清空图标
     */
    get allowClear(): boolean;
    set allowClear(value: boolean);
    /**
     * 占位内容颜色
     */
    get placeholderColor(): string;
    set placeholderColor(value: string);
    /**
     * 占位内容
     */
    get placeholder(): string;
    set placeholder(value: string);
    /**
     * 文本颜色
     */
    get labelColor(): string;
    set labelColor(value: string);
    /**
     * 文本大小
     */
    get labelSize(): number;
    set labelSize(value: number);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 边框宽度
     */
    get borderWidth(): number;
    set borderWidth(value: number);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 树形下拉文本大小
     */
    get opLabelSize(): number;
    set opLabelSize(value: number);
    /**
     * 树形下拉文本颜色
     */
    get opLabelColor(): string;
    set opLabelColor(value: string);
    /**
     * 多选背景颜色
     */
    get multipleBgColor(): string;
    set multipleBgColor(value: string);
    /**
     * 树形下拉悬浮背景颜色
     */
    get opHoverBgColor(): string;
    set opHoverBgColor(value: string);
    /**
     * 树形下拉选中文本颜色
     */
    get opActiveLabelColor(): string;
    set opActiveLabelColor(value: string);
    /**
     * 树形下拉选中背景颜色
     */
    get opActiveBgColor(): string;
    set opActiveBgColor(value: string);
    /**
     * 树形下拉边框颜色
     */
    get opBorderColor(): string;
    set opBorderColor(value: string);
    /**
     * 树形下拉边框宽度
     */
    get opBorderWidth(): number;
    set opBorderWidth(value: number);
    /**
     * 树形下拉背景颜色
     */
    get opBgColor(): string;
    set opBgColor(value: string);
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 组件渲染后
     * @param e
     */
    onComponentMounted(e: any): void;
    /**
     * 初始化数据
     * @param type 数据源类型
     * @param data 数据
     * @param isOther 是否使用其他绑定
     * @param otherBind 绑定字段
     */
    initTreeData(type: any, data: any, isOther?: boolean, otherBind?: {}): void;
    /**
     * 内容属性改变
     * @param data
     */
    onContentPropertyChanged(data: any): void;
    /**
     * 选择
     * @param value
     */
    selected(value: string | string[]): void;
    /**
     * 当前选择
     */
    getSelected(): string | string[];
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}






/**
 * 文件上传
 */
export class Upload extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 上传组件属性
     * @private
     */
    private _input;
    /**
     * 是否支持多文件
     * @private
     */
    private _multiple;
    /**
     * 是否显示上传列表
     * @private
     */
    private _isShowList;
    /**
     * 按钮文本
     * @private
     */
    private _label;
    /**
     * 按钮圆角
     * @private
     */
    private _btnRadius;
    /**
     * 按钮文本颜色
     * @private
     */
    private _labelColor;
    /**
     * 文本大小
     * @private
     */
    private _labelSize;
    /**
     * 边框大小
     * @private
     */
    private _borderWidth;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 文件列表
     * @private
     */
    private _uploadUrl;
    /**
     * 可上传文件类型
     * @private
     */
    private _accept;
    /**
     * 文件大小限制(单位:M)
     * @private
     */
    private _fileSizeLimit;
    /**
     * 是否支持多文件
     */
    get multiple(): boolean;
    set multiple(value: boolean);
    /**
     * 是否显示上传列表
     */
    get isShowList(): boolean;
    set isShowList(value: boolean);
    /**
     * 按钮文本
     */
    get label(): string;
    set label(value: string);
    /**
     * 按钮圆角
     */
    get btnRadius(): string;
    set btnRadius(value: string);
    /**
     * 按钮文本颜色
     */
    get labelColor(): string;
    set labelColor(value: string);
    /**
     * 文本大小
     */
    get labelSize(): string;
    set labelSize(value: string);
    /**
     * 边框大小
     */
    get borderWidth(): string;
    set borderWidth(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 文件列表
     */
    get uploadUrl(): string;
    set uploadUrl(value: string);
    /**可上传文件类型
     *
     */
    get accept(): string;
    set accept(value: string);
    /**
     * 文件大小限制(单位:M)
     */
    get fileSizeLimit(): string;
    set fileSizeLimit(value: string);
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 初始化根元素
     */
    initWrapper(): void;
    /**
     * 创建input上传按钮
     * @returns
     */
    createInput(): HTMLInputElement;
    /**
     * 创建上传图标元素
     * @returns
     */
    createIcon(): SVGSVGElement;
    /**
     * 创建文本元素
     */
    createLabel(): HTMLSpanElement;
    /**
     * 上传前检查文件
     * @param file
     */
    beforeUpload(file: any): void;
    /**
     * 执行上传
     * @param file
     */
    handleUpload(file: any): Promise<void>;
    /**
     * 保存所有上传的url
     * @param obj
     */
    setUploadUrl(obj: any): void;
    /**
     * 是否禁用
     */
    isDisabled(): boolean;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 获取事件描述
     * @param events
     */
    getEvents(events: Array<IEventSchema>): this;
    /**
     * 获取动作描述
     * @param actions
     */
    getActions(actions: Array<IActionSchema>): this;
    /**
     * 可以写入页面模型的属性
     */
    getPageViewModelAttr(): Nullable<AttrItem>;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}





/**
 * 天气
 */
export class Weather extends Foreign {
    static schema: ComponentBaseSchema;
    /**
     * 组件元素
     * @private
     */
    private _root;
    /**
     * 高德地图appkey
     * @private
     */
    private _aMapKey;
    /**
     * 天气信息城市id
     * @private
     */
    private _cityId;
    /**
     * 文本大小
     * @private
     */
    private _labelSize;
    /**
     * 文本颜色
     * @private
     */
    private _labelColor;
    /**
     * 边框大小
     * @private
     */
    private _borderWidth;
    /**
     * 边框颜色
     * @private
     */
    private _borderColor;
    /**
     * 边框圆角
     * @private
     */
    private _borderRadius;
    /**
     * 背景颜色
     * @private
     */
    private _bgColor;
    /**
     * 显示的天气信息
     * @private
     */
    private _showItem;
    /**
     * 天气信息
     * @private
     */
    private _weatherInfo;
    /**
     * 天气展示选项
     * @private
     */
    private _options;
    /**
     * 高德地图appkey
     */
    get aMapKey(): string;
    set aMapKey(value: string);
    /**
     * 天气信息城市id
     */
    get cityId(): string;
    set cityId(value: string);
    /**
     * 文本大小
     */
    get labelSize(): string;
    set labelSize(value: string);
    /**
     * 文本颜色
     */
    get labelColor(): string;
    set labelColor(value: string);
    /**
     * 边框大小
     */
    get borderWidth(): string;
    set borderWidth(value: string);
    /**
     * 边框颜色
     */
    get borderColor(): string;
    set borderColor(value: string);
    /**
     * 边框圆角
     */
    get borderRadius(): string;
    set borderRadius(value: string);
    /**
     * 背景颜色
     */
    get bgColor(): string;
    set bgColor(value: string);
    /**
     * 天气信息
     */
    get weatherInfo(): object;
    set weatherInfo(value: object);
    /**
     * 显示的天气信息
     */
    get showItem(): string;
    set showItem(value: string);
    /**
     * 组件类型
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取天气预报信息
     */
    getWeatherInfo(): void;
    /**
     * 展示天气信息
     * @param
     */
    showWeatherInfo(): void;
    /**
     * 禁用
     */
    disabled(): void;
    /**
     * 启用
     */
    enabled(): void;
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
    /**
     * 样式属性改变
     * @param name
     * @param value
     * @param parseOptions
     */
    internalSetAttribute(name: any, value: any, parseOptions?: Partial<PropertyParseOptions>): void;
}





/**
 * 条形图
 */
export class BarChart extends BaseBarChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 条形图基础
 */
export class BaseBarChart extends EChart {
    static schema: ComponentBaseSchema;
    /**
     * 是的单系列
     * @protected
     */
    protected _single: boolean;
    /**
     * x轴
     * @protected
     */
    protected _xAxis: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            rotate: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        boundaryGap: boolean;
        nameTextStyle: {
            fontSize: number;
        };
    };
    /**
     * y轴
     * @protected
     */
    protected _yAxis: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        nameTextStyle: {
            fontSize: number;
        };
        min: any;
    };
    /**
     * 图表系列
     * @protected
     */
    protected _chartSeries: any;
    /**
     * 默认系列
     * @protected
     */
    protected _defaultSeries: any;
    /**
     * 不显示系列
     * @private
     */
    private _noShowSeries;
    /**
     * x轴
     */
    get xAxis(): any;
    set xAxis(value: any);
    /**
     * y轴
     */
    get yAxis(): any;
    set yAxis(value: any);
    /**
     * 图表系列
     */
    get chartSeries(): any;
    set chartSeries(value: any);
    /**
     * 不显示系列
     */
    get noShowSeries(): string[];
    set noShowSeries(v: string[]);
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 对比柱形图
 */
export class ContrastColumnChart extends BaseBarChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 百分比条形图
 */
export class PercentageBarChart extends BaseBarChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 象形柱图
 */
export class Pictogram extends BaseBarChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 象形条形图
 */
export class PictogramBarChart extends BaseBarChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 环状条形图
 */
export class RingBarChart extends BaseBarChart {
    static schema: ComponentBaseSchema;
    /**
     * 环形设置
     * @private
     */
    private _polar;
    /**
     * 极坐标系
     * @private
     */
    private _angleAxis;
    /**
     * 半径轴
     * @private
     */
    private _radiusAxis;
    /**
     * 环形设置
     */
    get polar(): any;
    set polar(value: any);
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 堆叠条形图
 */
export class StackedBarChart extends BaseBarChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 堆叠柱状图
 */
export class StackedColumnChart extends BaseBarChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 交错正负轴
 */
export class StaggeredBarChart extends BaseBarChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 瀑布图
 */
export class WaterfallChart extends BaseBarChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * AOI折线图
 */
export class AOIChart extends LineChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 面积图
 */
export class AreaChart extends LineChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 混合折线图
 */
export class BlendLineChart extends LineChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 区域高亮图
 */
export class HighlightChart extends LineChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 折线图
 */
export class LineChart extends EChart {
    static schema: ComponentBaseSchema;
    /**
     * x轴
     * @protected
     */
    protected _xAxis: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        boundaryGap: boolean;
        nameTextStyle: {
            fontSize: number;
        };
    };
    /**
     * y轴
     * @protected
     */
    protected _yAxis: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        nameTextStyle: {
            fontSize: number;
        };
        min: any;
    };
    /**
     * 图表系列
     * @protected
     */
    protected _chartSeries: any;
    /**
     * 默认系列
     * @protected
     */
    protected _defaultSeries: any;
    /**
     * 是否点系列
     * @protected
     */
    protected _single: boolean;
    /**
     * x轴
     */
    get xAxis(): {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        boundaryGap: boolean;
        nameTextStyle: {
            fontSize: number;
        };
    };
    set xAxis(value: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        boundaryGap: boolean;
        nameTextStyle: {
            fontSize: number;
        };
    });
    /**
     * y轴
     */
    get yAxis(): {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        nameTextStyle: {
            fontSize: number;
        };
        min: any;
    };
    set yAxis(value: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        nameTextStyle: {
            fontSize: number;
        };
        min: any;
    });
    /**
     * 图表系列
     */
    get chartSeries(): any;
    set chartSeries(value: any);
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 曲线图
 */
export class SmoothChart extends LineChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 仪表盘
 */
export class DashboardChart extends EChart {
    static schema: ComponentBaseSchema;
    /**
     * 图表系列
     * @protected
     */
    protected _chartSeries: any;
    /**
     * 默认系列
     * @protected
     */
    protected _defaultSeries: any;
    /**
     * 图表系列
     */
    get chartSeries(): any;
    set chartSeries(value: any);
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 数据初始化触发的方法 return true使用
     * @param value
     */
    onOtherDataChange(value: any): boolean;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 漏斗图
 */
export class FunnelChart extends EChart {
    static schema: ComponentBaseSchema;
    /**
     * 图表系列
     * @protected
     */
    protected _chartSeries: any[];
    /**
     * 默认系列
     * @protected
     */
    protected _defaultSeries: any;
    /**
     * 默认单系列
     * @protected
     */
    protected _single: boolean;
    /**
     * 图表系列
     */
    get chartSeries(): any;
    set chartSeries(value: any);
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 等级仪表盘
 */
export class GradeDashboardChart extends EChart {
    static schema: ComponentBaseSchema;
    /**
      * 图表系列
      * @protected
      */
    protected _chartSeries: any[];
    /**
     * 默认系列
     * @protected
     */
    protected _defaultSeries: any;
    /**
     * 图表系列
     */
    get chartSeries(): any[];
    set chartSeries(value: any[]);
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 数据初始化触发的方法 return true使用
     * @param value
     */
    onOtherDataChange(value: any): boolean;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 折柱混合图
 */
export class LineBarChart extends EChart {
    static schema: ComponentBaseSchema;
    /**
     * x轴
     * @protected
     */
    protected _xAxis: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        boundaryGap: boolean;
        nameTextStyle: {
            fontSize: number;
        };
    };
    /**
     * y轴
     * @protected
     */
    protected _yAxis: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        nameTextStyle: {
            fontSize: number;
        };
        min: any;
    };
    /**
     * 图表系列
     * @protected
     */
    protected _chartSeries: any[];
    /**
     * 默认系列
     * @protected
     */
    protected _defaultSeries: any;
    /**
     * x轴
     */
    get xAxis(): {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        boundaryGap: boolean;
        nameTextStyle: {
            fontSize: number;
        };
    };
    set xAxis(value: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        boundaryGap: boolean;
        nameTextStyle: {
            fontSize: number;
        };
    });
    /**
     * y轴
     */
    get yAxis(): {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        nameTextStyle: {
            fontSize: number;
        };
        min: any;
    };
    set yAxis(value: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        nameTextStyle: {
            fontSize: number;
        };
        min: any;
    });
    /**
     * 图表系列
     */
    get chartSeries(): any[];
    set chartSeries(value: any[]);
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 雷达图
 */
export class RadarChart extends EChart {
    static schema: ComponentBaseSchema;
    /**
     * 系列
     * @protected
     */
    protected _chartSeries: any[];
    /**
     * 默认数据
     * @protected
     */
    protected _radarData: {
        indicator: {
            name: string | number;
        }[];
        values: (string | number)[][];
    };
    /**
     * 系列
     */
    get chartSeries(): any;
    set chartSeries(value: any);
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 数据初始化触发的方法 return true使用
     * @param value
     */
    onOtherDataChange(value: any): boolean;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





export class RoundRadarChart extends EChart {
    static schema: ComponentBaseSchema;
    /**
     * 系列
     * @protected
     */
    protected _chartSeries: any[];
    /**
     * 默认数据
     * @protected
     */
    protected _radarData: {
        indicator: {
            name: string | number;
        }[];
        values: (string | number)[][];
    };
    /**
     * 系列
     */
    get chartSeries(): any;
    set chartSeries(value: any);
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 数据初始化触发的方法 return true使用
     * @param value
     */
    onOtherDataChange(value: any): boolean;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 散点图
 */
export class ScatterChart extends EChart {
    static schema: ComponentBaseSchema;
    /**
     * x轴
     * @protected
     */
    protected _xAxis: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            rotate: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        boundaryGap: boolean;
        nameTextStyle: {
            fontSize: number;
        };
    };
    /**
     * y轴
     * @protected
     */
    protected _yAxis: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        nameTextStyle: {
            fontSize: number;
        };
        min: any;
    };
    /**
     * 图表系列
     * @protected
     */
    protected _chartSeries: any[];
    /**
     * x轴
     */
    get xAxis(): any;
    set xAxis(value: any);
    /**
     * y轴
     */
    get yAxis(): any;
    set yAxis(value: any);
    /**
     * 图表系列
     */
    get chartSeries(): any;
    set chartSeries(value: any);
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 数据初始化触发的方法 return true使用
     * @param value
     */
    onOtherDataChange(value: any): boolean;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 特效散点图
 */
export class SpecialScatterChart extends EChart {
    static schema: ComponentBaseSchema;
    /**
     * x轴
     * @protected
     */
    protected _xAxis: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            rotate: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        boundaryGap: boolean;
        nameTextStyle: {
            fontSize: number;
        };
    };
    /**
     * y轴
     * @protected
     */
    protected _yAxis: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        nameTextStyle: {
            fontSize: number;
        };
        min: any;
    };
    /**
     * 图表系列
     * @protected
     */
    protected _chartSeries: any[];
    /**
     * x轴
     */
    get xAxis(): any;
    set xAxis(value: any);
    /**
     * y轴
     */
    get yAxis(): any;
    set yAxis(value: any);
    /**
     * 图表系列
     */
    get chartSeries(): any;
    set chartSeries(value: any);
    /**
     * 组件类别
     */
    get componentType(): string;
    /**
     * 数据初始化触发的方法 return true使用
     * @param value
     */
    onOtherDataChange(value: any): boolean;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 热力图
 */
export class ThermodynamicChart extends EChart {
    static schema: ComponentBaseSchema;
    /**
     * x轴
     */
    protected _xAxis: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        boundaryGap: boolean;
        nameTextStyle: {
            fontSize: number;
        };
    };
    /**
     * y轴
     */
    protected _yAxis: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        nameTextStyle: {
            fontSize: number;
        };
        min: any;
    };
    /**
     * 图表系列
     * @protected
     */
    protected _chartSeries: any[];
    /**
     * 默认系列
     * @protected
     */
    protected _defaultSeries: any;
    /**
     * x轴
     */
    get xAxis(): {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        boundaryGap: boolean;
        nameTextStyle: {
            fontSize: number;
        };
    };
    set xAxis(value: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        boundaryGap: boolean;
        nameTextStyle: {
            fontSize: number;
        };
    });
    /**
     * y轴
     */
    get yAxis(): {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        nameTextStyle: {
            fontSize: number;
        };
        min: any;
    };
    set yAxis(value: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        nameTextStyle: {
            fontSize: number;
        };
        min: any;
    });
    /**
     * 图表系列
     */
    get chartSeries(): any[];
    set chartSeries(value: any[]);
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 塔架图
 */
export class TowerChart extends EChart {
    static schema: ComponentBaseSchema;
    /**
     * 图表系列
     * @protected
     */
    protected _chartSeries: any[];
    /**
     * 默认系列
     * @protected
     */
    protected _defaultSeries: any;
    /**
     * 默认单系列
     * @protected
     */
    protected _single: boolean;
    /**
     * 图表系列
     */
    get chartSeries(): any;
    set chartSeries(value: any);
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 水球图
 */
export class WaterPoloChart extends EChart {
    static schema: ComponentBaseSchema;
    protected _xAxis: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        boundaryGap: boolean;
        nameTextStyle: {
            fontSize: number;
        };
    };
    protected _yAxis: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        nameTextStyle: {
            fontSize: number;
        };
        min: any;
    };
    /**
     * 图表系列
     * @protected
     */
    protected _chartSeries: any[];
    /**
     * 默认系列
     * @protected
     */
    protected _defaultSeries: any;
    get xAxis(): {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        boundaryGap: boolean;
        nameTextStyle: {
            fontSize: number;
        };
    };
    set xAxis(value: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        boundaryGap: boolean;
        nameTextStyle: {
            fontSize: number;
        };
    });
    get yAxis(): {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        nameTextStyle: {
            fontSize: number;
        };
        min: any;
    };
    set yAxis(value: {
        name: string;
        show: boolean;
        type: string;
        axisLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
            inside: boolean;
            alignWithLabel: boolean;
        };
        position: string;
        axisLabel: {
            show: boolean;
            color: string;
            inside: boolean;
            margin: number;
            fontSize: number;
            fontStyle: string;
            fontFamily: string;
            fontWeight: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string;
            };
        };
        nameTextStyle: {
            fontSize: number;
        };
        min: any;
    });
    get chartSeries(): any[];
    set chartSeries(value: any[]);
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    getProps(props: Array<AttrItem>): this;
}





/**
 * 圆角环形图
 */
export class FilletRingChart extends PieChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 南丁格尔图
 */
export class NightingaleChart extends PieChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 饼图
 */
export class PieChart extends EChart {
    static schema: ComponentBaseSchema;
    /**
     * 图表系列
     * @protected
     */
    protected _chartSeries: any[];
    /**
     * 默认系列
     * @protected
     */
    protected _defaultSeries: any;
    /**
     * 是否点系列
     * @protected
     */
    protected _single: boolean;
    /**
     * 图表系列
     */
    get chartSeries(): any;
    set chartSeries(value: any);
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 环形图
 */
export class RingChart extends PieChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}





/**
 * 玫瑰图
 */
export class RoseChart extends PieChart {
    static schema: ComponentBaseSchema;
    /**
     * 组件类别
     */
    get componentType(): string;
    constructor(config?: DisplayObjectConfig<HTMLStyleProps>);
    /**
     * 获取属性描述
     * @param props
     */
    getProps(props: Array<AttrItem>): this;
}
export type CSSGlobalKeywords = 'unset' | 'initial' | 'inherit' | '';

/**
 * 图案
 */
export interface Pattern {
  /**
   * 图片
   */
  image: string | CanvasImageSource;
  /**
   * 重复排列方式
   */
  repetition: 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
  /**
   * 变换
   */
  transform: string;
}

/**
 * 点状
 */
export interface PointLike {
  x: number;
  y: number;
}

/**
 * 指向
 */
export class Point {
  x: number;
  y: number;
  constructor(x?: number, y?: number);
  clone(): Point;
  copyFrom(p: Point): void;
}

/**
 * 矩形
 */
export class Rectangle implements DOMRect {
  x: number;
  y: number;
  /** 宽 */
  width: number;
  /** 高 */
  height: number;
  /** 左 */
  left: number;
  /** 右 */
  right: number;
  /** 上 */
  top: number;
  /** 下 */
  bottom: number;
  constructor(x: number, y: number, width: number, height: number);
  toJSON(): void;
}

/**
 * css样式声明
 */
export interface ICSSStyleDeclaration<StyleProps> {
  /**
   * 设定属性
   * @param propertyName 属性名称
   * @param value 属性值
   * @param priority 优先属性
   */
  setProperty: <Key extends keyof StyleProps>(propertyName: Key, value: StyleProps[Key], priority?: string) => void;
  /**
   * 获取属性
   * @param propertyName 属性名
   */
  getPropertyValue: (propertyName: keyof StyleProps) => StyleProps[keyof StyleProps] | undefined;
  /**
   * 移除属性
   * @param propertyName 属性名
   */
  removeProperty: (propertyName: keyof StyleProps) => void;
  /**
   * 属性项
   * @param index 索引
   */
  item: (index: number) => string;
}

/**
 * 基本样式
 */
export interface BaseStyleProps {
  /**
   * 类名
   */
  class?: string;
  /**
   * 变形
   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/transform
   */
  transform?: string;
  /**
   * 转换原点
   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin
   */
  transformOrigin?: string;
  /**
   * 锚 我们如何定义形状的“位置”？
   * 例如，Rect的默认锚点是左上角，我们可以将其更改为“中心[0.5，0.5]”。
   */
  anchor?: vec2 | vec3 | string;
  /**
   * 可见度
   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/visibility
   */
  visibility?: 'visible' | 'hidden' | CSSGlobalKeywords;
  /**
   * 提示
   * @see https://developer.mozilla.org/zh-CN/docs/Web/CSS/pointer-events
   */
  pointerEvents?: 'none' | 'auto' | 'stroke' | 'fill' | 'painted' | 'visible' | 'visiblestroke' | 'visiblefill' | 'visiblepainted' | 'all' | CSSGlobalKeywords;
  /**
   * 层级
   * z-index in CSS
   */
  zIndex?: number;
  /**
   * 目标处于活动状态时的光标样式
   */
  cursor?: Cursor;
  /**
   * 剪辑路径
   * @see https://developer.mozilla.org/zh-CN/docs/Web/CSS/clip-path
   */
  clipPath?: DisplayObject | null;
  /**
   * 偏置路径
   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Motion_Path
   */
  offsetPath?: DisplayObject | null;
  /**
   * 偏移距离
   */
  offsetDistance?: number;
  /**
   * 描边
   */
  stroke?: ColorType | Pattern;
  /** 描边透明度 */
  strokeOpacity?: number | string;
  /** 填充颜色 */
  fill?: ColorType | Pattern;
  /** 填充透明度 */
  fillOpacity?: number | string;
  /**
   * 填充规则属性是定义用于确定形状内部的算法的表示属性。
   * @see https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/fill-rule
   */
  fillRule?: 'nonzero' | 'evenodd';
  /** 整体透明度 */
  opacity?: number | string;
  /**
   * 边框宽度
   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-width
   */
  strokeWidth?: string | number;
  /**
   * 如果strokeWidth则为别名
   * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineWidth
   */
  lineWidth?: string | number;
  /**
   * 击球测试时增加的线宽
   */
  increasedLineWidthForHitTesting?: string | number;
  /**
   * 交互区域
   */
  hitArea?: DisplayObject | null;
  /**
   *  属性制定了，在开放子路径被设置描边的情况下，用于开放自路径两端的形状。
   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap
   */
  strokeLinecap?: CanvasLineCap;
  /**
   * strokeLinecap的别名
   * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap
   */
  lineCap?: CanvasLineCap;
  /**
   * 属性指明路径的转角处使用的形状或者绘制的基础形状。
   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linejoin
   */
  strokeLinejoin?: CanvasLineJoin;
  /**
   * strokeLinejoin的别名
   * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin
   */
  lineJoin?: CanvasLineJoin;
  /**
   * 可控制用来描边的点划线的图案范式。
   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray
   */
  strokeDasharray?: string | (string | number)[];
  /**
   * strokeDasharray的别名
   * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getLineDash
   */
  lineDash?: number | string | (string | number)[];
  /**
   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dashoffset
   */
  strokeDashoffset?: number;
  /**
   * strokeDashoffset的别名
   * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset
   */
  lineDashOffset?: number;
  /**
   * 阴影类型
   */
  shadowType?: 'inner' | 'outer' | 'both';
  /**
   * 模糊阴影
   * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur
   */
  shadowBlur?: number;
  /**
   * 阴影颜色
   * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor
   */
  shadowColor?: ColorType;
  /**
   * 阴影x轴倾斜
   * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX
   */
  shadowOffsetX?: number;
  /**
   * 阴影y轴倾斜
   * https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY
   */
  shadowOffsetY?: number;
  /**
   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/filter
   * 过滤
   */
  filter?: string;
  /**
   * @see https://developer.mozilla.org/zh-CN/docs/Web/CSS/text-transform
   * 文本转换
   */
  textTransform?: TextTransform | '';
  /**
   * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/miterLimit
   * 最大倾斜长度
   */
  miterLimit?: number | string;
  /**
   *显示
   */
  display?: string;
  /**
   * @see https://g-next.antv.vision/zh/docs/plugins/dragndrop#drag
   * 是否可拖动
   */
  draggable?: boolean;
  /**
   * @see https://g-next.antv.vision/zh/docs/plugins/dragndrop#drop
   * 是否可放下
   */
  droppable?: boolean;
}

/**
 * 基础解析样式
 */
export interface ParsedBaseStyleProps extends Omit<BaseStyleProps, 'anchor' | 'fill' | 'stroke' | 'lineWidth' | 'increasedLineWidthForHitTesting' | 'lineDash' | 'path' | 'points' | 'shadowColor' | 'transform' | 'transformOrigin' | 'miterLimit' | 'filter' | 'opacity' | 'fillOpacity' | 'strokeOpacity'> {
  /** 透明度 */
  opacity?: number;
  /** 填充透明度 */
  fillOpacity?: number;
  /** 描边透明度 */
  strokeOpacity?: number;
  /** 填充颜色 */
  fill?: CSSRGB | CSSGradientValue[] | Pattern;
  /** 描边颜色 */
  stroke?: CSSRGB | CSSGradientValue[] | Pattern;
  /** 短划线 */
  lineDash?: [number, number];
  /** 锚点 */
  anchor?: [number, number, number];
  /** 2D 转换 */
  transform: ParsedTransform[];
  /** 3D 转换 */
  transformOrigin?: [CSSUnitValue, CSSUnitValue, CSSUnitValue];
  /** 线宽 */
  lineWidth?: number;
  /** 用于命中测试的增加线宽 */
  increasedLineWidthForHitTesting?: number;
  /**
   * x根据定义，例如直线的x1/x2，多段线的点
   */
  defX?: number;
  defY?: number;
  /**
   * 相对于初始定义的偏移
   */
  offsetX?: number;
  offsetY?: number;
  /** 阴影颜色 */
  shadowColor?: CSSRGB;
  /** 最大倾斜长度 */
  miterLimit?: number;
  /** 过滤 */
  filter?: ParsedFilterStyleProperty[];
}

export interface DisplayObjectConfig<StyleProps> {
  /**
   * 元素的标识符在文档中必须是唯一的。
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/id
   */
  id?: string;
  /** 名称 */
  name?: string;
  /**
   * 类
   * @see https://developer.mozilla.org/zh-CN/docs/Web/API/Element/className
   */
  class?: string;
  /** 类名称 */
  className?: string;
  /**
   * 所有样式特性，非只读
   * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style
   */
  style?: StyleProps;
  /** 初始的解析样式 */
  initialParsedStyle?: any;
  /**
   * 与G 3.0兼容
   * @alias style
   */
  attrs?: StyleProps;
  /** 类型 */
  type?: Shape | string;
  /**
   * 层级
   * @deprecated 使用 `style.zIndex` 获取
   */
  zIndex?: number;
  /**
   * 可见
   * @deprecated 使用 `style.visibility = 'visible'` 获取
   */
  visible?: boolean;
  /**
   * 捕获 与G 3.0兼容
   * @alias interactive
   */
  capture?: boolean;
  /**
   * 交互
   * 启用DisplayObject的交互事件
   * @deprecated 使用 `style.pointerEvents = 'auto'` 获取
   */
  interactive?: boolean;
}

export interface IElement<StyleProps = any, ParsedStyleProps = any> extends INode, IChildNode, IParentNode {
  /**
   * 返回元素的id内容属性的值。可以设置为更改它。
   */
  id: string;
  /**
   * 返回限定名称。
   */
  tagName: string;
  /** 名称 */
  name: string;
  /**
   * 返回元素的类内容属性的值。可以设置为更改它。
   */
  className: string;
  /** 返回元素的类集合 */
  classList: string[];
  /**
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/attributes
   */
  attributes: StyleProps;
  /**
   * 兼容`style` 样式
   * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style
   */
  style: StyleProps & ICSSStyleDeclaration<StyleProps>;
  /**
   * 解析样式
   */
  parsedStyle: ParsedStyleProps;
  /**
   * 按ID获取元素
   * @param id 元素id
   */
  getElementById: <E extends IElement = IElement>(id: string) => E | null;
  /**
   * 按名称获取元素
   * @param name 元素名称
   */
  getElementsByName: <E extends IElement = IElement>(name: string) => E[];
  /**
   * 按类名获取元素
   * @param className 类名
   */
  getElementsByClassName: <E extends IElement = IElement>(className: string) => E[];
  /**
   * 按标记名获取元素
   * @param tagName 标记名
   */
  getElementsByTagName: <E extends IElement = IElement>(tagName: string) => E[];
  /**
   * 滚动条到元素左边的距离
   */
  scrollLeft: number;
  /**
   * 元素的内容垂直滚动的像素数
   */
  scrollTop: number;
  /**
   * 一个元素的左边框的宽度
   */
  clientLeft: number;
  /**
   * 一个元素顶部边框的宽度
   */
  clientTop: number;
  /**
   * 设置指定元素上的某个属性值
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute
   */
  setAttribute: <Key extends keyof StyleProps>(attributeName: Key, value: StyleProps[Key], force?: boolean) => void;
  /**
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute
   * 返回元素上一个指定的属性值
   */
  getAttribute: (attributeName: keyof StyleProps) => StyleProps[keyof StyleProps] | undefined;
  /**
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/removeAttribute
   * 从指定的元素中删除一个属性。
   */
  removeAttribute: (attributeName: keyof StyleProps) => void;
  /**
   * 返回一个布尔值，指示该元素是否包含有指定的属性
   * @param qualifiedName 属性名称
   */
  hasAttribute: (qualifiedName: string) => boolean;
}

export class GElement<StyleProps extends BaseStyleProps = any, ParsedStyleProps extends ParsedBaseStyleProps = any> extends Node implements IElement<StyleProps, ParsedStyleProps> {
  static isElement(target: IEventTarget | INode | IElement): target is IElement;

  /**
   * 唯一id。
   */
  entity: number;
  /**
   * 可渲染
   */
  renderable: Renderable;
  /**
   * 可剔除
   */
  cullable: Cullable;
  /**
   * 可变形
   */
  transformable: Transform;
  /**
   * 可排序
   */
  sortable: Sortable;
  /**
   * 几何
   */
  geometry: Geometry;
  rBushNode: RBushNode;
  /**
   * id
   * 可以使用 `getElementById()`
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/id
   */
  id: string;

  /**
   * 使用 `getElementsByClassName` 获取
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName
   */
  get className(): string;
  set className(className: string);

  /**
   * 名称
   * 使用 `getElementsByName` 获取
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByName
   */
  name: string;
  /**
   * 命名空间
   * https://developer.mozilla.org/zh-CN/docs/Web/API/Element/namespaceURI
   */
  namespaceURI: string;

  /**
   * 获取类名集合
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/classList
   */
  get classList(): string[];

  /**
   * 滚动条到元素左边的距离
   */
  scrollLeft: number;
  /**
   * 元素的内容垂直滚动的像素数
   */
  scrollTop: number;
  /**
   * 我们现在不支持边界
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/clientTop
   */
  /**
   * 一个元素的左边框的宽度
   */
  clientLeft: number;
  /**
   * 一个元素顶部边框的宽度
   */
  clientTop: number;

  /**
   * 标签名称
   */
  get tagName(): string;

  /**
   * 子级
   */
  get children(): IElement[];

  /**
   * 子元素计数
   */
  get childElementCount(): number;

  /**
   * 第一个元素子项
   */
  get firstElementChild(): IElement | null;

  /**
   * 最后一个元素子项
   */
  get lastElementChild(): IElement | null;

  /**
   * 父元素
   */
  get parentElement(): IElement | null;

  /**
   * 下一个兄弟元素
   */
  get nextSibling(): IElement | null;

  /**
   * 前一个兄弟元素
   */
  get previousSibling(): IElement | null;

  /**
   * 克隆节点
   * @param deep
   */
  cloneNode(deep?: boolean): this;

  /**
   * 追加子项
   * @param child 子项
   * @param index 下标
   */
  appendChild<T extends INode>(child: T, index?: number): T;

  /**
   * 插入之前
   * @param newChild 新子项
   * @param refChild 要追加的点
   */
  insertBefore<T extends INode>(newChild: T, refChild: INode | null): T;

  /**
   * 替换子项
   * @param newChild 新子项
   * @param oldChild 旧子项
   */
  replaceChild<T extends INode>(newChild: INode, oldChild: T): T;

  /**
   * 移除子项
   * @param child 子项
   */
  removeChild<T extends INode>(child: T): T;

  /**
   * 删除以后可以附加到其原始父级的所有子级。
   */
  removeChildren(): void;

  /**
   * 递归地销毁所有以后不能附加到其原始父级的子级。
   */
  destroyChildren(): void;

  /**
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/matches
   */
  matches(selector: string): boolean;

  /**
   * 按ID获取元素
   * @param id
   */
  getElementById<E extends IElement = IElement>(id: string): E | null;

  /**
   * 按名称获取元素
   * @param name 元素名称
   */
  getElementsByName<E extends IElement = IElement>(name: string): E[];

  /**
   * 按类名获取元素
   * @param className 类名
   */
  getElementsByClassName<E extends IElement = IElement>(className: string): E[];

  /**
   * 按标记名获取元素
   * @param tagName 标记名
   */
  getElementsByTagName<E extends IElement = IElement>(tagName: string): E[];

  /**
   * 方法返回文档中与指定选择器或选择器组匹配的第一个 Element对象。如果找不到匹配项，则返回null。
   * @param selectors
   */
  querySelector<E extends IElement = IElement>(selectors: string): E | null;

  /**
   * 返回与指定的选择器组匹配的文档中的元素列表 (使用深度优先的先序遍历文档的节点)。返回的对象是 NodeList 。
   * @param selectors
   */
  querySelectorAll<E extends IElement = IElement>(selectors: string): E[];

  /**
   * 应该遍历元素及其父级（指向文档根）
   * 直到找到与指定CSS选择器匹配的节点。
   * @see https://developer.mozilla.org/zh-CN/docs/Web/API/Element/closest
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/closest#polyfill
   */
  closest<E extends IElement = IElement>(selectors: string): E | null;

  /**
   * 在场景组中搜索，但不应包括其本身
   */
  find<E extends IElement = IElement>(filter: (node: E) => boolean): E | null;

  /**
   * 在场景组中搜索，查询所有
   * @param filter 元素
   */
  findAll<E extends IElement = IElement>(filter: (node: E) => boolean): E[];

  /**
   * 方法会在其父节点的子节点列表中插入一些 Node 或 DOMString 对象。插入位置为该节点之后
   * @see https://developer.mozilla.org/zh-CN/docs/Web/API/Element/after
   */
  after(...nodes: INode[]): void;

  /**
   * 方法可以在ChildNode 这个节点的父节点中插入一些列的 Node 或者 DOMString 对象，位置就是在ChildNode 节点的前面，DOMString 对象其实和 Text 节点一样的方式来完成插入的
   * @see https://developer.mozilla.org/zh-CN/docs/Web/API/Element/before
   */
  before(...nodes: INode[]): void;

  /**
   * 替换了该节点父节点下的子节点。
   * @see https://developer.mozilla.org/zh-CN/docs/Web/API/Element/replaceWith
   */
  replaceWith(...nodes: INode[]): void;

  /**
   * 在 Element的最后一个子节点之后插入一组 Node 对象或 DOMString 对象
   * @see https://developer.mozilla.org/zh-CN/docs/Web/API/Element/append
   */
  append(...nodes: INode[]): void;

  /**
   * 方法可以在父节点的第一个子节点之前插入一系列Node对象或者DOMString对象
   * @see https://developer.mozilla.org/zh-CN/docs/Web/API/Element/prepend
   */
  prepend(...nodes: INode[]): void;

  /**
   * 方法将一个 Node 的后代替换为指定的后代集合。这些新的后代可以为 DOMString 或 Node 对象。
   * @see https://developer.mozilla.org/zh-CN/docs/Web/API/Element/replaceChildren
   */
  replaceChildren(...nodes: INode[]): void;

  /**
   * 把对象从它所属的 DOM 树中删除。
   * @see https://developer.mozilla.org/zh-CN/docs/Web/API/Element/remove
   */
  remove(): this;

  /**
   * 是否已销毁
   */
  destroyed: boolean;

  /**
   * 销毁
   */
  destroy(): void;

  /**
   * 获取几何边界
   */
  getGeometryBounds(): AABB;

  /**
   * 获取渲染边界
   */
  getRenderBounds(): AABB;

  /**
   * 在坐标系中获得界限，考虑到子级
   */
  getBounds(): AABB;

  /**
   * 获得本地空间的界限，考虑到子级
   */
  getLocalBounds(): AABB;

  /**
   * 考虑客户端空间中的上下文边界，
   * 但不考虑子项
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect
   */
  getBoundingClientRect(): Rectangle;

  /**
   * @see https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getClientRects
   */
  getClientRects(): Rectangle[];

  /**
   * 与“样式”兼容
   * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style
   */
  style: StyleProps & ICSSStyleDeclaration<StyleProps>;
  computedStyle: any;
  /**
   * 渲染器将使用这些使用的值。
   */
  parsedStyle: ParsedStyleProps;

  /**
   * 元素接口的方法返回一个 StylePropertyMapReadOnly 接口，该接口提供 CSS 声明块的只读表示形式，该声明块是 CSSStyleDeclaration 的替代项。
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/computedStyleMap
   * eg. circle.computedStyleMap().get('fill');
   */
  computedStyleMap(): Map<string, unknown>;

  /**
   *  属性返回该元素所有属性节点的一个实时集合
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/attributes
   */
  readonly attributes: StyleProps;

  /**
   * 返回一个Array，该数组包含指定元素（Element）的所有属性名称，如果该元素不包含任何属性，则返回一个空数组。
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttributeNames
   */
  getAttributeNames(): string[];

  /**
   *  返回元素上一个指定的属性值。如果指定的属性不存在，则返回 null 或 ""
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute
   */
  getAttribute(name: keyof StyleProps): StyleProps[keyof StyleProps];

  /**
   * 返回一个布尔值，指示该元素是否包含有指定的属性
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/hasAttribute
   */
  hasAttribute(qualifiedName: string): boolean;

  /**
   * 属性返回一个布尔值true或false,来表明当前元素节点是否有至少一个的属性
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/hasAttributes
   */
  hasAttributes(): boolean;

  /**
   * 应使用removeAttribute（），而不是直接或使用setAttribute（）将属性值设置为null。如果将许多属性设置为null，它们的行为将不会像预期的那样。
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/removeAttribute
   */
  removeAttribute(attributeName: keyof StyleProps): void;

  /**
   * 设置指定元素上的某个属性值。如果属性已经存在，则更新该值；否则，使用指定的名称和值添加一个新的属性。
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute
   */
  setAttribute<Key extends keyof StyleProps>(attributeName: Key, value: StyleProps[Key], force?: boolean): void;

  /**
   * 获取命名命名空间
   */
  getAttributeNS(namespace: string, localName: string): string;

  /**
   * 获取属性节点
   * @param qualifiedName
   */
  getAttributeNode(qualifiedName: string): Attr;

  /**
   * 获取属性节点 NS
   * @param namespace
   * @param localName
   */
  getAttributeNodeNS(namespace: string, localName: string): Attr;

  /**
   * 具有属性 NS
   * @param namespace
   * @param localName
   */
  hasAttributeNS(namespace: string, localName: string): boolean;

  /**
   * 删除属性 NS
   * @param namespace
   * @param localName
   */
  removeAttributeNS(namespace: string, localName: string): void;

  /**
   * 删除属性节点
   * @param attr 属性
   */
  removeAttributeNode(attr: Attr): Attr;

  /**
   * 设置属性 NS
   * @param namespace
   * @param qualifiedName
   * @param value
   */
  setAttributeNS(namespace: string, qualifiedName: string, value: string): void;

  /**
   * 设置属性节点
   * @param attr 属性
   */
  setAttributeNode(attr: Attr): Attr;

  /**
   * 设置属性节点 NS
   * @param attr
   */
  setAttributeNodeNS(attr: Attr): Attr;

  /**
   * 切换属性
   * @param qualifiedName
   * @param force
   */
  toggleAttribute(qualifiedName: string, force?: boolean): boolean;
}

/**
 *  显示对象
 */
export class DisplayObject<StyleProps extends BaseStyleProps = any, ParsedStyleProps extends ParsedBaseStyleProps = any> extends GElement<StyleProps, ParsedStyleProps> {
  /**
   * 在构造函数的参数中包含样式道具，例如fill、stroke。。。
   */
  config: DisplayObjectConfig<StyleProps>;
  /** 是自定义元素 */
  isCustomElement: boolean;
  /** 观察到突变 */
  isMutationObserved: boolean;
  /**
   * 调用`animate（）后推到活动动画`
   */
  private activeAnimations;

  constructor(config: DisplayObjectConfig<StyleProps>);

  /**
   * 销毁
   */
  destroy(): void;

  /**
   * 克隆节点
   * @param deep
   * @param customCloneFunc
   */
  cloneNode(deep?: boolean, customCloneFunc?: (name: string, attribute: any) => any): this;

  /**
   * 初始化属性
   * @private
   */
  private initAttributes;

  /**
   * 设置属性
   * @param name
   * @param value
   * @param force
   */
  setAttribute<Key extends keyof StyleProps>(name: Key, value: StyleProps[Key], force?: boolean): void;

  /**
   * 属性更改或初始化时调用
   */
  internalSetAttribute<Key extends keyof StyleProps>(name: Key, value: StyleProps[Key], parseOptions?: Partial<PropertyParseOptions>): void;

  /**
   * 返回与getBoundingClientRect（）不同的值，因为后者返回与视口相关的值
   * @see https://developer.mozilla.org/en-US/docs/Web/API/SVGGraphicsElement/getBBox
   *
   * FIXME: It is worth noting that getBBox responds to original untransformed values of a drawn object.
   * @see https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#getBBox
   */
  getBBox(): DOMRect;

  /**
   * 设置原点
   * @param position
   * @param y
   * @param z
   */
  setOrigin(position: vec3 | vec2 | number, y?: number, z?: number): this;

  /**
   * 获取原点
   */
  getOrigin(): vec3;

  /**
   * 设置坐标系中的位置
   */
  setPosition(position: vec3 | vec2 | number, y?: number, z?: number): this;

  /**
   * 在局部空间中设置位置
   */
  setLocalPosition(position: vec3 | vec2 | number, y?: number, z?: number): this;

  /**
   * 在坐标系中转换
   */
  translate(position: vec3 | vec2 | number, y?: number, z?: number): this;

  /**
   * 在自身坐标中转换
   */
  translateLocal(position: vec3 | vec2 | number, y?: number, z?: number): this;

  /**
   * 获取位置
   */
  getPosition(): vec3;

  /**
   * 获取本地位置
   */
  getLocalPosition(): vec3;

  /**
   * compatible with G 3.0
   *
   * scaling in local space
   * scale(10) = scale(10, 10, 10)
   *
   * 我们无法设定坐标系的尺度
   */
  scale(scaling: vec3 | vec2 | number, y?: number, z?: number): this;

  scaleLocal(scaling: vec3 | vec2 | number, y?: number, z?: number): this;

  /**
   * 设置自身坐标中的缩放
   */
  setLocalScale(scaling: vec3 | vec2 | number, y?: number, z?: number): this;

  /**
   * 获取自身坐标中的缩放
   */
  getLocalScale(): vec3;

  /**
   * 在坐标系中缩放
   */
  getScale(): vec3;

  /**
   * 仅返回坐标系中Z轴的度数
   */
  getEulerAngles(): number;

  /**
   * 仅返回自身坐标中Z轴的度数
   */
  getLocalEulerAngles(): number;

  /**
   * 在坐标系中设置欧拉角（度）
   */
  setEulerAngles(z: number): this;

  /**
   * 在自身坐标中设置欧拉角（度）
   */
  setLocalEulerAngles(z: number): this;

  /**
   * 旋转本地
   * @param x
   * @param y
   * @param z
   */
  rotateLocal(x: number, y?: number, z?: number): this;

  /**
   * 旋转
   * @param x
   * @param y
   * @param z
   */
  rotate(x: number, y?: number, z?: number): this;

  /**
   * 设置旋转
   * @param rotation
   * @param y
   * @param z
   * @param w
   */
  setRotation(rotation: quat | number, y?: number, z?: number, w?: number): this;

  /**
   * 设置局部旋转
   * @param rotation
   * @param y
   * @param z
   * @param w
   */
  setLocalRotation(rotation: quat | number, y?: number, z?: number, w?: number): this;

  /**
   * 设置局部倾斜
   * @param skew
   * @param y
   */
  setLocalSkew(skew: vec2 | number, y?: number): this;

  /**
   * 获取旋转
   */
  getRotation(): quat;

  /**
   * 获取局部旋转
   */
  getLocalRotation(): quat;

  /**
   * 获取局部倾斜
   */
  getLocalSkew(): vec2;

  /**
   * 获取局部转换
   */
  getLocalTransform(): mat4;

  /**
   * 获取世界变换
   */
  getWorldTransform(): mat4;

  /**
   * 设置局部变换
   * @param transform
   */
  setLocalTransform(transform: mat4): this;

  /**
   * 重置局部变换
   */
  resetLocalTransform(): void;

  /**
   * 返回影响此元素的所有动画对象的数组
   * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/getAnimations
   */
  getAnimations(): IAnimation[];

  /**
   * 使用WAAPI创建动画
   * @see https://developer.mozilla.org/zh-CN/docs/Web/API/Element/animate
   */
  animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): IAnimation | null;

  /**
   * `visibility Used值的快捷方式`
   */
  isVisible(): boolean;

  /**
   * 交互式的
   */
  get interactive(): boolean;
  set interactive(b: boolean);

  /**
   * 是交互式的
   */
  isInteractive(): boolean;

  /**
   * 被剔除
   */
  isCulled(): boolean;

  /**
   * 在当前组中领先
   */
  toFront(): this;

  /**
   * 发送回当前组
   */
  toBack(): this;

  /**
   * 与G 3.0兼容
   * @alias object.config
   */
  getConfig(): DisplayObjectConfig<StyleProps>;

  /**
   * @alias style
   * @example
   * circle.style.r = 10;
   * const r = circle.style;
   */
  attr(): StyleProps;
  attr(name: Partial<StyleProps>): DisplayObject<StyleProps>;
  attr<Key extends keyof StyleProps>(name: Key): StyleProps[Key];
  attr<Key extends keyof StyleProps>(name: Key, value: StyleProps[Key]): DisplayObject<StyleProps>;

  /**
   * 返回坐标系中的3x3矩阵
   */
  getMatrix(transformMat4?: mat4): mat3;

  /**
   * 在自身坐标中返回3x3矩阵
   */
  getLocalMatrix(): mat3;

  /**
   * 在坐标系中设置3x3矩阵
   */
  setMatrix(mat: mat3): void;

  /**
   * 在自身坐标中设置3x3矩阵
   */
  setLocalMatrix(mat: mat3): void;

  /**
   * 显示 使用 `visibility: visible` 代替.
   */
  show(): void;

  /**
   * 隐藏 使用 `visibility: hidden` 代替.
   */
  hide(): void;

  /**
   * 获取计数 使用 `childElementCount` 代替.
   */
  getCount(): number;

  /**
   * 获取父级 使用 `parentElement` 代替.
   */
  getParent(): DisplayObject | null;

  /**
   * 获取子级 使用 `children` 代替.
   */
  getChildren(): DisplayObject[];

  /**
   * 获取第一个子级 使用 `firstElementChild` 代替.
   */
  getFirst(): DisplayObject | null;

  /**
   * 获取最后一个子级 使用 `lastElementChild` 代替.
   */
  getLast(): DisplayObject | null;

  /**
   * 根据下标获取子级 使用`this.children[index]` 代替.
   */
  getChildByIndex(index: number): DisplayObject | null;

  /**
   * 添加子节点 使用 `appendChild`.
   */
  add<T extends IChildNode>(child: T, index?: number): T;

  /**
   * 设置并返回裁剪对象； 使用 `this.style.clipPath` 代替.
   */
  setClip(clipPath: DisplayObject | null): void;

  /**
   * 获取裁剪对象；
   * 使用  `this.style.clipPath` 代替.
   */
  getClip: () => any;

  /**
   * 设置属性；
   */
  set<StyleProps extends BaseStyleProps, Key extends keyof DisplayObjectConfig<StyleProps>>(name: Key, value: DisplayObjectConfig<StyleProps>[Key]): void;

  /**
   * 获取属性；
   */
  get<StyleProps extends BaseStyleProps>(name: keyof DisplayObjectConfig<StyleProps>): any;

  /**
   * 移动元素到目标位置
   * 使用 “setPosition” 代替。
   */
  moveTo(position: vec3 | vec2 | number, y?: number, z?: number): this;

  /**
   * 移动元素到目标位置
   * 使用 “setPosition” 代替。
   */
  move(position: vec3 | vec2 | number, y?: number, z?: number): this;

  /**
   * 设置元素的 zIndex；
   * 使用 this.style.zIndex 代替。
   */
  setZIndex(zIndex: number): this;
}

/**
 * 组件基础实现类
 */
export class GDisplayObject<StyleProps extends BaseStyleProps = any, ParsedStyleProps extends ParsedBaseStyleProps = any> extends DisplayObject<StyleProps, ParsedStyleProps> {
  constructor({id, name}: { id: string, name: string });
}


/**
 * Group 图形分组参数
 */
export interface GroupStyleProps extends BaseStyleProps {
  x?: number | string;
  y?: number | string;
  width?: number | string;
  height?: number | string;
}

/**
 * Group 图形分组
 */
export class GGroup extends GDisplayObject {
  constructor({style, ...rest}?: DisplayObjectConfig<GroupStyleProps>);
}


/**
 * GRect 矩形属性
 */
export interface RectStyleProps extends BaseStyleProps {
  /** 起始点 x 坐标 */
  x?: number | string;
  /** 起始点 y 坐标 */
  y?: number | string;
  /** 宽 */
  width: number | string;
  /** 高 */
  height: number | string;
  /**
   * 圆角， 左上、右上、右下、左下
   */
  radius?: number | string | number[];
}

/**
 * GRect 矩形解析属性
 */
export interface ParsedRectStyleProps extends ParsedBaseStyleProps {
  /** 起始点 x 坐标 */
  x: number;
  /** 起始点 y 坐标 */
  y: number;
  /** 宽 */
  width: number;
  /** 高 */
  height: number;
  /**
   * 圆角， 左上、右上、右下、左下
   */
  radius?: [number, number, number, number];
}

/**
 * GRect 矩形
 */
export class GRect extends GDisplayObject<RectStyleProps, ParsedRectStyleProps> {
  constructor({style, ...rest}?: DisplayObjectConfig<RectStyleProps>);
}


/**
 * HTML 容器属性
 */
export interface HTMLStyleProps extends BaseStyleProps {
  /** 起始点 x 坐标 */
  x?: number | string;
  /** 起始点 y 坐标 */
  y?: number | string;
  /** 内部 HTML */
  innerHTML: string | HTMLElement;
  /** 宽 */
  width?: number | string;
  /** 高 */
  height?: number | string;
}

/**
 * HTML 容器解析属性
 */
export interface ParsedHTMLStyleProps extends ParsedBaseStyleProps {
  /** 起始点 x 坐标 */
  x: CSSUnitValue;
  /** 起始点 y 坐标 */
  y: CSSUnitValue;
  /** 当前元素 **/
  $el: HTMLElement;
  /** 内部 HTML */
  innerHTML: string | HTMLElement;
  /** 宽 */
  width: CSSUnitValue;
  /** 高 */
  height: CSSUnitValue;
}

/**
 * HTML 容器
 * @see https://github.com/pmndrs/drei#html
 */
export class HTML extends DisplayObject<HTMLStyleProps, ParsedHTMLStyleProps> {
  constructor({style, ...rest}?: DisplayObjectConfig<HTMLStyleProps>);

  /**
   * 返回包装器 HTMLElement
   * * <div> in g-webgl/canvas
   * * <foreignObject> in g-svg
   */
  getDomElement(): HTMLElement;

  /**
   * 获取绑定客户端矩形
   * 用$el.getBoundingClientRect重写
   * @see https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRect
   */
  getBoundingClientRect(): DOMRect;

  /** 获取客户端矩形 */
  getClientRects(): DOMRect[];

  /** 获取边界 */
  getBounds(): AABB;

  /** 获取局部边界 */
  getLocalBounds(): AABB;
}


/**
 * 自定义元素属性
 */
export interface BaseCustomElementStyleProps extends BaseStyleProps {
  /** 起始点 x 坐标 */
  x?: number | string;
  /** 起始点 y 坐标 */
  y?: number | string;
}

/**
 * 自定义元素解析属性
 */
export interface AbstractLineStyleProps extends BaseCustomElementStyleProps {
  /** 起始点 x1 坐标 */
  x1: number;
  /** 起始点 y1 坐标 */
  y1: number;
  /** 起始点 x1 坐标 */
  x2: number;
  /** 起始点 y2 坐标 */
  y2: number;
}

/**
 * 自定义元素
 */
export abstract class CustomElement<CustomElementStyleProps> extends DisplayObject<CustomElementStyleProps & BaseCustomElementStyleProps> {
  isCustomElement: boolean;
  constructor({ style, ...rest }?: DisplayObjectConfig<CustomElementStyleProps>);
  /**
   * 在元素插入DOM树后激发
   */
  connectedCallback?(): void;
  /**
   * 在从DOM树中删除元素之前激发
   */
  disconnectedCallback?(): void;
  attributeChangedCallback?<Key extends keyof CustomElementStyleProps>(name: Key, oldValue: CustomElementStyleProps[Key], newValue: CustomElementStyleProps[Key], oldParsedValue?: any, newParsedValue?: any): void;
}

/**
 * AbstractPolyline 抽象折线析属性
 */
export interface AbstractPolylineStyleProps extends BaseCustomElementStyleProps {
  points: [number, number][];
}


/**
 * AbstractShape 抽象形状解析属性
 */
export interface AbstractShapeStyleProps extends BaseCustomElementStyleProps {
  width: number | string;
  height: number | string;
}

/**
 * 圆形属性
 */
export interface CircleStyleProps extends BaseStyleProps {
  /** 圆心的 x 坐标 */
  cx?: number | string | null;
  /** 圆心的 y 坐标 */
  cy?: number | string | null;
  /** 圆的半径 */
  r: number | string | null;
}

/**
 * 圆形解析属性
 */
export interface ParsedCircleStyleProps extends ParsedBaseStyleProps {
  /** 圆心的 x 坐标 */
  cx: number;
  /** 圆心的 y 坐标 */
  cy: number;
  /** 圆的半径 */
  r: number;
}

/**
 * GCircle 圆形
 */
export class GCircle extends DisplayObject<CircleStyleProps, ParsedCircleStyleProps> {
  constructor({ style, ...rest }?: DisplayObjectConfig<CircleStyleProps>);
}

/**
 * GEllipse  椭圆属性
 */
export interface EllipseStyleProps extends BaseStyleProps {
  /** 圆心的 x 坐标 */
  cx?: number | string;
  /** 圆心的 y 坐标 */
  cy?: number | string;
  /** 椭圆的水平半径 */
  rx: number | string;
  /** 椭圆的垂直半径 */
  ry: number | string;
}
/**
 * GEllipse  椭圆解析属性
 */
export interface ParsedEllipseStyleProps extends ParsedBaseStyleProps {
  /** 圆心的 x 坐标 */
  cx: number;
  /** 圆心的 y 坐标 */
  cy: number;
  /** 椭圆的水平半径 */
  rx: number;
  /** 椭圆的垂直半径 */
  ry: number;
}

/**
 * GEllipse  椭圆
 */
export class GEllipse extends DisplayObject<EllipseStyleProps, ParsedEllipseStyleProps> {
  constructor({ style, ...rest }?: DisplayObjectConfig<EllipseStyleProps>);
}


export interface ImageStyleProps extends BaseStyleProps {
  /** 起始点 x 坐标 */
  x?: number | string;
  /** 起始点 y 坐标 */
  y?: number | string;
  /** 图片地址、图片对象或 canvas 对象 */
  img?: string | HTMLImageElement;
  /**  该属性为 img 的别名。 图片地址 图片对象 */
  src?: string | HTMLImageElement;
  /** 图片宽度 */
  width?: number | string;
  /** 图片高度 */
  height?: number | string;
}
export interface ParsedImageStyleProps extends ParsedBaseStyleProps {
  /** 起始点 x 坐标 */
  x: number;
  /** 起始点 y 坐标 */
  y: number;
  /** 该属性为 img 的别名。 图片地址、图片对象或 canvas 对象 */
  img?: string | HTMLImageElement;
  /** 图片地址  图片对象*/
  src?: string | HTMLImageElement;
  /** 图片宽度 */
  width?: number;
  /** 图片高度 */
  height?: number;
}

/**
 * GImage 图片
 */
export class GImage extends DisplayObject<ImageStyleProps, ParsedImageStyleProps> {
  constructor({ style, ...rest }?: DisplayObjectConfig<ImageStyleProps>);
}



// GLine --------------------------------------------------------------------------------
export interface LineStyleProps extends BaseStyleProps {
  /**
   * 起始点的 x 坐标
   */
  x1: number;
  /**
   * 起始点的 y 坐标
   */
  y1: number;
  /**
   * 结束点的 x 坐标
   */
  x2: number;
  /**
   * 结束点的 y 坐标
   */
  y2: number;
  /**
   * 局部坐标系下，第一个端点的 z 轴坐标。
   */
  z1?: number;
  /**
   * 局部坐标系下，第二个端点的 z 轴坐标。
   */
  z2?: number;
  /** 3D 场景中生效，始终朝向屏幕，因此线宽不受透视投影影像。默认值为 false */
  isBillboard?: boolean;
  /**
   * 标记将位于x1/y1
   */
  markerStart?: DisplayObject;
  /**
   * 标记将位于x2/y2
   */
  markerEnd?: DisplayObject;
  /**
   * 相对于原始位置的偏移
   */
  markerStartOffset?: number;
  /**
   * 相对于原始位置的偏移
   */
  markerEndOffset?: number;
}
export interface ParsedLineStyleProps extends ParsedBaseStyleProps {
  /** 第一个端点的 x 轴坐标。 */
  x1: number;
  /** 第一个端点的 y 轴坐标。 */
  y1: number;
  /** 第二个端点的 x 轴坐标。 */
  x2: number;
  /** 第二个端点的 y 轴坐标。 */
  y2: number;
  /** 第一个端点的 z 轴坐标。 */
  z1?: number;
  /** 第二个端点的 z 轴坐标。 */
  z2?: number;
  /** */
  defX: number;
  /** */
  defY: number;
  /** 3D 场景中生效，始终朝向屏幕，因此线宽不受透视投影影像。默认值为 false */
  isBillboard?: boolean;
  /**
   * 标记将位于x1/y1
   */
  markerStart?: DisplayObject;
  /**
   * 标记将位于x2/y2
   */
  markerEnd?: DisplayObject;
  /**
   * 相对于原始位置的偏移
   */
  markerStartOffset?: number;
  /**
   * 相对于原始位置的偏移
   */
  markerEndOffset?: number;
}
/**
 * 创建一条连接两点的线。
 * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Element/line
 * Line 直线
 * 还支持使用标记。
 */
export class GLine extends DisplayObject<LineStyleProps, ParsedLineStyleProps> {
  private markerStartAngle;
  private markerEndAngle;
  constructor({ style, ...rest }?: DisplayObjectConfig<LineStyleProps>);
  attributeChangedCallback<Key extends keyof LineStyleProps>(attrName: Key, oldValue: LineStyleProps[Key], newValue: LineStyleProps[Key], prevParsedValue: ParsedLineStyleProps[Key], newParsedValue: ParsedLineStyleProps[Key]): void;
  private transformMarker;

  /**
   * 根据长度比例（取值范围 [0-1]）获取直线上局部或世界坐标系下的点坐标。
   * @param ratio 必填，长度比例
   * @param inWorldSpace  可选，表示是否在世界坐标系下计算。默认值为 false
   */
  getPoint(ratio: number, inWorldSpace?: boolean): Point;

  /**
   * 沿路径返回给定距离的点，
   * @param distance  必填，距离值
   * @param inWorldSpace 可选，表示是否在世界坐标系下计算。默认值为 false
   */
  getPointAtLength(distance: number, inWorldSpace?: boolean): Point;

  /**
   * 获取直线长度。
   */
  getTotalLength(): number;
}


/**
 * Path 路径属性
 */
export interface PathStyleProps extends BaseStyleProps {
  /**
   * 路径，支持 字符串和 数组 两种形式，
   */
  path?: string | PathArray;
  /**
   * path 属性的别名
   */
  d?: string | PathArray;
  /**
   * 标记将位于第一个点
   */
  markerStart?: DisplayObject;
  /**
   * 标记将位于最后一点
   */
  markerEnd?: DisplayObject;
  markerMid?: DisplayObject;
  /**
   * 相对于原始位置的偏移
   */
  markerStartOffset?: number;
  /**
   * 相对于原始位置的偏移
   */
  markerEndOffset?: number;
}
export interface PathSegmentBBox {
  /** x轴 */
  x: number;
  /** y轴 */
  y: number;
  /** 宽 */
  width: number;
  /** 高 */
  height: number;
}
export interface PathSegment {
  command: 'M' | 'L' | 'V' | 'H' | 'C' | 'S' | 'Q' | 'T' | 'A' | 'Z';
  currentPoint: [number, number];
  prePoint: [number, number];
  nextPoint: [number, number];
  startTangent: [number, number];
  endTangent: [number, number];
  params: AbsoluteSegment;
  arcParams: PathArcParams;
  /**
   * 用于命中测试。
   */
  box: PathSegmentBBox;
  /**
   * 将A转换为C。
   */
  cubicParams: [number, number, number, number, number, number];
}
export interface PathArcParams {
  cx: number;
  cy: number;
  rx: number;
  ry: number;
  startAngle: number;
  endAngle: number;
  xRotation: number;
  arcFlag: number;
  sweepFlag: number;
}

/**
 * Path 路径解析属性
 */
export interface ParsedPathStyleProps extends ParsedBaseStyleProps {
  /** 路径 */
  path: {
    absolutePath: AbsoluteArray;
    hasArc: boolean;
    segments: PathSegment[];
    polygons: [number, number][][];
    polylines: [number, number][][];
    curve: CurveArray;
    totalLength: number;
    rect: Rectangle;
  };
  /** path 属性的别名 */
  d?: {
    absolutePath: AbsoluteArray;
    hasArc: boolean;
    segments: PathSegment[];
    polygons: [number, number][][];
    polylines: [number, number][][];
    curve: CurveArray;
    totalLength: number;
    rect: Rectangle;
  };
  /** 起始点 */
  markerStart?: DisplayObject;
  markerMid?: DisplayObject;
  /** 终止点 */
  markerEnd?: DisplayObject;
  /**
   * marker 会沿路径中第一段的切线方向移动，同时主体路径也会进行相应延长或缩短。需要注意的是主体路径的伸缩距离也是有限的，当超过了第一段的长度，会产生“拐弯”的效果
   */
  markerStartOffset?: number;
  /**
   * marker 会沿路径中最后一段的切线方向移动，同时主体路径也会进行相应延长或缩短。
   */
  markerEndOffset?: number;
}

/**
 * Path 路径
 */
export class GPath extends DisplayObject<PathStyleProps, ParsedPathStyleProps> {
  private markerStartAngle;
  private markerEndAngle;
  /**
   * 标记放在中间
   */
  private markerMidList;
  constructor({ style, ...rest }?: DisplayObjectConfig<PathStyleProps>);
  attributeChangedCallback<Key extends keyof PathStyleProps>(attrName: Key, oldValue: PathStyleProps[Key], newValue: PathStyleProps[Key], prevParsedValue: ParsedPathStyleProps[Key], newParsedValue: ParsedPathStyleProps[Key]): void;
  private transformMarker;
  private placeMarkerMid;
  /**
   * 返回路径的总长度。
   * @see https://developer.mozilla.org/en-US/docs/Web/API/SVGGeometryElement/getTotalLength
   */
  getTotalLength(): number;
  /**
   * 返回路径上给定距离处的点。
   *  @param distance 必填，从起点出发的距离值
   *  @param inWorldSpace 可选，表示是否在世界坐标系下计算。默认值为 false
   * @see https://developer.mozilla.org/en-US/docs/Web/API/SVGGeometryElement/getPointAtLength
   */
  getPointAtLength(distance: number, inWorldSpace?: boolean): Point;
  /**
   * 根据长度比例（取值范围 [0-1]）获取局部或世界坐标系下点的坐标。
   * @param ratio 必填，长度比例
   * @param inWorldSpace 可选，表示是否在世界坐标系下计算。默认值为 false
   */
  getPoint(ratio: number, inWorldSpace?: boolean): Point;
  /**
   * 获取起始切线向量
   */
  getStartTangent(): number[][];
  /**
   * 获取结束切线向量
   */
  getEndTangent(): number[][];
}

/**
 * Polygon 多边形属性
 */
export interface PolygonStyleProps extends BaseStyleProps {
  /**
   * [number, number][] 点数组
   * string 点之间使用空格分隔，形如：'100,10 250,150 200,110'
   */
  points: [number, number][];
  /**
   * 标记将位于第一个点
   */
  markerStart?: DisplayObject;
  /**
   * 标记将位于最后一点
   */
  markerEnd?: DisplayObject;
  /**
   * 在折线除了 “起始点” 和 “终止点” 之外的每一个顶点上放置标记图形。
   */
  markerMid?: DisplayObject;
  /**
   * 相对于原始位置的偏移
   */
  markerStartOffset?: number;
  /**
   * 相对于原始位置的偏移
   */
  markerEndOffset?: number;
  /**
   * 是否关闭
   */
  isClosed?: boolean;
}

/**
 * Polygon 多边形解析属性
 */
export interface ParsedPolygonStyleProps extends ParsedBaseStyleProps {
  /**
   * [number, number][] 点数组
   * string 点之间使用空格分隔，形如：'100,10 250,150 200,110'
   */
  points: {
    points: [number, number][];
    segments: [number, number][];
    totalLength: number;
  };
  /**
   * 标记将位于第一个点
   */
  markerStart?: DisplayObject;
  /**
   * 在折线除了 “起始点” 和 “终止点” 之外的每一个顶点上放置标记图形。
   */
  markerMid?: DisplayObject;
  /**
   * 标记将位于最后一点
   */
  markerEnd?: DisplayObject;
  /**
   * 相对于原始位置的偏移
   */
  markerStartOffset?: number;
  /**
   * 相对于原始位置的偏移
   */
  markerEndOffset?: number;
  /**
   * 是否关闭
   */
  isClosed?: boolean;
}

/**
 * Polygon 多边形
 */
export class GPolygon extends DisplayObject<PolygonStyleProps, ParsedPolygonStyleProps> {
  private markerStartAngle;
  private markerEndAngle;
  /**
   * 标记放在中间
   */
  private markerMidList;
  constructor({ style, ...rest }?: DisplayObjectConfig<PolygonStyleProps>);
  attributeChangedCallback<Key extends keyof PolygonStyleProps>(attrName: Key, oldValue: PolygonStyleProps[Key], newValue: PolygonStyleProps[Key], prevParsedValue: ParsedPolygonStyleProps[Key], newParsedValue: ParsedPolygonStyleProps[Key]): void;
  private transformMarker;
  private placeMarkerMid;
}


/**
 * 折线属性
 */
export interface PolylineStyleProps extends BaseStyleProps {
  /**
   * [number, number][] 点数组
   * string 点之间使用空格分隔，形如：'100,10 250,150 200,110'
   */
  points: [number, number][];
  /**
   * 标记将位于第一个点
   */
  markerStart?: DisplayObject;
  /**
   * 标记将位于最后一点
   */
  markerEnd?: DisplayObject;
  /**
   * 在折线除了 “起始点” 和 “终止点” 之外的每一个顶点上放置标记图形。
   */
  markerMid?: DisplayObject;
  /**
   * 相对于原始位置的偏移
   */
  markerStartOffset?: number;
  /**
   * 相对于原始位置的偏移
   */
  markerEndOffset?: number;
}

/**
 * Polyline 折线解析属性
 */
export interface ParsedPolylineStyleProps extends ParsedBaseStyleProps {
  /**
   * [number, number][] 点数组
   * string 点之间使用空格分隔，形如：'100,10 250,150 200,110'
   */
  points: {
    points: [number, number][];
    segments: [number, number][];
    totalLength: number;
  };
  /**
   * 标记将位于第一个点
   */
  markerStart?: DisplayObject;
  /**
   * 在折线除了 “起始点” 和 “终止点” 之外的每一个顶点上放置标记图形。
   */
  markerMid?: DisplayObject;
  /**
   * 标记将位于最后一点
   */
  markerEnd?: DisplayObject;
  /**
   * 相对于原始位置的偏移
   */
  markerStartOffset?: number;
  /**
   * 相对于原始位置的偏移
   */
  markerEndOffset?: number;
}

/**
 * Polyline 折线
 */
export class Polyline extends GPolygon {
  constructor({ style, ...rest }?: DisplayObjectConfig<PolylineStyleProps>);

  /**
   * 获取折线长度。
   */
  getTotalLength(): number;

  /**
   * 沿路径返回给定距离的点。
   * @param distance 必填，从起点出发的距离值
   * @param inWorldSpace 可选，表示是否在世界坐标系下计算。默认值为 false
   */
  getPointAtLength(distance: number, inWorldSpace?: boolean): Point;

  /**
   * 根据长度比例（取值范围 [0-1]）获取点。
   * @param ratio 必填，长度比例
   * @param inWorldSpace 可选，表示是否在世界坐标系下计算。默认值为 false
   */
  getPoint(ratio: number, inWorldSpace?: boolean): Point;

  /**
   * 获取起点的切向量。
   */
  getStartTangent(): number[][];

  /**
   * 获取终点的切向量
   */
  getEndTangent(): number[][];
}


// GText -------------------------------------------------------------------------------------
export type ColorType = string | null;

/**
 * 文本解析属性
 */
export interface TextShapeStyleProps extends AbstractShapeStyleProps {
  /**
   * 必填项，文本内容，可以包含换行符，例如 "测试文本\n另起一行"
   */
  text: string;
  /**
   * 在多行文本中，每一行可以在水平方向以锚点（anchor）对齐。
   */
  textAlign?: CSSGlobalKeywords | 'center' | 'left' | 'right' | 'start' | 'end';
  textVAlign?: CSSGlobalKeywords | 'center' | 'top' | 'bottom';

  /**
   * 字体样式
   */
  fontStyle?: CSSGlobalKeywords | 'normal' | 'italic' | 'oblique';
  /**
   * 字体大小
   */
  fontSize?: number | string;
  /**
   * 字体类型
   */
  fontFamily?: string;
  /**
   * 字体粗细
   */
  fontWeight?: CSSGlobalKeywords | 'normal' | 'bold' | 'bolder' | 'lighter' | number;
  /**
   * 行高
   */
  lineHeight?: number | string;
  /**
   * 字符间距。
   */
  letterSpacing?: number | string;

  /**
   * 文本描边
   */
  textStroke?: ColorType | Pattern;
  /** 文本描边透明度 */
  textStrokeOpacity?: number | string;
  /** 文本填充 */
  textFill?: ColorType | Pattern;
  /** 文本填充透明度 */
  textFillOpacity?: number | string;
  /** 文本行宽 */
  textLineWidth?: string | number;
  /** 文本行帽  */
  textLineCap?: CanvasLineCap;
  /** 文本行连接 */
  textLineJoin?: CanvasLineJoin;
  /** 文本行短划线 */
  textLineDash?: number | string | (string | number)[];
  /** 文本阴影类型 */
  textShadowType?: 'inner' | 'outer' | 'both';
  /** 文本阴影模糊 */
  textShadowBlur?: number;
  /** 文本阴影颜色 */
  textShadowColor?: ColorType;
  /** 文本阴影偏移X */
  textShadowOffsetX?: number;
  /** 文本阴影偏移 Y */
  textShadowOffsetY?: number;
}
}