You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
8.5 KiB
1 line
8.5 KiB
11 months ago
|
{"version":3,"file":"virtual-tree.mjs","sources":["../../../../../../packages/components/tree-v2/src/virtual-tree.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils/props'\nimport type { InjectionKey } from 'vue'\nimport type { TreeNodeData } from '../../tree/src/tree.type'\nimport type {\n TreeNode,\n TreeKey,\n TreeData,\n TreeOptionProps,\n FilterMethod,\n CheckedInfo,\n TreeContext,\n} from './types'\n\n// constants\nexport const ROOT_TREE_INJECTION_KEY: InjectionKey<TreeContext> = Symbol()\nconst EMPTY_NODE = {\n key: -1,\n level: -1,\n data: {},\n} as const\n\n// enums\nexport enum TreeOptionsEnum {\n KEY = 'id',\n LABEL = 'label',\n CHILDREN = 'children',\n DISABLED = 'disabled',\n}\n\nexport const enum SetOperationEnum {\n ADD = 'add',\n DELETE = 'delete',\n}\n\n// props\nexport const treeProps = buildProps({\n data: {\n type: definePropType<TreeData>(Array),\n default: () => mutable([] as const),\n },\n emptyText: {\n type: String,\n },\n height: {\n type: Number,\n default: 200,\n },\n props: {\n type: definePropType<TreeOptionProps>(Object),\n default: () =>\n mutable({\n children: TreeOptionsEnum.CHILDREN,\n label: TreeOptionsEnum.LABEL,\n disabled: TreeOptionsEnum.DISABLED,\n value: TreeOptionsEnum.KEY,\n } as const),\n },\n highlightCurrent: {\n type: Boolean,\n default: false,\n },\n showCheckbox: {\n type: Boolean,\n default: false,\n },\n defaultCheckedKeys: {\n type: definePropType<TreeKey[]>(Array),\n default: () => mutable([] as const),\n },\n // Whether checked state of a node not affects its father and\n // child nodes when show-checkbox is true\n checkStrictly: {\n type: Boolean,\n default: false,\n },\n defaultExpandedKeys: {\n type: definePropType<TreeKey[]>(Array),\n default: () => mutable([] as const),\n },\n indent: {\n type: Number,\n default: 16,\n },\n icon: {\n type: String,\n },\n expandOnClickNode: {\n type: Boolean,\n default: true,\n },\n checkOnClickNode: {\n type: Boolean,\n default: false,\n },\n currentNodeKey: {\n type: definePropType<TreeKey>([String, Number]),\n },\n // TODO need to optimization\n accordion: {\n type: Boolean,\n default: false,\n },\n filterMethod: {\n type: definePropType<FilterMethod>(Function),\n },\n // Performance mode will increase memory usage, but scrolling will be smoother\n perfMode: {\n type: Boolean,\n default: true,\n },\n} as const)\n\nexport const treeNodeProps = buildProps({\n node: {\n type: definePropType<TreeNode>(Object),\n default: () => mutable(EMPTY_NODE),\n },\n expanded: {\n type: Boolean,\n default: false,\n },\n checked: {\n type: Boolean,\n default: false,\n },\n indeterminate: {\n type: Boolean,\n default: false,\n },\n showCheckbox: {\n type: Boolean,\n default: false,\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n current: {\n type: Boolean,\n default: false,\n },\n hiddenExpandIcon: {\n type: Boolean,\n default: false,\n },\n} as const)\n\nexport const treeNodeContentProps = buildProps({\n node: {\n type: definePropType<TreeNode>(Object),\n required: true,\n },\n} as const)\n\n// emits\nexport const NODE_CLICK = 'node-click'\nexport const NODE_EXPAND = 'node-expand'\nexport const NODE_COLLAPSE = 'node-collapse'\nexport const CURRENT_CHANGE = 'current-change'\nexport const NODE_CHECK = 'check'\nexport const NODE_CHECK_CHANGE = 'check-change'\nexport const NODE_CONTEXTMENU = 'node-contextmenu'\n\nexport const treeEmits = {\n [NODE_CLICK]: (data: TreeNodeData, node: TreeNode) => data && node,\n [NODE_EXPAND]: (data: TreeNodeData, node: TreeNode) => data && node,\n [NODE_COLLAPSE]: (data: TreeNodeData, node: TreeNode) => data && node,\n [CURRENT_CHANGE]: (data: TreeNodeData, node: TreeNode) => data && node,\n [NODE_CHECK]: (data: TreeNodeData, checkedInfo: CheckedInfo) =>\n data && checkedInfo,\n [NODE_CHECK_CHANGE]:
|