Skip to content

@vtj


@vtj / designer / Viewer

Variable: Viewer

const Viewer: DefineComponent<Props, { }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, { copy: (...args) => void; pick: (...args) => void; }, string, PublicProps, Readonly<Props> & Readonly<{ onCopy?: (...args) => any; onPick?: (...args) => any; }>, { }, { }, { }, { }, string, ComponentProvideOptions, false, { treeRef: CreateComponentPublicInstanceWithMixins<Readonly<ExtractPropTypes<{ accordion: BooleanConstructor; allowDrag: FunctionConstructor; allowDrop: FunctionConstructor; autoExpandParent: { default: boolean; type: BooleanConstructor; }; checkDescendants: { default: boolean; type: BooleanConstructor; }; checkOnClickLeaf: { default: boolean; type: BooleanConstructor; }; checkOnClickNode: BooleanConstructor; checkStrictly: BooleanConstructor; currentNodeKey: PropType<string | number>; data: { default: () => ...[]; type: ArrayConstructor; }; defaultCheckedKeys: PropType<TreeComponentProps["defaultCheckedKeys"]>; defaultExpandAll: BooleanConstructor; defaultExpandedKeys: PropType<TreeComponentProps["defaultExpandedKeys"]>; draggable: { default: boolean; type: BooleanConstructor; }; emptyText: { type: StringConstructor; }; expandOnClickNode: { default: boolean; type: BooleanConstructor; }; filterNodeMethod: PropType<TreeComponentProps["filterNodeMethod"]>; highlightCurrent: BooleanConstructor; icon: { type: PropType<... | ...>; }; indent: { default: number; type: NumberConstructor; }; lazy: { default: boolean; type: BooleanConstructor; }; load: PropType<TreeComponentProps["load"]>; nodeKey: StringConstructor; props: { default: () => object; type: PropType<...[...]>; }; renderAfterExpand: { default: boolean; type: BooleanConstructor; }; renderContent: FunctionConstructor; showCheckbox: { default: boolean; type: BooleanConstructor; }; }>> & object, { append: (data, parentNode) => void; currentNode: Ref<{ canFocus: boolean; checked: boolean; childNodes: any[]; collapse: () => void; contains: (target, deep?) => boolean; data: TreeNodeData; disabled: boolean; doCreateChildren: (array, defaultProps?) => void; eachNode: (callback) => void; expand: (callback?, expandParent?) => void; expanded: boolean; getChildren: (forceInit?) => TreeNodeData | TreeNodeData[]; id: number; indeterminate: boolean; initialize: () => void; insertAfter: (child, ref) => void; insertBefore: (child, ref) => void; insertChild: (child?, index?, batch?) => void; isCurrent: boolean; isLeaf: boolean; isLeafByUser: boolean; key: TreeKey; label: string; level: number; loadData: (callback, defaultProps?) => void; loaded: boolean; loading: boolean; nextSibling: any | null; parent: any; previousSibling: any | null; reInitChecked: () => void; remove: () => void; removeChild: (child) => void; removeChildByData: (data) => void; setChecked: (value?, deep?, recursion?, passValue?) => void; setData: (data) => void; shouldLoadData: () => boolean; store: any; text: string; updateChildren: () => void; updateLeafState: () => void; visible: boolean; }>; dragState: Ref<{ allowDrop: boolean; draggingNode: null; dropNode: null; dropType: null; showDropIndicator: boolean; }>; dropIndicator$: Ref<IconAccessdeclined<HTMLElement>>; el$: Ref<IconAccessdeclined<HTMLElement>>; filter: (value) => void; getCheckedKeys: (leafOnly?) => TreeKey[]; getCheckedNodes: (leafOnly?, includeHalfChecked?) => TreeNodeData[]; getCurrentKey: () => any; getCurrentNode: () => TreeNodeData; getHalfCheckedKeys: () => TreeKey[]; getHalfCheckedNodes: () => TreeNodeData[]; getNode: (data) => IconAccessdeclined; getNodeKey: (node) => any; getNodePath: (data) => TreeNodeData[]; handleNodeExpand: (nodeData, node, instance) => void; insertAfter: (data, refNode) => void; insertBefore: (data, refNode) => void; isEmpty: ComputedRef<boolean>; ns: { b: (blockSuffix?) => string; be: (blockSuffix?, element?) => string; bem: (blockSuffix?, element?, modifier?) => string; bm: (blockSuffix?, modifier?) => string; cssVar: (object) => Record<string, string>; cssVarBlock: (object) => Record<string, string>; cssVarBlockName: (name) => string; cssVarName: (name) => string; e: (element?) => string; em: (element?, modifier?) => string; is: {(name, state): string; (name): string; }; m: (modifier?) => string; namespace: ComputedRef<string>; }; remove: (data) => void; root: Ref<{ canFocus: boolean; checked: boolean; childNodes: any[]; collapse: () => void; contains: (target, deep?) => boolean; data: TreeNodeData; disabled: boolean; doCreateChildren: (array, defaultProps?) => void; eachNode: (callback) => void; expand: (callback?, expandParent?) => void; expanded: boolean; getChildren: (forceInit?) => TreeNodeData | TreeNodeData[]; id: number; indeterminate: boolean; initialize: () => void; insertAfter: (child, ref) => void; insertBefore: (child, ref) => void; insertChild: (child?, index?, batch?) => void; isCurrent: boolean; isLeaf: boolean; isLeafByUser: boolean; key: TreeKey; label: string; level: number; loadData: (callback, defaultProps?) => void; loaded: boolean; loading: boolean; nextSibling: any | null; parent: any; previousSibling: any | null; reInitChecked: () => void; remove: () => void; removeChild: (child) => void; removeChildByData: (data) => void; setChecked: (value?, deep?, recursion?, passValue?) => void; setData: (data) => void; shouldLoadData: () => boolean; store: any; text: string; updateChildren: () => void; updateLeafState: () => void; visible: boolean; }>; setChecked: (data, checked, deep) => void; setCheckedKeys: (keys, leafOnly?) => void; setCheckedNodes: (nodes, leafOnly?) => void; setCurrentKey: (key?, shouldAutoExpandParent?) => void; setCurrentNode: (node, shouldAutoExpandParent?) => void; store: Ref<{ _getAllNodes: () => IconAccessdeclined[]; _initDefaultCheckedNode: (node) => void; _initDefaultCheckedNodes: () => void; _setCheckedKeys: (key, leafOnly, checkedKeys) => void; append: (data, parentData) => void; autoExpandParent: boolean; checkDescendants: boolean; checkStrictly: boolean; currentNode: { canFocus: boolean; checked: boolean; childNodes: any[]; collapse: () => void; contains: (target, deep?) => boolean; data: TreeNodeData; disabled: boolean; doCreateChildren: (array, defaultProps?) => void; eachNode: (callback) => void; expand: (callback?, expandParent?) => void; expanded: boolean; getChildren: (forceInit?) => TreeNodeData | ...[]; id: number; indeterminate: boolean; initialize: () => void; insertAfter: (child, ref) => void; insertBefore: (child, ref) => void; insertChild: (child?, index?, batch?) => void; isCurrent: boolean; isLeaf: boolean; isLeafByUser: boolean; key: TreeKey; label: string; level: number; loadData: (callback, defaultProps?) => void; loaded: boolean; loading: boolean; nextSibling: any | null; parent: any; previousSibling: any | null; reInitChecked: () => void; remove: () => void; removeChild: (child) => void; removeChildByData: (data) => void; setChecked: (value?, deep?, recursion?, passValue?) => void; setData: (data) => void; shouldLoadData: () => boolean; store: any; text: string; updateChildren: () => void; updateLeafState: () => void; visible: boolean; }; currentNodeKey: TreeKey; data: TreeNodeData[]; defaultCheckedKeys: TreeKey[]; defaultExpandAll: boolean; defaultExpandedKeys: TreeKey[]; deregisterNode: (node) => void; filter: (value) => void; filterNodeMethod: FilterNodeMethodFunction; getCheckedKeys: (leafOnly?) => TreeKey[]; getCheckedNodes: (leafOnly?, includeHalfChecked?) => TreeNodeData[]; getCurrentNode: () => IconAccessdeclined; getHalfCheckedKeys: () => TreeKey[]; getHalfCheckedNodes: () => TreeNodeData[]; getNode: (data) => IconAccessdeclined; initialize: () => void; insertAfter: (data, refData) => void; insertBefore: (data, refData) => void; key: TreeKey; lazy: boolean; load: LoadFunction; nodesMap: TreeStoreNodesMap; props: { children?: string; class?: (data, node) => ...; disabled?: ... | ...; isLeaf?: ... | ...; label?: ... | ...; }; registerNode: (node) => void; remove: (data) => void; root: { canFocus: boolean; checked: boolean; childNodes: any[]; collapse: () => void; contains: (target, deep?) => boolean; data: TreeNodeData; disabled: boolean; doCreateChildren: (array, defaultProps?) => void; eachNode: (callback) => void; expand: (callback?, expandParent?) => void; expanded: boolean; getChildren: (forceInit?) => TreeNodeData | ...[]; id: number; indeterminate: boolean; initialize: () => void; insertAfter: (child, ref) => void; insertBefore: (child, ref) => void; insertChild: (child?, index?, batch?) => void; isCurrent: boolean; isLeaf: boolean; isLeafByUser: boolean; key: TreeKey; label: string; level: number; loadData: (callback, defaultProps?) => void; loaded: boolean; loading: boolean; nextSibling: any | null; parent: any; previousSibling: any | null; reInitChecked: () => void; remove: () => void; removeChild: (child) => void; removeChildByData: (data) => void; setChecked: (value?, deep?, recursion?, passValue?) => void; setData: (data) => void; shouldLoadData: () => boolean; store: any; text: string; updateChildren: () => void; updateLeafState: () => void; visible: boolean; }; setChecked: (data, checked, deep) => void; setCheckedKeys: (keys, leafOnly?) => void; setCheckedNodes: (array, leafOnly?) => void; setCurrentNode: (currentNode) => void; setCurrentNodeKey: (key?, shouldAutoExpandParent?) => void; setData: (newVal) => void; setDefaultCheckedKey: (newVal) => void; setDefaultExpandedKeys: (keys) => void; setUserCurrentNode: (node, shouldAutoExpandParent?) => void; updateChildren: (key, data) => void; }>; t: Translator; updateKeyChildren: (key, data) => void; }, unknown, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, ("check" | "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over")[], VNodeProps & AllowedComponentProps & ComponentCustomProps, { accordion: boolean; autoExpandParent: boolean; checkDescendants: boolean; checkOnClickLeaf: boolean; checkOnClickNode: boolean; checkStrictly: boolean; data: unknown[]; defaultExpandAll: boolean; draggable: boolean; expandOnClickNode: boolean; highlightCurrent: boolean; indent: number; lazy: boolean; props: TreeOptionProps; renderAfterExpand: boolean; showCheckbox: boolean; }, true, { }, { }, GlobalComponents, GlobalDirectives, string, { }, any, ComponentProvideOptions, { B: { }; C: { }; D: { }; Defaults: { }; M: { }; P: { }; }, Readonly<ExtractPropTypes<{ accordion: BooleanConstructor; allowDrag: FunctionConstructor; allowDrop: FunctionConstructor; autoExpandParent: { default: boolean; type: BooleanConstructor; }; checkDescendants: { default: boolean; type: BooleanConstructor; }; checkOnClickLeaf: { default: boolean; type: BooleanConstructor; }; checkOnClickNode: BooleanConstructor; checkStrictly: BooleanConstructor; currentNodeKey: PropType<string | number>; data: { default: () => ...[]; type: ArrayConstructor; }; defaultCheckedKeys: PropType<TreeComponentProps["defaultCheckedKeys"]>; defaultExpandAll: BooleanConstructor; defaultExpandedKeys: PropType<TreeComponentProps["defaultExpandedKeys"]>; draggable: { default: boolean; type: BooleanConstructor; }; emptyText: { type: StringConstructor; }; expandOnClickNode: { default: boolean; type: BooleanConstructor; }; filterNodeMethod: PropType<TreeComponentProps["filterNodeMethod"]>; highlightCurrent: BooleanConstructor; icon: { type: PropType<... | ...>; }; indent: { default: number; type: NumberConstructor; }; lazy: { default: boolean; type: BooleanConstructor; }; load: PropType<TreeComponentProps["load"]>; nodeKey: StringConstructor; props: { default: () => object; type: PropType<...[...]>; }; renderAfterExpand: { default: boolean; type: BooleanConstructor; }; renderContent: FunctionConstructor; showCheckbox: { default: boolean; type: BooleanConstructor; }; }>> & object, { append: (data, parentNode) => void; currentNode: Ref<{ canFocus: boolean; checked: boolean; childNodes: any[]; collapse: () => void; contains: (target, deep?) => boolean; data: TreeNodeData; disabled: boolean; doCreateChildren: (array, defaultProps?) => void; eachNode: (callback) => void; expand: (callback?, expandParent?) => void; expanded: boolean; getChildren: (forceInit?) => TreeNodeData | TreeNodeData[]; id: number; indeterminate: boolean; initialize: () => void; insertAfter: (child, ref) => void; insertBefore: (child, ref) => void; insertChild: (child?, index?, batch?) => void; isCurrent: boolean; isLeaf: boolean; isLeafByUser: boolean; key: TreeKey; label: string; level: number; loadData: (callback, defaultProps?) => void; loaded: boolean; loading: boolean; nextSibling: any | null; parent: any; previousSibling: any | null; reInitChecked: () => void; remove: () => void; removeChild: (child) => void; removeChildByData: (data) => void; setChecked: (value?, deep?, recursion?, passValue?) => void; setData: (data) => void; shouldLoadData: () => boolean; store: any; text: string; updateChildren: () => void; updateLeafState: () => void; visible: boolean; }>; dragState: Ref<{ allowDrop: boolean; draggingNode: null; dropNode: null; dropType: null; showDropIndicator: boolean; }>; dropIndicator$: Ref<IconAccessdeclined<HTMLElement>>; el$: Ref<IconAccessdeclined<HTMLElement>>; filter: (value) => void; getCheckedKeys: (leafOnly?) => TreeKey[]; getCheckedNodes: (leafOnly?, includeHalfChecked?) => TreeNodeData[]; getCurrentKey: () => any; getCurrentNode: () => TreeNodeData; getHalfCheckedKeys: () => TreeKey[]; getHalfCheckedNodes: () => TreeNodeData[]; getNode: (data) => IconAccessdeclined; getNodeKey: (node) => any; getNodePath: (data) => TreeNodeData[]; handleNodeExpand: (nodeData, node, instance) => void; insertAfter: (data, refNode) => void; insertBefore: (data, refNode) => void; isEmpty: ComputedRef<boolean>; ns: { b: (blockSuffix?) => string; be: (blockSuffix?, element?) => string; bem: (blockSuffix?, element?, modifier?) => string; bm: (blockSuffix?, modifier?) => string; cssVar: (object) => Record<string, string>; cssVarBlock: (object) => Record<string, string>; cssVarBlockName: (name) => string; cssVarName: (name) => string; e: (element?) => string; em: (element?, modifier?) => string; is: {(name, state): string; (name): string; }; m: (modifier?) => string; namespace: ComputedRef<string>; }; remove: (data) => void; root: Ref<{ canFocus: boolean; checked: boolean; childNodes: any[]; collapse: () => void; contains: (target, deep?) => boolean; data: TreeNodeData; disabled: boolean; doCreateChildren: (array, defaultProps?) => void; eachNode: (callback) => void; expand: (callback?, expandParent?) => void; expanded: boolean; getChildren: (forceInit?) => TreeNodeData | TreeNodeData[]; id: number; indeterminate: boolean; initialize: () => void; insertAfter: (child, ref) => void; insertBefore: (child, ref) => void; insertChild: (child?, index?, batch?) => void; isCurrent: boolean; isLeaf: boolean; isLeafByUser: boolean; key: TreeKey; label: string; level: number; loadData: (callback, defaultProps?) => void; loaded: boolean; loading: boolean; nextSibling: any | null; parent: any; previousSibling: any | null; reInitChecked: () => void; remove: () => void; removeChild: (child) => void; removeChildByData: (data) => void; setChecked: (value?, deep?, recursion?, passValue?) => void; setData: (data) => void; shouldLoadData: () => boolean; store: any; text: string; updateChildren: () => void; updateLeafState: () => void; visible: boolean; }>; setChecked: (data, checked, deep) => void; setCheckedKeys: (keys, leafOnly?) => void; setCheckedNodes: (nodes, leafOnly?) => void; setCurrentKey: (key?, shouldAutoExpandParent?) => void; setCurrentNode: (node, shouldAutoExpandParent?) => void; store: Ref<{ _getAllNodes: () => IconAccessdeclined[]; _initDefaultCheckedNode: (node) => void; _initDefaultCheckedNodes: () => void; _setCheckedKeys: (key, leafOnly, checkedKeys) => void; append: (data, parentData) => void; autoExpandParent: boolean; checkDescendants: boolean; checkStrictly: boolean; currentNode: { canFocus: boolean; checked: boolean; childNodes: any[]; collapse: () => void; contains: (target, deep?) => boolean; data: TreeNodeData; disabled: boolean; doCreateChildren: (array, defaultProps?) => void; eachNode: (callback) => void; expand: (callback?, expandParent?) => void; expanded: boolean; getChildren: (forceInit?) => TreeNodeData | ...[]; id: number; indeterminate: boolean; initialize: () => void; insertAfter: (child, ref) => void; insertBefore: (child, ref) => void; insertChild: (child?, index?, batch?) => void; isCurrent: boolean; isLeaf: boolean; isLeafByUser: boolean; key: TreeKey; label: string; level: number; loadData: (callback, defaultProps?) => void; loaded: boolean; loading: boolean; nextSibling: any | null; parent: any; previousSibling: any | null; reInitChecked: () => void; remove: () => void; removeChild: (child) => void; removeChildByData: (data) => void; setChecked: (value?, deep?, recursion?, passValue?) => void; setData: (data) => void; shouldLoadData: () => boolean; store: any; text: string; updateChildren: () => void; updateLeafState: () => void; visible: boolean; }; currentNodeKey: TreeKey; data: TreeNodeData[]; defaultCheckedKeys: TreeKey[]; defaultExpandAll: boolean; defaultExpandedKeys: TreeKey[]; deregisterNode: (node) => void; filter: (value) => void; filterNodeMethod: FilterNodeMethodFunction; getCheckedKeys: (leafOnly?) => TreeKey[]; getCheckedNodes: (leafOnly?, includeHalfChecked?) => TreeNodeData[]; getCurrentNode: () => IconAccessdeclined; getHalfCheckedKeys: () => TreeKey[]; getHalfCheckedNodes: () => TreeNodeData[]; getNode: (data) => IconAccessdeclined; initialize: () => void; insertAfter: (data, refData) => void; insertBefore: (data, refData) => void; key: TreeKey; lazy: boolean; load: LoadFunction; nodesMap: TreeStoreNodesMap; props: { children?: string; class?: (data, node) => ...; disabled?: ... | ...; isLeaf?: ... | ...; label?: ... | ...; }; registerNode: (node) => void; remove: (data) => void; root: { canFocus: boolean; checked: boolean; childNodes: any[]; collapse: () => void; contains: (target, deep?) => boolean; data: TreeNodeData; disabled: boolean; doCreateChildren: (array, defaultProps?) => void; eachNode: (callback) => void; expand: (callback?, expandParent?) => void; expanded: boolean; getChildren: (forceInit?) => TreeNodeData | ...[]; id: number; indeterminate: boolean; initialize: () => void; insertAfter: (child, ref) => void; insertBefore: (child, ref) => void; insertChild: (child?, index?, batch?) => void; isCurrent: boolean; isLeaf: boolean; isLeafByUser: boolean; key: TreeKey; label: string; level: number; loadData: (callback, defaultProps?) => void; loaded: boolean; loading: boolean; nextSibling: any | null; parent: any; previousSibling: any | null; reInitChecked: () => void; remove: () => void; removeChild: (child) => void; removeChildByData: (data) => void; setChecked: (value?, deep?, recursion?, passValue?) => void; setData: (data) => void; shouldLoadData: () => boolean; store: any; text: string; updateChildren: () => void; updateLeafState: () => void; visible: boolean; }; setChecked: (data, checked, deep) => void; setCheckedKeys: (keys, leafOnly?) => void; setCheckedNodes: (array, leafOnly?) => void; setCurrentNode: (currentNode) => void; setCurrentNodeKey: (key?, shouldAutoExpandParent?) => void; setData: (newVal) => void; setDefaultCheckedKey: (newVal) => void; setDefaultExpandedKeys: (keys) => void; setUserCurrentNode: (node, shouldAutoExpandParent?) => void; updateChildren: (key, data) => void; }>; t: Translator; updateKeyChildren: (key, data) => void; }, { }, { }, { }, { accordion: boolean; autoExpandParent: boolean; checkDescendants: boolean; checkOnClickLeaf: boolean; checkOnClickNode: boolean; checkStrictly: boolean; data: unknown[]; defaultExpandAll: boolean; draggable: boolean; expandOnClickNode: boolean; highlightCurrent: boolean; indent: number; lazy: boolean; props: TreeOptionProps; renderAfterExpand: boolean; showCheckbox: boolean; }> | null; }, HTMLDivElement>

Defined in: packages/designer/types/components/shared/viewer.d.ts:9

Released under the MIT License.