UNPKG

infogo-tree

Version:

A vue tree component using virtual list.

244 lines (243 loc) 11.1 kB
import Vue from 'vue'; import TreeStore, { TreeNode } from '../store'; import { TreeNodeKeyType } from '../const'; declare const _default: import("vue/types/vue").ExtendedVue<Vue & { $refs: { tree: import("vue/types/vue").CombinedVueInstance<{ unloadCheckedNodes: TreeNode[]; blockLength: number; blockAreaHeight: number; topSpaceHeight: number; bottomSpaceHeight: number; renderAmount: number; renderAmountCache: number; renderNodes: TreeNode[]; renderStart: number; renderStartCache: number; isRootLoading: boolean; valueCache: string | number | TreeNodeKeyType[]; debounceTimer: number | undefined; } & { setData(data: { [key: string]: any; }[]): void; setChecked(key: TreeNodeKeyType, value: boolean): void; setCheckedKeys(keys: TreeNodeKeyType[], value: boolean, triggerEvent?: boolean, triggerDataChange?: boolean, isCheckAll?: boolean): void; checkAll(): void; clearChecked(): void; setSelected(key: TreeNodeKeyType, value: boolean): void; clearSelected(): void; setExpand(key: TreeNodeKeyType, value: boolean, expandParent?: boolean): void; setExpandKeys(keys: TreeNodeKeyType[], value: boolean): void; setExpandAll(value: boolean): void; getCheckedNodes(ignoreMode?: "children" | "none" | "parents" | undefined): TreeNode[]; getCheckedKeys(ignoreMode?: "children" | "none" | "parents" | undefined): TreeNodeKeyType[]; getIndeterminateNodes(): TreeNode[]; getSelectedNode(): TreeNode | null; getSelectedKey(): string | number | null; getExpandNodes(): TreeNode[]; getExpandKeys(): TreeNodeKeyType[]; getCurrentVisibleNodes(): TreeNode[]; getNode(key: TreeNodeKeyType): TreeNode | null; getTreeData(): TreeNode[]; getFlatData(): TreeNode[]; getNodesCount(): number; insertBefore(insertedNode: string | number | import("../store/tree-node").ITreeNodeOptions, referenceKey: TreeNodeKeyType): TreeNode | null; insertAfter(insertedNode: string | number | import("../store/tree-node").ITreeNodeOptions, referenceKey: TreeNodeKeyType): TreeNode | null; append(insertedNode: string | number | import("../store/tree-node").ITreeNodeOptions, parentKey: TreeNodeKeyType): TreeNode | null; prepend(insertedNode: string | number | import("../store/tree-node").ITreeNodeOptions, parentKey: TreeNodeKeyType): TreeNode | null; remove(removedKey: TreeNodeKeyType): TreeNode | null; filter(keyword: string, filterMethod?: import("../store/tree-store").FilterFunctionType | undefined): void; showCheckedNodes(showUnloadCheckedNodes?: boolean | undefined): void; loadRootNodes(): Promise<void>; scrollTo(key: TreeNodeKeyType, verticalPosition?: number | "top" | "center" | "bottom"): void; updateExpandedKeys(): void; updateUnloadStatus(): void; handleNodeCheck(node: TreeNode): void; handleNodeSelect(node: TreeNode): void; handleNodeExpand(node: TreeNode): void; handleNodeDrop(data: TreeNode, e: DragEvent, hoverPart: import("../const").dragHoverPartEnum): void; emitCheckableInput(checkedNodes: TreeNode[], checkedKeys: TreeNodeKeyType[]): void; emitSelectableInput(selectedNode: TreeNode | null, selectedKey: string | number | null): void; attachStoreEvents(): void; resetSpaceHeights(): void; updateBlockNodes(): void; updateBlockData(): void; updateRender(): void; updateRenderAmount(): void; updateRenderNodes(isScroll?: boolean): void; handleTreeScroll(): void; initializeNonReactiveData(): void; defaultClassName(node: TreeNode): string; } & { topSpaceStyles: object; bottomSpaceStyles: object; wrapperCls: string[]; scrollAreaCls: string[]; blockAreaCls: string[]; emptyCls: string[]; emptyTextDefaultCls: string[]; loadingCls: string[]; loadingWrapperCls: string[]; loadingIconCls: string[]; iframeCls: string[]; treeNodeListeners: object; } & { value: string | number | TreeNodeKeyType[]; data: { [key: string]: any; }[]; unloadDataList: { [key: string]: any; }[]; showUnloadCheckedNodes: boolean; emptyText: string; titleField: string; selectShowField: string; keyField: string; childStr: string; replenishSelect: boolean; disabledFn: Function; separator: string; checkable: boolean; selectable: boolean; filteredNodeCheckable: boolean; cascade: boolean; cascadeLoose: boolean; enableLeafOnly: boolean; disableAll: boolean; defaultExpandAll: boolean; defaultExpandedKeys: TreeNodeKeyType[]; expandedKeys: TreeNodeKeyType[]; draggable: boolean; droppable: boolean; beforeDropMethod: (dragKey: TreeNodeKeyType, dropKey: TreeNodeKeyType, hoverPart: import("../const").dragHoverPartEnum) => boolean; allowDrag: (dragKey: TreeNode) => boolean; ignoreMode: "children" | "none" | "parents"; autoLoad: boolean; load: (node: TreeNode | null, resolve: Function, reject: Function) => any; render: (h: import("vue").CreateElement, node: TreeNode) => import("vue").VNode; filterMethod: import("../store/tree-store").FilterFunctionType; expandOnFilter: boolean; unselectOnClick: boolean; loading: boolean; nodeMinHeight: number; nodeIndent: number; renderNodeAmount: number; bufferNodeAmount: number; nodeClassName: any; usePadding: boolean; itemSize: number; } & Vue & { $refs: { scrollArea: HTMLDivElement; iframe: HTMLIFrameElement; }; nonReactive: { store: TreeStore; blockNodes: TreeNode[]; }; }, object, object, object, Record<never, any>>; }; }, { /** 全选复选框状态 */ checkAllStatus: { /** 选中 */ checked: boolean; /** 半选 */ indeterminate: boolean; /** 禁用 */ disabled: boolean; }; /** 是否正在展示已选数据 */ isShowingChecked: boolean; /** 搜索关键字 */ keyword: string; /** 防抖计时器 id */ debounceTimer: number | undefined; /** 已选节点数 */ checkedCount: number; }, { /** 清空关键字 */ clearKeyword(): void; /** 获取搜索关键字 */ getKeyword(): string; /** 执行搜索 */ search(keyword?: string | undefined): Promise<void>; /** 处理全选点击 */ handleCheckAll(): void; /** 处理搜索 */ handleSearch(): void; /** 处理已选点击 */ handleShowChecked(): void; /** 处理树数据更新 */ handleSetData(): void; /** 更新全选复选框状态 */ updateCheckAllStatus(): void; updateCheckedCount(): void; setData: (data: { [key: string]: any; }[]) => void; setChecked: (key: TreeNodeKeyType, value: boolean) => void; setCheckedKeys: (keys: TreeNodeKeyType[], value: boolean, triggerEvent?: boolean, triggerDataChange?: boolean, isCheckAll?: boolean) => void; checkAll: () => void; clearChecked: () => void; setSelected: (key: TreeNodeKeyType, value: boolean) => void; clearSelected: () => void; setExpand: (key: TreeNodeKeyType, value: boolean, expandParent?: boolean) => void; setExpandKeys: (keys: TreeNodeKeyType[], value: boolean) => void; setExpandAll: (value: boolean) => void; getCheckedNodes: (ignoreMode?: "children" | "none" | "parents" | undefined) => TreeNode[]; getCheckedKeys: (ignoreMode?: "children" | "none" | "parents" | undefined) => TreeNodeKeyType[]; getIndeterminateNodes: () => TreeNode[]; getSelectedNode: () => TreeNode | null; getSelectedKey: () => string | number | null; getExpandNodes: () => TreeNode[]; getExpandKeys: () => TreeNodeKeyType[]; getCurrentVisibleNodes: () => TreeNode[]; getNode: (key: TreeNodeKeyType) => TreeNode | null; getTreeData: () => TreeNode[]; getFlatData: () => TreeNode[]; getNodesCount: () => number; insertBefore: (insertedNode: string | number | import("../store/tree-node").ITreeNodeOptions, referenceKey: TreeNodeKeyType) => TreeNode | null; insertAfter: (insertedNode: string | number | import("../store/tree-node").ITreeNodeOptions, referenceKey: TreeNodeKeyType) => TreeNode | null; append: (insertedNode: string | number | import("../store/tree-node").ITreeNodeOptions, parentKey: TreeNodeKeyType) => TreeNode | null; prepend: (insertedNode: string | number | import("../store/tree-node").ITreeNodeOptions, parentKey: TreeNodeKeyType) => TreeNode | null; remove: (removedKey: TreeNodeKeyType) => TreeNode | null; filter: (keyword: string, filterMethod?: import("../store/tree-store").FilterFunctionType | undefined) => void; showCheckedNodes: (showUnloadCheckedNodes?: boolean | undefined) => void; loadRootNodes: () => Promise<void>; scrollTo: (key: TreeNodeKeyType, verticalPosition?: number | "top" | "center" | "bottom") => void; }, { wrapperCls: string[]; searchCls: string[]; checkAllWrapperCls: string[]; checkboxCls: (string | object)[]; inputWrapperCls: string[]; inputCls: (string | object)[]; actionWrapperCls: (string | object)[]; checkedButtonCls: (string | object)[]; treeWrapperCls: (string | object)[]; footerCls: string[]; checkable: boolean; }, { value: unknown; searchPlaceholder: string; diyText: any; isTree: boolean; showCheckAll: boolean; isShowSearch: boolean; showCheckedButton: boolean; replenishSelect: boolean; checkedButtonText: string; showFooter: boolean; searchMethod: (keyword: string) => void | Promise<void>; searchLength: number; searchDisabled: boolean; searchRemote: boolean; childStr: string; separator: string; searchDebounceTime: number; itemSize: number; }>; export default _default;