import { LEVEL_ENUM, Vertex, View, Attr, Directive, Event, ActionOptions, Structure } from '..';
import Variable from '../logic/Variable';
export interface ElementToVueOptions {
    indentStyle?: 'space' | 'tab';
    tabSize?: number;
    indentLevel?: number;
    aslIdAttr?: string | boolean;
    nodePathAttr?: string | boolean;
    getExtraParts?: (element?: Element) => Array<string>;
    attrFormat?: (attr: Attr | Event | Directive, element?: Element, defaultResult?: string) => string;
    finalCode?: boolean;
}
export interface ParseContext {
    variables?: Array<Variable>;
    structures?: Array<Structure>;
    dataSchema?: string;
    [key: string]: any;
}
/**
 * 前端页面元素
 * @example
 * <u-input size="small" v-model="value" @change="onChange"></u-input>
 */
export declare class Element extends Vertex {
    /**
     * 概念类型
     */
    readonly level: LEVEL_ENUM;
    /**
     * 元素类型
     * 去除了 expression 和 text，目前只有一种节点类型
     */
    readonly type: number;
    /**
     * 元素 Id
     */
    readonly id: string;
    /**
     * 元素标签
     */
    readonly tag: string;
    /**
     * 元素名称
     * 用户可以自定义
     * Vue 中的 ref
     */
    readonly name: string;
    /**
     * 属性列表
     * 和原来的 attrsList 不同，注意区分
     */
    readonly attrList?: Array<Attr>;
    /**
     * 事件列表
     */
    readonly eventList?: Array<Event>;
    /**
     * 指令列表
     */
    readonly directiveList?: Array<Directive>;
    /**
     * 插槽目标
     * @example
     * 'cell'
     */
    readonly slotTarget?: string;
    /**
     * 插槽 scope 表达式
     * @example
     * 'scope'
     */
    readonly slotScope?: string;
    /**
     * 静态 class 名
     * 不计划支持动态 class
     */
    readonly staticClass?: string;
    /**
     * 静态 style
     * 不计划支持动态样式
     */
    readonly staticStyle?: string;
    /**
     * 当前节点路径，只在前端动态计算后使用
     */
    nodePath: string;
    /**
     * 所在父元素 Id
     */
    readonly parentId: string;
    /**
     * 所在位置
     */
    _posIndex: number;
    /**
     * 所在父元素
     */
    readonly parent?: Element;
    /**
     * 所在父元素 Id
     */
    readonly viewId: string;
    /**
     * 所在子页面
     */
    readonly view?: View;
    /**
     * 子元素
     */
    readonly children?: Array<Element>;
    /**
     * @param source 需要合并的部分参数
     */
    constructor(source?: Partial<Element>);
    assign(source?: any): void;
    /**
     * 添加元素
     */
    create(none?: void, actionOptions?: ActionOptions): Promise<this>;
    /**
     * 删除元素
     */
    delete(none?: void, actionOptions?: ActionOptions): Promise<this>;
    /**
      * 修改元素
      */
    update(source?: Element, actionOptions?: ActionOptions): Promise<this>;
    move(options: {
        parentId?: string;
        _posIndex?: number;
        nodePath?: string;
        position?: 'append' | 'insertBefore' | 'insertAfter';
    }, actionOptions?: ActionOptions): Promise<void>;
    /**
     * 添加元素副本
     * 在所在父节点的后面添加一个相同的元素
     */
    duplicate(): Promise<void>;
    /**
     * 添加子元素
     * @param child
     */
    addChild(child: string | Element, actionOptions?: ActionOptions): Promise<Element>;
    /**
     * 删除子元素
     * @param child
     */
    removeChild(child: Element, actionOptions?: ActionOptions): Promise<Element>;
    getElementTitle(): string;
    /**
     * 设置组件名称
     */
    setName(name: string): Promise<void>;
    /**
     * 添加组件属性
     */
    addAttr(attr: Attr, actionOptions?: ActionOptions): Promise<void>;
    /**
     * 删除组件属性
     */
    deleteAttr(attr: Attr, actionOptions?: ActionOptions): Promise<void>;
    /**
     * 获取组件属性
     */
    getAttr(name: string): Attr;
    /**
     * 设置组件属性
     */
    setAttr(name: string, type: 'string' | 'static' | 'dynamic', value?: any): Promise<void>;
    /**
     * 添加组件事件
     */
    addEvent(data: Event, actionOptions?: ActionOptions): Promise<Event>;
    /**
     * 删除组件属性
     */
    deleteEvent(event: Event, actionOptions?: ActionOptions): Promise<void>;
    /**
     * 添加组件指令
     */
    addDirective(data: Directive, actionOptions?: ActionOptions): Promise<void>;
    /**
     * 删除组件属性
     */
    deleteDirective(directive: Directive, actionOptions?: ActionOptions): Promise<void>;
    /**
     * 转换成 Vue 的模板格式
     */
    toVue(options?: ElementToVueOptions): string;
    /**
     * 转换成设计器中使用的 Vue 文件
     * @param options
     */
    toDesignerVue(options?: ElementToVueOptions): string;
    /**
     * 同 toVue 方法
     * @param options 缩进等选项
     */
    toHTML(options?: ElementToVueOptions): string;
    /**
     * 根据标签查找元素
     * @param tag
     */
    findElementByTag(tag: string): Element;
    /**
     * 根据属性查找元素
     * @param name
     * @param value
     */
    findElementByAttr(name: string, value: string): Element;
    /**
     * 从 Vue 的 ASTNode 转换成 ASL 元素
     * @param astNode Vue 的 ASTNode
     */
    private static _fromASTNode;
    /**
     * 解析属性中的表达式
     * @param value
     * @param $def 目前 $def 只用来查找 $def.variables 和 $def.structures
     * @param dataSchema
     */
    private static _parseExpression;
    /**
     * 解析 Vue 模板
     * 该方法不会绑定 view 和 parent，如果是添加元素优先使用 fromHTML
     * @param html Vue 的模板
     * @TODO 处理多个元素的问题
     */
    static parse(html: string, context?: ParseContext): Element;
    /**
     * 从模板生成规范的 Element 对象
     */
    static fromHTML(html: string, parent: Element, view: View, context?: ParseContext): Element;
    /**
     * 从后端 JSON 生成规范的 Element 对象
     */
    static from(source: any, parent: Element, view: View, currentElement?: Element): Element;
}
export default Element;