import { Vue } from 'vue-property-decorator';
import { CreateElement, VNode } from 'vue';
import { IDesignContext, IMaterialItem } from '../../interface';
import sortable from 'sortablejs';
import './design-material-panel-base.less';
/**
 * 拖拽面板
 *
 * @export
 * @class DesignMaterialPanelBase
 * @extends {Vue}
 */
export declare class DesignMaterialPanelBase extends Vue {
    /**
     * 设计上下文
     *
     * @type {IDesignContext}
     * @memberof DesignMaterialPanelBase
     */
    ctx: IDesignContext;
    /**
     * 容器面板DOM实例
     *
     * @type {HTMLDivElement}
     * @memberof DesignMaterialPanelBase
     */
    el: HTMLDivElement;
    /**
     * 数据
     *
     * @type {IMaterialItem[]}
     * @memberof DesignMaterialPanelBase
     */
    list: IMaterialItem[];
    /**
     * 过滤参数
     *
     * @memberof DesignMaterialPanelBase
     */
    searchValue: string;
    /**
     * 拖拽参数
     *
     * @private
     * @type {sortable.Options}
     * @memberof DesignMaterialPanelBase
     */
    options: sortable.Options;
    private created;
    /**
     * 组件创建完毕
     *
     * @memberof DesignMaterialPanelBase
     */
    componentCreated(): void;
    private mounted;
    /**
     * 组件加载完毕
     *
     * @memberof DesignMaterialPanelBase
     */
    componentMounted(): void;
    private destroyed;
    /**
     * 组件销毁
     *
     * @memberof DesignMaterialPanelBase
     */
    componentDestroyed(): void;
    /**
     * 生成拖拽面板参数
     *
     * @return {*}  {sortable.Options}
     * @memberof DesignMaterialPanelBase
     */
    generateOption(): sortable.Options;
    /**
     * 容器样式名称
     *
     * @return {*}
     * @memberof DesignMaterialPanelBase
     */
    getClass(): {
        'ibz-design-material-panel': boolean;
        'ant-row': boolean;
    };
    /**
     * 容器样式
     *
     * @return {*}
     * @memberof DesignMaterialPanelBase
     */
    getStyle(): {};
    getFilterList(list?: any[]): IMaterialItem[];
    /**
     * 监听素材项双击
     *
     * @author zhanghengfeng
     * @date 2023-05-18 14:05:54
     * @param {MouseEvent} e
     * @param {IMaterialItem} _item
     */
    onItemDblClick(e: MouseEvent, _item: IMaterialItem): void;
    /**
     * 绘制内容
     *
     * @param {CreateElement} _h
     * @return {*}  {VNode[]}
     * @memberof DesignMaterialPanelBase
     */
    renderContentList(_h: CreateElement): VNode | VNode[];
    render(h: CreateElement): JSX.Element;
}
//# sourceMappingURL=design-material-panel-base.d.ts.map