@spaceone/design-system/dist/src/data-display/tree/tree-node/PTreeNode.vue.d.ts

SpaceONE Design System

import { ComponentRenderProxy } from '@vue/composition-api';
import { TreeItem, TreeNode } from '@/data-display/tree/tree-node/type';
declare const _default: import("vue").ComponentOptions<import("vue").default, {
    slotBind: {
        depth: string;
        node: {
            index: number;
            level: number;
            parent: any | null;
            el?: HTMLElement | undefined;
            getChildrenNodes: () => TreeItem<any>[];
            deleteNode: () => void;
            addChild: (data: any) => Promise<TreeItem<any>>;
            startEdit: () => void;
            finishEdit: () => void;
            findChildNode: (id: string | number) => TreeItem<any> | null;
            setData: (data: any) => void;
            setChildren: (children: boolean | any[]) => Promise<TreeItem<any>[]>;
            addChildren: (children: any[]) => Promise<TreeItem<any>[]>;
            setSelected: (selected: boolean, force?: boolean | undefined) => void;
            setLoading: (loading: boolean) => void;
            setExpanded: (expanded: boolean) => void;
            _id: string | number;
            data: any;
            children?: boolean | TreeNode<any>[] | undefined;
            expanded?: boolean | undefined;
            selected?: boolean | undefined;
            loading?: boolean | undefined;
        };
    };
    onDragStart: (e: any) => void;
    onDragAdd: (e: any) => void;
    onDragEnd: () => void;
    onDragUpdate: (e: any) => void;
    onDragChoose: (e: any) => void;
    onDragUnchoose: (e: any) => void;
    checkMove: (e: any, t: any) => boolean;
    onToggle: () => void;
    onClickNode: () => void;
    childListeners: {
        delete: (...args: any[]) => void;
        'check-select': (...args: any[]) => void;
        'click-node': (...args: any[]) => void;
        toggle: (...args: any[]) => void;
        fold: (...args: any[]) => void;
        'start-drag': (...args: any[]) => void;
        'end-drag': (...args: any[]) => void;
        'add-drag': (...args: any[]) => void;
        'update-drag': (...args: any[]) => void;
        'finish-edit': (...args: any[]) => void;
        'update-data': (...args: any[]) => void;
    };
    proxyNode: {
        _id: string | number;
        data: any;
        children: boolean | TreeNode<any>[];
        expanded: boolean;
        selected: boolean;
        loading: boolean;
    };
} & {
    [key: string]: unknown;
}, {}, {}, {
    level: {
        type: NumberConstructor;
        default: number;
    };
    index: {
        type: NumberConstructor;
        default: number;
    };
    padSize: {
        type: StringConstructor;
        default: string;
    };
    disableToggle: {
        type: BooleanConstructor;
        default: boolean;
    };
    selectOptions: {
        type: ObjectConstructor;
        default: () => {};
    };
    editOptions: {
        type: ObjectConstructor;
        default: () => {};
    };
    dragOptions: {
        type: ObjectConstructor;
        default: () => {};
    };
    getClassNames: {
        type: FunctionConstructor;
        default: () => {};
    };
    getDefaultNode: {
        type: FunctionConstructor;
        default: (data: any) => {
            _id: number;
            data: any;
            children: boolean;
            expanded: boolean;
            selected: boolean;
            loading: boolean;
        };
    };
    parent: {
        type: ObjectConstructor;
        default: null;
    };
    /**
     * sync
     */
    data: {
        type: (BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor | ArrayConstructor)[];
        default: string;
        required: true;
    };
    children: {
        type: (BooleanConstructor | ArrayConstructor)[];
        default: boolean;
    };
    expanded: {
        type: BooleanConstructor;
        default: boolean;
    };
    loading: {
        type: BooleanConstructor;
        default: boolean;
    };
    selected: {
        type: BooleanConstructor;
        default: boolean;
    };
}, {
    data: any;
} & {
    parent?: {
        [key: string]: any;
    } | undefined;
    loading?: boolean | undefined;
    children?: boolean | unknown[] | undefined;
    selected?: boolean | undefined;
    expanded?: boolean | undefined;
    index?: number | undefined;
    level?: number | undefined;
    padSize?: string | undefined;
    disableToggle?: boolean | undefined;
    selectOptions?: {
        [key: string]: any;
    } | undefined;
    editOptions?: {
        [key: string]: any;
    } | undefined;
    dragOptions?: {
        [key: string]: any;
    } | undefined;
    getDefaultNode?: {
        _id: number;
        data: any;
        children: boolean;
        expanded: boolean;
        selected: boolean;
        loading: boolean;
    } | undefined;
    getClassNames?: {} | undefined;
}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => ComponentRenderProxy<{
    data: any;
    parent: {
        [key: string]: any;
    };
    loading: boolean;
    children: boolean | unknown[];
    selected: boolean;
    expanded: boolean;
    index: number;
    level: number;
    padSize: string;
    disableToggle: boolean;
    selectOptions: {
        [key: string]: any;
    };
    editOptions: {
        [key: string]: any;
    };
    dragOptions: {
        [key: string]: any;
    };
    getDefaultNode: {
        _id: number;
        data: any;
        children: boolean;
        expanded: boolean;
        selected: boolean;
        loading: boolean;
    };
    getClassNames: {};
} & {}, {
    slotBind: {
        depth: string;
        node: {
            index: number;
            level: number;
            parent: any | null;
            el?: HTMLElement | undefined;
            getChildrenNodes: () => TreeItem<any>[];
            deleteNode: () => void;
            addChild: (data: any) => Promise<TreeItem<any>>;
            startEdit: () => void;
            finishEdit: () => void;
            findChildNode: (id: string | number) => TreeItem<any> | null;
            setData: (data: any) => void;
            setChildren: (children: boolean | any[]) => Promise<TreeItem<any>[]>;
            addChildren: (children: any[]) => Promise<TreeItem<any>[]>;
            setSelected: (selected: boolean, force?: boolean | undefined) => void;
            setLoading: (loading: boolean) => void;
            setExpanded: (expanded: boolean) => void;
            _id: string | number;
            data: any;
            children?: boolean | TreeNode<any>[] | undefined;
            expanded?: boolean | undefined;
            selected?: boolean | undefined;
            loading?: boolean | undefined;
        };
    };
    onDragStart: (e: any) => void;
    onDragAdd: (e: any) => void;
    onDragEnd: () => void;
    onDragUpdate: (e: any) => void;
    onDragChoose: (e: any) => void;
    onDragUnchoose: (e: any) => void;
    checkMove: (e: any, t: any) => boolean;
    onToggle: () => void;
    onClickNode: () => void;
    childListeners: {
        delete: (...args: any[]) => void;
        'check-select': (...args: any[]) => void;
        'click-node': (...args: any[]) => void;
        toggle: (...args: any[]) => void;
        fold: (...args: any[]) => void;
        'start-drag': (...args: any[]) => void;
        'end-drag': (...args: any[]) => void;
        'add-drag': (...args: any[]) => void;
        'update-drag': (...args: any[]) => void;
        'finish-edit': (...args: any[]) => void;
        'update-data': (...args: any[]) => void;
    };
    proxyNode: {
        _id: string | number;
        data: any;
        children: boolean | TreeNode<any>[];
        expanded: boolean;
        selected: boolean;
        loading: boolean;
    };
}, {
    data: any;
} & {
    parent?: {
        [key: string]: any;
    } | undefined;
    loading?: boolean | undefined;
    children?: boolean | unknown[] | undefined;
    selected?: boolean | undefined;
    expanded?: boolean | undefined;
    index?: number | undefined;
    level?: number | undefined;
    padSize?: string | undefined;
    disableToggle?: boolean | undefined;
    selectOptions?: {
        [key: string]: any;
    } | undefined;
    editOptions?: {
        [key: string]: any;
    } | undefined;
    dragOptions?: {
        [key: string]: any;
    } | undefined;
    getDefaultNode?: {
        _id: number;
        data: any;
        children: boolean;
        expanded: boolean;
        selected: boolean;
        loading: boolean;
    } | undefined;
    getClassNames?: {} | undefined;
}, {}, {}, {
    data: any;
    parent: {
        [key: string]: any;
    };
    loading: boolean;
    children: boolean | unknown[];
    selected: boolean;
    expanded: boolean;
    index: number;
    level: number;
    padSize: string;
    disableToggle: boolean;
    selectOptions: {
        [key: string]: any;
    };
    editOptions: {
        [key: string]: any;
    };
    dragOptions: {
        [key: string]: any;
    };
    getDefaultNode: {
        _id: number;
        data: any;
        children: boolean;
        expanded: boolean;
        selected: boolean;
        loading: boolean;
    };
    getClassNames: {};
} & {}>);
export default _default;