@element-plus/nightly 0.0.20260310 → 0.0.20260312

package/lib/components/tree-v2/src/composables/useTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTree.js","names":["useCheck","useFilter","TreeOptionsEnum","NODE_CLICK","NODE_DROP","CURRENT_CHANGE","NODE_EXPAND","NODE_COLLAPSE"],"sources":["../../../../../../../packages/components/tree-v2/src/composables/useTree.ts"],"sourcesContent":["import { computed, ref, shallowRef, watch } from 'vue'\nimport { isObject } from '@element-plus/utils'\nimport {\n  CURRENT_CHANGE,\n  NODE_CLICK,\n  NODE_COLLAPSE,\n  NODE_DROP,\n  NODE_EXPAND,\n  TreeOptionsEnum,\n} from '../virtual-tree'\nimport { useCheck } from './useCheck'\nimport { useFilter } from './useFilter'\n\nimport type {\n  FixedSizeList,\n  Alignment as ScrollStrategy,\n} from '@element-plus/components/virtual-list'\nimport type { SetupContext } from 'vue'\nimport type { treeEmits } from '../virtual-tree'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\nimport type {\n  Tree,\n  TreeData,\n  TreeKey,\n  TreeNode,\n  TreeNodeData,\n  TreeProps,\n} from '../types'\n\nexport function useTree(\n  props: TreeProps,\n  emit: SetupContext<typeof treeEmits>['emit']\n) {\n  const expandedKeySet = ref<Set<TreeKey>>(new Set())\n  const currentKey = ref<TreeKey | undefined>()\n  const tree = shallowRef<Tree | undefined>()\n  const listRef = ref<typeof FixedSizeList | undefined>()\n\n  const {\n    isIndeterminate,\n    isChecked,\n    toggleCheckbox,\n    getCheckedKeys,\n    getCheckedNodes,\n    getHalfCheckedKeys,\n    getHalfCheckedNodes,\n    setChecked,\n    setCheckedKeys,\n  } = useCheck(props, tree)\n\n  const { doFilter, hiddenNodeKeySet, isForceHiddenExpandIcon } = useFilter(\n    props,\n    tree\n  )\n\n  const valueKey = computed(() => {\n    return props.props?.value || TreeOptionsEnum.KEY\n  })\n  const childrenKey = computed(() => {\n    return props.props?.children || TreeOptionsEnum.CHILDREN\n  })\n  const disabledKey = computed(() => {\n    return props.props?.disabled || TreeOptionsEnum.DISABLED\n  })\n  const labelKey = computed(() => {\n    return props.props?.label || TreeOptionsEnum.LABEL\n  })\n\n  const flattenTree = computed(() => {\n    const expandedKeys = expandedKeySet.value\n    const hiddenKeys = hiddenNodeKeySet.value\n    const flattenNodes: TreeNode[] = []\n    const nodes = tree.value?.treeNodes || []\n\n    const stack: TreeNode[] = []\n    for (let i = nodes.length - 1; i >= 0; --i) {\n      stack.push(nodes[i])\n    }\n    while (stack.length) {\n      const node = stack.pop()!\n      if (hiddenKeys.has(node.key)) continue\n\n      flattenNodes.push(node)\n      if (node.children && expandedKeys.has(node.key)) {\n        for (let i = node.children.length - 1; i >= 0; --i) {\n          stack.push(node.children[i])\n        }\n      }\n    }\n\n    return flattenNodes\n  })\n\n  const isNotEmpty = computed(() => {\n    return flattenTree.value.length > 0\n  })\n\n  function createTree(data: TreeData): Tree {\n    const treeNodeMap: Map<TreeKey, TreeNode> = new Map()\n    const levelTreeNodeMap: Map<number, TreeNode[]> = new Map()\n    let maxLevel = 1\n    function traverse(\n      nodes: TreeData,\n      level = 1,\n      parent: TreeNode | undefined = undefined\n    ) {\n      const siblings: TreeNode[] = []\n      for (const rawNode of nodes) {\n        const value = getKey(rawNode)\n        const node: TreeNode = {\n          level,\n          key: value,\n          data: rawNode,\n        }\n        node.label = getLabel(rawNode)\n        node.parent = parent\n        const children = getChildren(rawNode)\n        node.disabled = getDisabled(rawNode)\n        node.isLeaf = !children || children.length === 0\n        node.expanded = expandedKeySet.value.has(value)\n        if (children && children.length) {\n          node.children = traverse(children, level + 1, node)\n        }\n        siblings.push(node)\n        treeNodeMap.set(value, node)\n        if (!levelTreeNodeMap.has(level)) {\n          levelTreeNodeMap.set(level, [])\n        }\n        levelTreeNodeMap.get(level)?.push(node)\n      }\n      if (level > maxLevel) {\n        maxLevel = level\n      }\n      return siblings\n    }\n    const treeNodes: TreeNode[] = traverse(data)\n    return {\n      treeNodeMap,\n      levelTreeNodeMap,\n      maxLevel,\n      treeNodes,\n    }\n  }\n\n  function filter(query: string) {\n    const keys = doFilter(query)\n    if (keys) {\n      expandedKeySet.value = keys\n    }\n  }\n\n  function getChildren(node: TreeNodeData): TreeNodeData[] {\n    return node[childrenKey.value]\n  }\n\n  function getKey(node: TreeNodeData): TreeKey {\n    if (!node) {\n      return ''\n    }\n    return node[valueKey.value]\n  }\n\n  function getDisabled(node: TreeNodeData): boolean {\n    return node[disabledKey.value]\n  }\n\n  function getLabel(node: TreeNodeData): string {\n    return node[labelKey.value]\n  }\n\n  function toggleExpand(node: TreeNode) {\n    const expandedKeys = expandedKeySet.value\n    if (expandedKeys.has(node.key)) {\n      collapseNode(node)\n    } else {\n      expandNode(node)\n    }\n  }\n\n  function setExpandedKeys(keys: TreeKey[]) {\n    const expandedKeys = new Set<TreeKey>()\n    const nodeMap = tree.value!.treeNodeMap\n\n    expandedKeySet.value.forEach((key) => {\n      const node = nodeMap.get(key)!\n      expandedKeySet.value.delete(node.key)\n      node.expanded = false\n    })\n\n    keys.forEach((k) => {\n      let node = nodeMap.get(k)\n      while (node && !expandedKeys.has(node.key)) {\n        expandedKeys.add(node.key)\n        node.expanded = true\n        node = node.parent\n      }\n    })\n\n    expandedKeySet.value = expandedKeys\n  }\n\n  function handleNodeClick(node: TreeNode, e: MouseEvent) {\n    emit(NODE_CLICK, node.data, node, e)\n    handleCurrentChange(node)\n    if (props.expandOnClickNode) {\n      toggleExpand(node)\n    }\n    if (\n      props.showCheckbox &&\n      (props.checkOnClickNode || (node.isLeaf && props.checkOnClickLeaf)) &&\n      !node.disabled\n    ) {\n      toggleCheckbox(node, !isChecked(node), true)\n    }\n  }\n\n  function handleNodeDrop(node: TreeNode, e: DragEvent) {\n    emit(NODE_DROP, node.data, node, e)\n  }\n\n  function handleCurrentChange(node: TreeNode) {\n    if (!isCurrent(node)) {\n      currentKey.value = node.key\n      emit(CURRENT_CHANGE, node.data, node)\n    }\n  }\n\n  function handleNodeCheck(node: TreeNode, checked: CheckboxValueType) {\n    toggleCheckbox(node, checked)\n  }\n\n  function expandNode(node: TreeNode) {\n    const keySet = expandedKeySet.value\n    if (tree.value && props.accordion) {\n      // whether only one node among the same level can be expanded at one time\n      const { treeNodeMap } = tree.value\n      keySet.forEach((key) => {\n        const treeNode = treeNodeMap.get(key)\n        if (node && node.level === treeNode?.level) {\n          keySet.delete(key)\n          treeNode.expanded = false\n        }\n      })\n    }\n    keySet.add(node.key)\n    const _node = getNode(node.key)\n    if (_node) {\n      _node.expanded = true\n      emit(NODE_EXPAND, _node.data, _node)\n    }\n  }\n\n  function collapseNode(node: TreeNode) {\n    expandedKeySet.value.delete(node.key)\n    const _node = getNode(node.key)\n    if (_node) {\n      _node.expanded = false\n      emit(NODE_COLLAPSE, _node.data, _node)\n    }\n  }\n\n  function isDisabled(node: TreeNode): boolean {\n    return !!node.disabled\n  }\n\n  function isCurrent(node: TreeNode): boolean {\n    const current = currentKey.value\n    return current !== undefined && current === node.key\n  }\n\n  function getCurrentNode(): TreeNodeData | undefined {\n    if (!currentKey.value) return undefined\n    return tree.value?.treeNodeMap.get(currentKey.value)?.data\n  }\n\n  function getCurrentKey(): TreeKey | undefined {\n    return currentKey.value\n  }\n\n  function setCurrentKey(key: TreeKey): void {\n    currentKey.value = key\n  }\n\n  function setData(data: TreeData) {\n    tree.value = createTree(data)\n  }\n\n  function getNode(data: TreeKey | TreeNodeData) {\n    const key = isObject(data) ? getKey(data) : data\n    return tree.value?.treeNodeMap.get(key)\n  }\n\n  function scrollToNode(key: TreeKey, strategy: ScrollStrategy = 'auto') {\n    const node = getNode(key)\n    if (node && listRef.value) {\n      listRef.value.scrollToItem(flattenTree.value.indexOf(node), strategy)\n    }\n  }\n\n  function scrollTo(offset: number) {\n    listRef.value?.scrollTo(offset)\n  }\n\n  watch(\n    () => props.currentNodeKey,\n    (key) => {\n      currentKey.value = key\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(\n    () => props.defaultExpandedKeys,\n    (key) => {\n      expandedKeySet.value = new Set<TreeKey>(key)\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(\n    () => props.data!,\n    (data: TreeData) => {\n      setData(data)\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  return {\n    tree,\n    flattenTree,\n    isNotEmpty,\n    listRef,\n    getKey,\n    getChildren,\n    toggleExpand,\n    toggleCheckbox,\n    isChecked,\n    isIndeterminate,\n    isDisabled,\n    isCurrent,\n    isForceHiddenExpandIcon,\n    handleNodeClick,\n    handleNodeDrop,\n    handleNodeCheck,\n    // expose\n    getCurrentNode,\n    getCurrentKey,\n    setCurrentKey,\n    getCheckedKeys,\n    getCheckedNodes,\n    getHalfCheckedKeys,\n    getHalfCheckedNodes,\n    setChecked,\n    setCheckedKeys,\n    filter,\n    setData,\n    getNode,\n    expandNode,\n    collapseNode,\n    setExpandedKeys,\n    scrollToNode,\n    scrollTo,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useTree.js","names":["useCheck","useFilter","TreeOptionsEnum","NODE_CLICK","NODE_DROP","CURRENT_CHANGE","NODE_EXPAND","NODE_COLLAPSE"],"sources":["../../../../../../../packages/components/tree-v2/src/composables/useTree.ts"],"sourcesContent":["import { computed, ref, shallowRef, watch } from 'vue'\nimport { isObject } from '@element-plus/utils'\nimport {\n  CURRENT_CHANGE,\n  NODE_CLICK,\n  NODE_COLLAPSE,\n  NODE_DROP,\n  NODE_EXPAND,\n  TreeOptionsEnum,\n} from '../virtual-tree'\nimport { useCheck } from './useCheck'\nimport { useFilter } from './useFilter'\n\nimport type {\n  FixedSizeList,\n  Alignment as ScrollStrategy,\n} from '@element-plus/components/virtual-list'\nimport type { SetupContext } from 'vue'\nimport type { treeEmits } from '../virtual-tree'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\nimport type {\n  Tree,\n  TreeData,\n  TreeKey,\n  TreeNode,\n  TreeNodeData,\n  TreeProps,\n} from '../types'\n\nexport function useTree(\n  props: TreeProps,\n  emit: SetupContext<typeof treeEmits>['emit']\n) {\n  const expandedKeySet = ref<Set<TreeKey>>(new Set())\n  const currentKey = ref<TreeKey | undefined>()\n  const tree = shallowRef<Tree | undefined>()\n  const listRef = ref<typeof FixedSizeList | undefined>()\n\n  const {\n    isIndeterminate,\n    isChecked,\n    toggleCheckbox,\n    getCheckedKeys,\n    getCheckedNodes,\n    getHalfCheckedKeys,\n    getHalfCheckedNodes,\n    setChecked,\n    setCheckedKeys,\n  } = useCheck(props, tree)\n\n  const { doFilter, hiddenNodeKeySet, isForceHiddenExpandIcon } = useFilter(\n    props,\n    tree\n  )\n\n  const valueKey = computed(() => {\n    return props.props?.value || TreeOptionsEnum.KEY\n  })\n  const childrenKey = computed(() => {\n    return props.props?.children || TreeOptionsEnum.CHILDREN\n  })\n  const disabledKey = computed(() => {\n    return props.props?.disabled || TreeOptionsEnum.DISABLED\n  })\n  const labelKey = computed(() => {\n    return props.props?.label || TreeOptionsEnum.LABEL\n  })\n\n  const flattenTree = computed(() => {\n    const expandedKeys = expandedKeySet.value\n    const hiddenKeys = hiddenNodeKeySet.value\n    const flattenNodes: TreeNode[] = []\n    const nodes = tree.value?.treeNodes || []\n\n    const stack: TreeNode[] = []\n    for (let i = nodes.length - 1; i >= 0; --i) {\n      stack.push(nodes[i])\n    }\n    while (stack.length) {\n      const node = stack.pop()!\n      if (hiddenKeys.has(node.key)) continue\n\n      flattenNodes.push(node)\n      if (node.children && expandedKeys.has(node.key)) {\n        for (let i = node.children.length - 1; i >= 0; --i) {\n          stack.push(node.children[i])\n        }\n      }\n    }\n\n    return flattenNodes\n  })\n\n  const isNotEmpty = computed(() => {\n    return flattenTree.value.length > 0\n  })\n\n  function createTree(data: TreeData): Tree {\n    const treeNodeMap: Map<TreeKey, TreeNode> = new Map()\n    const levelTreeNodeMap: Map<number, TreeNode[]> = new Map()\n    let maxLevel = 1\n    function traverse(\n      nodes: TreeData,\n      level = 1,\n      parent: TreeNode | undefined = undefined\n    ) {\n      const siblings: TreeNode[] = []\n      for (const rawNode of nodes) {\n        const value = getKey(rawNode)\n        const node: TreeNode = {\n          level,\n          key: value,\n          data: rawNode,\n        }\n        node.label = getLabel(rawNode)\n        node.parent = parent\n        const children = getChildren(rawNode)\n        node.disabled = getDisabled(rawNode)\n        node.isLeaf = !children || children.length === 0\n        node.expanded = expandedKeySet.value.has(value)\n        if (children && children.length) {\n          node.children = traverse(children, level + 1, node)\n        }\n        siblings.push(node)\n        treeNodeMap.set(value, node)\n        if (!levelTreeNodeMap.has(level)) {\n          levelTreeNodeMap.set(level, [])\n        }\n        levelTreeNodeMap.get(level)?.push(node)\n      }\n      if (level > maxLevel) {\n        maxLevel = level\n      }\n      return siblings\n    }\n    const treeNodes: TreeNode[] = traverse(data)\n    return {\n      treeNodeMap,\n      levelTreeNodeMap,\n      maxLevel,\n      treeNodes,\n    }\n  }\n\n  function filter(query: string) {\n    const keys = doFilter(query)\n    if (keys) {\n      expandedKeySet.value = keys\n    }\n  }\n\n  function getChildren(node: TreeNodeData): TreeNodeData[] {\n    return node[childrenKey.value]\n  }\n\n  function getKey(node: TreeNodeData): TreeKey {\n    if (!node) {\n      return ''\n    }\n    return node[valueKey.value]\n  }\n\n  function getDisabled(node: TreeNodeData): boolean {\n    return node[disabledKey.value]\n  }\n\n  function getLabel(node: TreeNodeData): string {\n    return node[labelKey.value]\n  }\n\n  function toggleExpand(node: TreeNode) {\n    const expandedKeys = expandedKeySet.value\n    if (expandedKeys.has(node.key)) {\n      collapseNode(node)\n    } else {\n      expandNode(node)\n    }\n  }\n\n  function setExpandedKeys(keys: TreeKey[]) {\n    const expandedKeys = new Set<TreeKey>()\n    const nodeMap = tree.value!.treeNodeMap\n\n    expandedKeySet.value.forEach((key) => {\n      const node = nodeMap.get(key)\n      if (node) node.expanded = false\n    })\n\n    keys.forEach((k) => {\n      let node = nodeMap.get(k)\n      while (node && !expandedKeys.has(node.key)) {\n        expandedKeys.add(node.key)\n        node.expanded = true\n        node = node.parent\n      }\n    })\n\n    expandedKeySet.value = expandedKeys\n  }\n\n  function handleNodeClick(node: TreeNode, e: MouseEvent) {\n    emit(NODE_CLICK, node.data, node, e)\n    handleCurrentChange(node)\n    if (props.expandOnClickNode) {\n      toggleExpand(node)\n    }\n    if (\n      props.showCheckbox &&\n      (props.checkOnClickNode || (node.isLeaf && props.checkOnClickLeaf)) &&\n      !node.disabled\n    ) {\n      toggleCheckbox(node, !isChecked(node), true)\n    }\n  }\n\n  function handleNodeDrop(node: TreeNode, e: DragEvent) {\n    emit(NODE_DROP, node.data, node, e)\n  }\n\n  function handleCurrentChange(node: TreeNode) {\n    if (!isCurrent(node)) {\n      currentKey.value = node.key\n      emit(CURRENT_CHANGE, node.data, node)\n    }\n  }\n\n  function handleNodeCheck(node: TreeNode, checked: CheckboxValueType) {\n    toggleCheckbox(node, checked)\n  }\n\n  function expandNode(node: TreeNode) {\n    const keySet = expandedKeySet.value\n    if (tree.value && props.accordion) {\n      // whether only one node among the same level can be expanded at one time\n      const { treeNodeMap } = tree.value\n      keySet.forEach((key) => {\n        const treeNode = treeNodeMap.get(key)\n        if (node && node.level === treeNode?.level) {\n          keySet.delete(key)\n          treeNode.expanded = false\n        }\n      })\n    }\n    keySet.add(node.key)\n    const _node = getNode(node.key)\n    if (_node) {\n      _node.expanded = true\n      emit(NODE_EXPAND, _node.data, _node)\n    }\n  }\n\n  function collapseNode(node: TreeNode) {\n    expandedKeySet.value.delete(node.key)\n    const _node = getNode(node.key)\n    if (_node) {\n      _node.expanded = false\n      emit(NODE_COLLAPSE, _node.data, _node)\n    }\n  }\n\n  function isDisabled(node: TreeNode): boolean {\n    return !!node.disabled\n  }\n\n  function isCurrent(node: TreeNode): boolean {\n    const current = currentKey.value\n    return current !== undefined && current === node.key\n  }\n\n  function getCurrentNode(): TreeNodeData | undefined {\n    if (!currentKey.value) return undefined\n    return tree.value?.treeNodeMap.get(currentKey.value)?.data\n  }\n\n  function getCurrentKey(): TreeKey | undefined {\n    return currentKey.value\n  }\n\n  function setCurrentKey(key: TreeKey): void {\n    currentKey.value = key\n  }\n\n  function setData(data: TreeData) {\n    tree.value = createTree(data)\n  }\n\n  function getNode(data: TreeKey | TreeNodeData) {\n    const key = isObject(data) ? getKey(data) : data\n    return tree.value?.treeNodeMap.get(key)\n  }\n\n  function scrollToNode(key: TreeKey, strategy: ScrollStrategy = 'auto') {\n    const node = getNode(key)\n    if (node && listRef.value) {\n      listRef.value.scrollToItem(flattenTree.value.indexOf(node), strategy)\n    }\n  }\n\n  function scrollTo(offset: number) {\n    listRef.value?.scrollTo(offset)\n  }\n\n  watch(\n    () => props.currentNodeKey,\n    (key) => {\n      currentKey.value = key\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(\n    () => props.defaultExpandedKeys,\n    (keys) => {\n      setExpandedKeys(keys || [])\n    }\n  )\n\n  watch(\n    () => props.data!,\n    (data: TreeData) => {\n      setData(data)\n      setExpandedKeys(props.defaultExpandedKeys || [])\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  return {\n    tree,\n    flattenTree,\n    isNotEmpty,\n    listRef,\n    getKey,\n    getChildren,\n    toggleExpand,\n    toggleCheckbox,\n    isChecked,\n    isIndeterminate,\n    isDisabled,\n    isCurrent,\n    isForceHiddenExpandIcon,\n    handleNodeClick,\n    handleNodeDrop,\n    handleNodeCheck,\n    // expose\n    getCurrentNode,\n    getCurrentKey,\n    setCurrentKey,\n    getCheckedKeys,\n    getCheckedNodes,\n    getHalfCheckedKeys,\n    getHalfCheckedNodes,\n    setChecked,\n    setCheckedKeys,\n    filter,\n    setData,\n    getNode,\n    expandNode,\n    collapseNode,\n    setExpandedKeys,\n    scrollToNode,\n    scrollTo,\n  }\n}\n"],"mappings":";;;;;;;;;AA6BA,SAAgB,QACd,OACA,MACA;CACA,MAAM,8CAAmC,IAAI,KAAK,CAAC;CACnD,MAAM,2BAAuC;CAC7C,MAAM,4BAAqC;CAC3C,MAAM,wBAAiD;CAEvD,MAAM,EACJ,iBACA,WACA,gBACA,gBACA,iBACA,oBACA,qBACA,YACA,mBACEA,0BAAS,OAAO,KAAK;CAEzB,MAAM,EAAE,UAAU,kBAAkB,4BAA4BC,4BAC9D,OACA,KACD;CAED,MAAM,mCAA0B;AAC9B,SAAO,MAAM,OAAO,SAASC,qCAAgB;GAC7C;CACF,MAAM,sCAA6B;AACjC,SAAO,MAAM,OAAO,YAAYA,qCAAgB;GAChD;CACF,MAAM,sCAA6B;AACjC,SAAO,MAAM,OAAO,YAAYA,qCAAgB;GAChD;CACF,MAAM,mCAA0B;AAC9B,SAAO,MAAM,OAAO,SAASA,qCAAgB;GAC7C;CAEF,MAAM,sCAA6B;EACjC,MAAM,eAAe,eAAe;EACpC,MAAM,aAAa,iBAAiB;EACpC,MAAM,eAA2B,EAAE;EACnC,MAAM,QAAQ,KAAK,OAAO,aAAa,EAAE;EAEzC,MAAM,QAAoB,EAAE;AAC5B,OAAK,IAAI,IAAI,MAAM,SAAS,GAAG,KAAK,GAAG,EAAE,EACvC,OAAM,KAAK,MAAM,GAAG;AAEtB,SAAO,MAAM,QAAQ;GACnB,MAAM,OAAO,MAAM,KAAK;AACxB,OAAI,WAAW,IAAI,KAAK,IAAI,CAAE;AAE9B,gBAAa,KAAK,KAAK;AACvB,OAAI,KAAK,YAAY,aAAa,IAAI,KAAK,IAAI,CAC7C,MAAK,IAAI,IAAI,KAAK,SAAS,SAAS,GAAG,KAAK,GAAG,EAAE,EAC/C,OAAM,KAAK,KAAK,SAAS,GAAG;;AAKlC,SAAO;GACP;CAEF,MAAM,qCAA4B;AAChC,SAAO,YAAY,MAAM,SAAS;GAClC;CAEF,SAAS,WAAW,MAAsB;EACxC,MAAM,8BAAsC,IAAI,KAAK;EACrD,MAAM,mCAA4C,IAAI,KAAK;EAC3D,IAAI,WAAW;EACf,SAAS,SACP,OACA,QAAQ,GACR,SAA+B,QAC/B;GACA,MAAM,WAAuB,EAAE;AAC/B,QAAK,MAAM,WAAW,OAAO;IAC3B,MAAM,QAAQ,OAAO,QAAQ;IAC7B,MAAM,OAAiB;KACrB;KACA,KAAK;KACL,MAAM;KACP;AACD,SAAK,QAAQ,SAAS,QAAQ;AAC9B,SAAK,SAAS;IACd,MAAM,WAAW,YAAY,QAAQ;AACrC,SAAK,WAAW,YAAY,QAAQ;AACpC,SAAK,SAAS,CAAC,YAAY,SAAS,WAAW;AAC/C,SAAK,WAAW,eAAe,MAAM,IAAI,MAAM;AAC/C,QAAI,YAAY,SAAS,OACvB,MAAK,WAAW,SAAS,UAAU,QAAQ,GAAG,KAAK;AAErD,aAAS,KAAK,KAAK;AACnB,gBAAY,IAAI,OAAO,KAAK;AAC5B,QAAI,CAAC,iBAAiB,IAAI,MAAM,CAC9B,kBAAiB,IAAI,OAAO,EAAE,CAAC;AAEjC,qBAAiB,IAAI,MAAM,EAAE,KAAK,KAAK;;AAEzC,OAAI,QAAQ,SACV,YAAW;AAEb,UAAO;;EAET,MAAM,YAAwB,SAAS,KAAK;AAC5C,SAAO;GACL;GACA;GACA;GACA;GACD;;CAGH,SAAS,OAAO,OAAe;EAC7B,MAAM,OAAO,SAAS,MAAM;AAC5B,MAAI,KACF,gBAAe,QAAQ;;CAI3B,SAAS,YAAY,MAAoC;AACvD,SAAO,KAAK,YAAY;;CAG1B,SAAS,OAAO,MAA6B;AAC3C,MAAI,CAAC,KACH,QAAO;AAET,SAAO,KAAK,SAAS;;CAGvB,SAAS,YAAY,MAA6B;AAChD,SAAO,KAAK,YAAY;;CAG1B,SAAS,SAAS,MAA4B;AAC5C,SAAO,KAAK,SAAS;;CAGvB,SAAS,aAAa,MAAgB;AAEpC,MADqB,eAAe,MACnB,IAAI,KAAK,IAAI,CAC5B,cAAa,KAAK;MAElB,YAAW,KAAK;;CAIpB,SAAS,gBAAgB,MAAiB;EACxC,MAAM,+BAAe,IAAI,KAAc;EACvC,MAAM,UAAU,KAAK,MAAO;AAE5B,iBAAe,MAAM,SAAS,QAAQ;GACpC,MAAM,OAAO,QAAQ,IAAI,IAAI;AAC7B,OAAI,KAAM,MAAK,WAAW;IAC1B;AAEF,OAAK,SAAS,MAAM;GAClB,IAAI,OAAO,QAAQ,IAAI,EAAE;AACzB,UAAO,QAAQ,CAAC,aAAa,IAAI,KAAK,IAAI,EAAE;AAC1C,iBAAa,IAAI,KAAK,IAAI;AAC1B,SAAK,WAAW;AAChB,WAAO,KAAK;;IAEd;AAEF,iBAAe,QAAQ;;CAGzB,SAAS,gBAAgB,MAAgB,GAAe;AACtD,OAAKC,iCAAY,KAAK,MAAM,MAAM,EAAE;AACpC,sBAAoB,KAAK;AACzB,MAAI,MAAM,kBACR,cAAa,KAAK;AAEpB,MACE,MAAM,iBACL,MAAM,oBAAqB,KAAK,UAAU,MAAM,qBACjD,CAAC,KAAK,SAEN,gBAAe,MAAM,CAAC,UAAU,KAAK,EAAE,KAAK;;CAIhD,SAAS,eAAe,MAAgB,GAAc;AACpD,OAAKC,gCAAW,KAAK,MAAM,MAAM,EAAE;;CAGrC,SAAS,oBAAoB,MAAgB;AAC3C,MAAI,CAAC,UAAU,KAAK,EAAE;AACpB,cAAW,QAAQ,KAAK;AACxB,QAAKC,qCAAgB,KAAK,MAAM,KAAK;;;CAIzC,SAAS,gBAAgB,MAAgB,SAA4B;AACnE,iBAAe,MAAM,QAAQ;;CAG/B,SAAS,WAAW,MAAgB;EAClC,MAAM,SAAS,eAAe;AAC9B,MAAI,KAAK,SAAS,MAAM,WAAW;GAEjC,MAAM,EAAE,gBAAgB,KAAK;AAC7B,UAAO,SAAS,QAAQ;IACtB,MAAM,WAAW,YAAY,IAAI,IAAI;AACrC,QAAI,QAAQ,KAAK,UAAU,UAAU,OAAO;AAC1C,YAAO,OAAO,IAAI;AAClB,cAAS,WAAW;;KAEtB;;AAEJ,SAAO,IAAI,KAAK,IAAI;EACpB,MAAM,QAAQ,QAAQ,KAAK,IAAI;AAC/B,MAAI,OAAO;AACT,SAAM,WAAW;AACjB,QAAKC,kCAAa,MAAM,MAAM,MAAM;;;CAIxC,SAAS,aAAa,MAAgB;AACpC,iBAAe,MAAM,OAAO,KAAK,IAAI;EACrC,MAAM,QAAQ,QAAQ,KAAK,IAAI;AAC/B,MAAI,OAAO;AACT,SAAM,WAAW;AACjB,QAAKC,oCAAe,MAAM,MAAM,MAAM;;;CAI1C,SAAS,WAAW,MAAyB;AAC3C,SAAO,CAAC,CAAC,KAAK;;CAGhB,SAAS,UAAU,MAAyB;EAC1C,MAAM,UAAU,WAAW;AAC3B,SAAO,YAAY,UAAa,YAAY,KAAK;;CAGnD,SAAS,iBAA2C;AAClD,MAAI,CAAC,WAAW,MAAO,QAAO;AAC9B,SAAO,KAAK,OAAO,YAAY,IAAI,WAAW,MAAM,EAAE;;CAGxD,SAAS,gBAAqC;AAC5C,SAAO,WAAW;;CAGpB,SAAS,cAAc,KAAoB;AACzC,aAAW,QAAQ;;CAGrB,SAAS,QAAQ,MAAgB;AAC/B,OAAK,QAAQ,WAAW,KAAK;;CAG/B,SAAS,QAAQ,MAA8B;EAC7C,MAAM,gCAAe,KAAK,GAAG,OAAO,KAAK,GAAG;AAC5C,SAAO,KAAK,OAAO,YAAY,IAAI,IAAI;;CAGzC,SAAS,aAAa,KAAc,WAA2B,QAAQ;EACrE,MAAM,OAAO,QAAQ,IAAI;AACzB,MAAI,QAAQ,QAAQ,MAClB,SAAQ,MAAM,aAAa,YAAY,MAAM,QAAQ,KAAK,EAAE,SAAS;;CAIzE,SAAS,SAAS,QAAgB;AAChC,UAAQ,OAAO,SAAS,OAAO;;AAGjC,sBACQ,MAAM,iBACX,QAAQ;AACP,aAAW,QAAQ;IAErB,EACE,WAAW,MACZ,CACF;AAED,sBACQ,MAAM,sBACX,SAAS;AACR,kBAAgB,QAAQ,EAAE,CAAC;GAE9B;AAED,sBACQ,MAAM,OACX,SAAmB;AAClB,UAAQ,KAAK;AACb,kBAAgB,MAAM,uBAAuB,EAAE,CAAC;IAElD,EACE,WAAW,MACZ,CACF;AAED,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/lib/components/upload/src/upload-content.vue.d.ts

@@ -54,9 +54,9 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   readonly httpRequest: UploadRequestHandler;
   readonly disabled: undefined;
 }>>>, {
-  onError: (err: UploadAjaxError, rawFile: UploadRawFile) => void;
   disabled: boolean;
   name: string;
+  onError: (err: UploadAjaxError, rawFile: UploadRawFile) => void;
   onProgress: (evt: UploadProgressEvent, rawFile: UploadRawFile) => void;
   data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
   beforeUpload: UploadHooks["beforeUpload"];

package/lib/components/upload/src/upload.vue.d.ts

@@ -75,10 +75,10 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   readonly httpRequest: UploadRequestHandler;
   readonly disabled: undefined;
 }>>>, {
-  onError: UploadHooks["onError"];
   onChange: UploadHooks["onChange"];
   disabled: boolean;
   name: string;
+  onError: UploadHooks["onError"];
   onProgress: UploadHooks["onProgress"];
   data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
   beforeUpload: UploadHooks["beforeUpload"];

package/lib/components/watermark/src/watermark.vue.d.ts

@@ -17,10 +17,10 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   content: string;
   gap: () => number[];
 }>>>, {
-  rotate: number;
   zIndex: number;
   content: string | string[];
   gap: [number, number];
+  rotate: number;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/version.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 //#region ../../packages/element-plus/version.ts
-const version = "0.0.20260310";
+const version = "0.0.20260312";
 
 //#endregion
 exports.version = version;

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","names":[],"sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20260310'\n"],"mappings":";;;AAAA,MAAa,UAAU"}
+{"version":3,"file":"version.js","names":[],"sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20260312'\n"],"mappings":";;;AAAA,MAAa,UAAU"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@element-plus/nightly",
-  "version": "0.0.20260310",
+  "version": "0.0.20260312",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "element-plus",
@@ -109,5 +109,5 @@
     "not ie 11",
     "not op_mini all"
   ],
-  "gitHead": "05ba3fbc99e4cd99bda215fb4af1a77ecf512f0b"
+  "gitHead": "0cb3a2768cc61260b80fc5cb838552d6cf81b814"
 }

package/tags.json

@@ -1 +1 @@
-{"el-affix":{"attributes":["offset","position","target","z-index","teleported","append-to","change","scroll"],"description":"Fix the element to a specific visible area.\n\n[Docs](https://element-plus.org/en-US/component/affix.html#affix)"},"el-alert":{"attributes":["title","type","description","closable","center","close-text","show-icon","effect","close"],"description":"Displays important alert messages.\n\n[Docs](https://element-plus.org/en-US/component/alert.html#alert)"},"el-anchor":{"attributes":["change","click"],"description":"Through the anchor point, you can quickly find the position of the information content on the current page.\n\n[Docs](https://element-plus.org/en-US/component/anchor.html#anchor)"},"el-anchor-link":{"description":"[Docs](https://element-plus.org/en-US/component/anchor.html#anchorlink)"},"el-autocomplete":{"attributes":["model-value","placeholder","clearable","disabled","value-key","debounce","placement","fetch-suggestions","trigger-on-focus","select-when-unmatched","name","aria-label","hide-loading","popper-class","popper-style","teleported","append-to","highlight-first-item","fit-input-width","popper-append-to-body","loop-navigation","[input props]","blur","focus","input","clear","select","change"],"description":"Get some recommended tips based on the current input.\n\n[Docs](https://element-plus.org/en-US/component/autocomplete.html#autocomplete)"},"el-avatar":{"attributes":["icon","size","shape","src","src-set","alt","fit","error"],"description":"Avatars can be used to represent people or objects. It supports images, Icons, or characters.\n\n[Docs](https://element-plus.org/en-US/component/avatar.html#avatar)"},"el-avatar-group":{"attributes":["size","shape","collapse-avatars","collapse-avatars-tooltip","max-collapse-avatars","effect","placement","popper-class","popper-style","collapse-class","collapse-style"],"description":"[Docs](https://element-plus.org/en-US/component/avatar.html#avatargroup)"},"el-backtop":{"attributes":["target","visibility-height","right","bottom","click"],"description":"A button to back to top.\n\n[Docs](https://element-plus.org/en-US/component/backtop.html#backtop)"},"el-badge":{"attributes":["value","max","is-dot","hidden","type","show-zero","color","offset","badge-style","badge-class"],"description":"A number or status mark on buttons and icons.\n\n[Docs](https://element-plus.org/en-US/component/badge.html#badge)"},"el-breadcrumb":{"attributes":["separator","separator-icon"],"subtags":["el-breadcrumb-item"],"description":"Displays the location of the current page, making it easier to browser back.\n\n[Docs](https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb)"},"el-breadcrumb-item":{"attributes":["to","replace"],"description":"[Docs](https://element-plus.org/en-US/component/breadcrumb.html#breadcrumbitem)"},"el-button":{"attributes":["size","type","plain","text","bg","link","round","circle","dashed","loading","loading-icon","disabled","icon","autofocus","native-type","auto-insert-space","color","dark","tag"],"description":"Commonly used button.\n\n[Docs](https://element-plus.org/en-US/component/button.html#button)"},"el-button-group":{"attributes":["size","type","direction"],"subtags":["el-button"],"description":"[Docs](https://element-plus.org/en-US/component/button.html#buttongroup)"},"el-calendar":{"attributes":["model-value","range","controller-type","formatter"],"description":"Display date.\n\n[Docs](https://element-plus.org/en-US/component/calendar.html#calendar)"},"el-card":{"attributes":["header","footer","body-style","header-class","body-class","footer-class","shadow"],"description":"Integrate information in a card container.\n\n[Docs](https://element-plus.org/en-US/component/card.html#card)"},"el-carousel":{"attributes":["height","initial-index","trigger","autoplay","interval","indicator-position","arrow","type","card-scale","loop","direction","pause-on-hover","motion-blur","change"],"subtags":["el-carousel-item"],"description":"Loop a series of images or texts in a limited space\n\n[Docs](https://element-plus.org/en-US/component/carousel.html#carousel)"},"el-carousel-item":{"attributes":["name","label"],"description":"[Docs](https://element-plus.org/en-US/component/carousel.html#carousel-item)"},"el-cascader":{"attributes":["model-value","options","[props]","size","placeholder","disabled","clearable","clear-icon","show-all-levels","collapse-tags","collapse-tags-tooltip","max-collapse-tags-tooltip-height","separator","filterable","filter-method","debounce","before-filter","popper-class","popper-style","teleported","effect","tag-type","tag-effect","validate-event","max-collapse-tags","empty-values","value-on-clear","persistent","fallback-placements","placement","popper-append-to-body","show-checked-strategy","change","expand-change","blur","focus","clear","visible-change","remove-tag"],"description":"If the options have a clear hierarchical structure, Cascader can be used to view and select them.\n\n[Docs](https://element-plus.org/en-US/component/cascader.html#cascader)"},"el-cascader-panel":{"attributes":["model-value","options","[props]","change","update:model-value","expand-change","close"],"description":"[Docs](https://element-plus.org/en-US/component/cascader.html#cascaderpanel)"},"el-checkbox":{"attributes":["model-value","value","label","true-value","false-value","disabled","border","size","name","checked","indeterminate","validate-event","tabindex","id","aria-controls","aria-label","true-label","false-label","controls","change"],"description":"A group of options for multiple choices.\n\n[Docs](https://element-plus.org/en-US/component/checkbox.html#checkbox)"},"el-checkbox-group":{"attributes":["model-value","size","disabled","min","max","aria-label","text-color","fill","tag","validate-event","label","options","props","type","change"],"subtags":["el-checkbox","el-checkbox-button"],"description":"[Docs](https://element-plus.org/en-US/component/checkbox.html#checkboxgroup)"},"el-checkbox-button":{"attributes":["value","label","true-value","false-value","disabled","name","checked","true-label","false-label"],"description":"[Docs](https://element-plus.org/en-US/component/checkbox.html#checkboxbutton)"},"el-collapse":{"attributes":["model-value","accordion","expand-icon-position","before-collapse","change"],"subtags":["el-collapse-item"],"description":"Use Collapse to store contents.\n\n[Docs](https://element-plus.org/en-US/component/collapse.html#collapse)"},"el-collapse-item":{"attributes":["name","title","icon","disabled"],"description":"[Docs](https://element-plus.org/en-US/component/collapse.html#collapse-item)"},"el-color-picker-panel":{"attributes":["model-value","border","disabled","show-alpha","color-format","predefine","validate-event"],"description":"`ColorPickerPanel` is the core component of `ColorPicker`.\n\n[Docs](https://element-plus.org/en-US/component/color-picker-panel.html#colorpickerpanel)"},"el-color-picker":{"attributes":["model-value","disabled","clearable","size","show-alpha","color-format","popper-class","popper-style","predefine","validate-event","tabindex","aria-label","empty-values","value-on-clear","id","teleported","label","persistent","append-to","change","active-change","focus","blur","clear"],"description":"ColorPicker is a color selector supporting multiple color formats.\n\n[Docs](https://element-plus.org/en-US/component/color-picker.html#colorpicker)"},"el-config-provider":{"attributes":["locale","size","z-index","namespace","button","link","dialog","message","experimental-features","empty-values","value-on-clear","table"],"description":"Config Provider is used for providing global configurations, which enables your entire application to access these configurations everywhere.\n\n[Docs](https://element-plus.org/en-US/component/config-provider.html#config-provider)"},"el-container":{"attributes":["direction"],"subtags":["el-container","el-header","el-aside","el-main","el-footer"],"description":"Container components for scaffolding basic structure of the page:\n\n[Docs](https://element-plus.org/en-US/component/container.html#container)"},"el-header":{"attributes":["height"],"description":"[Docs](https://element-plus.org/en-US/component/container.html#header)"},"el-aside":{"attributes":["width"],"description":"[Docs](https://element-plus.org/en-US/component/container.html#aside)"},"el-main":{"description":"[Docs](https://element-plus.org/en-US/component/container.html#main)"},"el-footer":{"attributes":["height"],"description":"[Docs](https://element-plus.org/en-US/component/container.html#footer)"},"el-date-picker-panel":{"attributes":["model-value","border","disabled","clearable","editable","type","default-value","default-time","value-format","date-format","time-format","unlink-panels","disabled-date","shortcuts","cell-class-name","show-footer","show-confirm","show-week-number","calendar-change","panel-change","clear"],"description":"`DatePickerPanel` is the core component of `DatePicker`.\n\n[Docs](https://element-plus.org/en-US/component/date-picker-panel.html#datepickerpanel)"},"el-date-picker":{"attributes":["model-value","readonly","disabled","size","editable","clearable","placeholder","start-placeholder","end-placeholder","type","format","popper-class","popper-style","popper-options","range-separator","default-value","default-time","value-format","id","name","unlink-panels","prefix-icon","clear-icon","validate-event","disabled-date","shortcuts","cell-class-name","teleported","empty-values","value-on-clear","fallback-placements","placement","show-footer","show-confirm","show-week-number","automatic-dropdown","change","blur","focus","clear","calendar-change","panel-change","visible-change"],"description":"Use Date Picker for date input.\n\n[Docs](https://element-plus.org/en-US/component/date-picker.html#datepicker)"},"el-descriptions":{"attributes":["border","column","direction","size","title","extra","label-width"],"subtags":["el-descriptions-item"],"description":"Display multiple fields in list form.\n\n[Docs](https://element-plus.org/en-US/component/descriptions.html#descriptions)"},"el-descriptions-item":{"attributes":["label","span","rowspan","width","min-width","label-width","align","label-align","class-name","label-class-name"],"description":"[Docs](https://element-plus.org/en-US/component/descriptions.html#descriptionsitem)"},"el-dialog":{"attributes":["model-value","title","width","fullscreen","top","modal","modal-penetrable","modal-class","header-class","body-class","footer-class","append-to-body","append-to","lock-scroll","open-delay","close-delay","close-on-click-modal","close-on-press-escape","show-close","before-close","draggable","overflow","center","align-center","destroy-on-close","close-icon","z-index","header-aria-level","transition","custom-class","open","opened","close","closed","open-auto-focus","close-auto-focus"],"description":"Informs users while preserving the current page state.\n\n[Docs](https://element-plus.org/en-US/component/dialog.html#dialog)"},"el-divider":{"attributes":["direction","border-style","content-position"],"description":"The dividing line that separates the content.\n\n[Docs](https://element-plus.org/en-US/component/divider.html#divider)"},"el-drawer":{"attributes":["model-value","append-to-body","append-to","lock-scroll","before-close","close-on-click-modal","close-on-press-escape","open-delay","close-delay","destroy-on-close","modal","modal-penetrable","direction","resizable","show-close","size","title","with-header","modal-class","header-class","body-class","footer-class","z-index","header-aria-level","custom-class","open","opened","close","closed","open-auto-focus","close-auto-focus","resize-start","resize","resize-end"],"description":"Sometimes, `Dialog` does not always satisfy our requirements, let's say you have a massive form, or you need space to display something like `terms & conditions`, `Drawer` has almost identical API with `Dialog`, but it introduces different user experience.\n\n[Docs](https://element-plus.org/en-US/component/drawer.html#drawer)"},"el-dropdown":{"attributes":["type","size","button-props","max-height","split-button","disabled","placement","effect","trigger","trigger-keys","virtual-triggering","virtual-ref","hide-on-click","show-arrow","show-timeout","hide-timeout","role","tabindex","popper-class","popper-style","popper-options","teleported","append-to","persistent","click","command","visible-change"],"subtags":["el-dropdown-menu"],"description":"Toggleable menu for displaying lists of links and actions.\n\n[Docs](https://element-plus.org/en-US/component/dropdown.html#dropdown)"},"el-dropdown-menu":{"subtags":["el-dropdown-item"],"description":"[Docs](https://element-plus.org/en-US/component/dropdown.html#dropdown-menu)"},"el-dropdown-item":{"attributes":["command","disabled","divided","icon"],"description":"[Docs](https://element-plus.org/en-US/component/dropdown.html#dropdown-item)"},"el-empty":{"attributes":["image","image-size","description"],"description":"Placeholder hints for empty states.\n\n[Docs](https://element-plus.org/en-US/component/empty.html#empty)"},"el-form":{"attributes":["model","rules","inline","label-position","label-width","label-suffix","hide-required-asterisk","require-asterisk-position","show-message","inline-message","status-icon","validate-on-rule-change","size","disabled","scroll-to-error","scroll-into-view-options","validate"],"subtags":["el-form-item"],"description":"Form consists of `input`, `radio`, `select`, `checkbox` and so on. With form, you can collect, verify and submit data.\n\n[Docs](https://element-plus.org/en-US/component/form.html#form)"},"el-form-item":{"attributes":["prop","label","label-position","label-width","required","rules","error","show-message","inline-message","size","for","validate-status"],"description":"[Docs](https://element-plus.org/en-US/component/form.html#formitem)"},"el-icon":{"attributes":["color","size"],"description":"Element Plus provides a set of common icons.\n\n[Docs](https://element-plus.org/en-US/component/icon.html#icon)"},"el-image":{"attributes":["src","fit","hide-on-click-modal","loading","lazy","scroll-container","alt","referrerpolicy","crossorigin","preview-src-list","z-index","initial-index","close-on-press-escape","preview-teleported","infinite","zoom-rate","scale","min-scale","max-scale","show-progress","load","error","switch","close","show"],"description":"Besides the native features of img, support lazy load, custom placeholder and load failure, etc.\n\n[Docs](https://element-plus.org/en-US/component/image.html#image)"},"el-image-viewer":{"attributes":["url-list","z-index","initial-index","infinite","hide-on-click-modal","teleported","zoom-rate","scale","min-scale","max-scale","close-on-press-escape","show-progress","close","error","switch","rotate"],"description":"[Docs](https://element-plus.org/en-US/component/image.html#image-viewer)"},"el-input-number":{"attributes":["model-value","min","max","step","step-strictly","precision","size","readonly","disabled","controls","controls-position","name","aria-label","placeholder","id","value-on-clear","validate-event","label","inputmode","align","disabled-scientific","change","blur","focus"],"description":"Input numerical values with a customizable range.\n\n[Docs](https://element-plus.org/en-US/component/input-number.html#input-number)"},"el-input-tag":{"attributes":["model-value","max","tag-type","tag-effect","effect","trigger","draggable","delimiter","size","collapse-tags","collapse-tags-tooltip","save-on-blur","clearable","clear-icon","disabled","validate-event","readonly","autofocus","id","tabindex","max-collapse-tags","maxlength","minlength","placeholder","autocomplete","aria-label","change","input","add-tag","remove-tag","drag-tag","focus","blur","clear"],"description":"The InputTag component allows users to add content as tags.\n\n[Docs](https://element-plus.org/en-US/component/input-tag.html#inputtag)"},"el-input":{"attributes":["type","model-value","model-modifiers","maxlength","minlength","show-word-limit","word-limit-position","placeholder","clearable","clear-icon","formatter","parser","show-password","disabled","size","prefix-icon","suffix-icon","rows","autosize","autocomplete","name","readonly","max","min","step","resize","autofocus","form","aria-label","tabindex","validate-event","input-style","label","inputmode","blur","focus","change","input","clear","keydown","mouseleave","mouseenter","compositionstart","compositionupdate","compositionend"],"description":"Input data using mouse or keyboard.\n\n[Docs](https://element-plus.org/en-US/component/input.html#input)"},"el-row":{"attributes":["gutter","justify","align","tag"],"subtags":["el-col"],"description":"[Docs](https://element-plus.org/en-US/component/layout.html#row)"},"el-col":{"attributes":["span","offset","push","pull","xs","sm","md","lg","xl","tag"],"description":"[Docs](https://element-plus.org/en-US/component/layout.html#col)"},"el-link":{"attributes":["type","underline","disabled","href","target","icon"],"description":"Text hyperlink\n\n[Docs](https://element-plus.org/en-US/component/link.html#link)"},"el-mention":{"attributes":["options","props","prefix","split","filter-option","placement","show-arrow","offset","whole","check-is-whole","loading","model-value","popper-class","popper-style","popper-options","[input props]","search","select","whole-remove","[input events]"],"description":"Used to mention someone or something in an input.\n\n[Docs](https://element-plus.org/en-US/component/mention.html#mention)"},"el-menu":{"attributes":["mode","collapse","ellipsis","ellipsis-icon","popper-offset","default-active","default-openeds","unique-opened","menu-trigger","router","collapse-transition","popper-effect","close-on-click-outside","popper-class","popper-style","show-timeout","hide-timeout","background-color","text-color","active-text-color","persistent","select","open","close"],"subtags":["el-sub-menu","el-menu-item","el-menu-item-group"],"description":"Menu that provides navigation for your website.\n\n[Docs](https://element-plus.org/en-US/component/menu.html#menu)"},"el-sub-menu":{"attributes":["index","popper-class","popper-style","show-timeout","hide-timeout","disabled","teleported","popper-offset","expand-close-icon","expand-open-icon","collapse-close-icon","collapse-open-icon"],"subtags":["el-sub-menu","el-menu-item","el-menu-item-group"],"description":"[Docs](https://element-plus.org/en-US/component/menu.html#submenu)"},"el-menu-item":{"attributes":["index","route","disabled","click"],"description":"[Docs](https://element-plus.org/en-US/component/menu.html#menu-item)"},"el-menu-item-group":{"attributes":["title"],"subtags":["el-menu-item"],"description":"[Docs](https://element-plus.org/en-US/component/menu.html#menu-item-group)"},"el-page-header":{"attributes":["icon","title","content","back"],"description":"If path of the page is simple, it is recommended to use PageHeader instead of the Breadcrumb.\n\n[Docs](https://element-plus.org/en-US/component/page-header.html#page-header)"},"el-pagination":{"attributes":["size","background","page-size","default-page-size","total","page-count","pager-count","current-page","default-current-page","layout","page-sizes","append-size-to","popper-class","popper-style","prev-text","prev-icon","next-text","next-icon","disabled","teleported","hide-on-single-page","small","size-change","current-change","change","prev-click","next-click"],"description":"If you have too much data to display in one page, use pagination.\n\n[Docs](https://element-plus.org/en-US/component/pagination.html#pagination)"},"el-popconfirm":{"attributes":["title","effect","confirm-button-text","cancel-button-text","confirm-button-type","cancel-button-type","icon","icon-color","hide-icon","hide-after","teleported","persistent","width","[tooltip]","confirm","cancel"],"description":"A simple confirmation dialog of an element click action.\n\n[Docs](https://element-plus.org/en-US/component/popconfirm.html#popconfirm)"},"el-popover":{"attributes":["trigger","trigger-keys","title","effect","content","width","placement","disabled","visible","offset","transition","show-arrow","popper-options","popper-class","popper-style","show-after","hide-after","auto-close","tabindex","teleported","append-to","persistent","virtual-triggering","virtual-ref","[tooltip]","show","before-enter","after-enter","hide","before-leave","after-leave"],"description":"[Docs](https://element-plus.org/en-US/component/popover.html#popover)"},"el-progress":{"attributes":["percentage","type","stroke-width","text-inside","status","indeterminate","duration","color","width","show-text","stroke-linecap","format","striped","striped-flow"],"description":"Progress is used to show the progress of current operation, and inform the user the current status.\n\n[Docs](https://element-plus.org/en-US/component/progress.html#progress)"},"el-radio":{"attributes":["model-value","value","label","disabled","border","size","name","change"],"description":"Single selection among multiple options.\n\n[Docs](https://element-plus.org/en-US/component/radio.html#radio)"},"el-radio-group":{"attributes":["model-value","size","disabled","validate-event","text-color","fill","aria-label","name","id","label","options","props","type","change"],"subtags":["el-radio","el-radio-button"],"description":"[Docs](https://element-plus.org/en-US/component/radio.html#radiogroup)"},"el-radio-button":{"attributes":["value","label","disabled","name"],"description":"[Docs](https://element-plus.org/en-US/component/radio.html#radiobutton)"},"el-rate":{"attributes":["model-value","max","size","disabled","allow-half","low-threshold","high-threshold","colors","void-color","disabled-void-color","icons","void-icon","disabled-void-icon","show-text","show-score","text-color","texts","score-template","clearable","id","aria-label","label","change"],"description":"Used for rating\n\n[Docs](https://element-plus.org/en-US/component/rate.html#rate)"},"el-result":{"attributes":["title","sub-title","icon"],"description":"Used to give feedback on the result of user's operation or access exception.\n\n[Docs](https://element-plus.org/en-US/component/result.html#result)"},"el-scrollbar":{"attributes":["height","max-height","native","wrap-style","wrap-class","view-style","view-class","noresize","tag","always","min-size","id","role","aria-label","aria-orientation","tabindex","distance","scroll","end-reached"],"description":"Used to replace the browser's native scrollbar.\n\n[Docs](https://element-plus.org/en-US/component/scrollbar.html#scrollbar)"},"el-segmented":{"attributes":["model-value","options","[props]","size","block","disabled","validate-event","name","id","aria-label","direction","change"],"description":"Display multiple options and allow users to select a single option.\n\n[Docs](https://element-plus.org/en-US/component/segmented.html#segmented)"},"el-virtualized-select":{"attributes":["model-value","options","[props]","multiple","disabled","value-key","size","clearable","clear-icon","collapse-tags","multiple-limit","id","name","effect","autocomplete","placeholder","filterable","allow-create","filter-method","loading","loading-text","reserve-keyword","default-first-option","no-match-text","no-data-text","popper-class","popper-style","teleported","append-to","persistent","popper-options","automatic-dropdown","fit-input-width","suffix-icon","height","item-height","scrollbar-always-on","remote","debounce","remote-method","remote-show-suffix","validate-event","offset","show-arrow","placement","fallback-placements","collapse-tags-tooltip","[tag-tooltip]","max-collapse-tags","tag-type","tag-effect","aria-label","empty-values","value-on-clear","popper-append-to-body","tabindex","change","visible-change","remove-tag","clear","blur","focus"],"description":":::tip\n\n[Docs](https://element-plus.org/en-US/component/select-v2.html#virtualized-select)"},"el-select":{"attributes":["model-value","multiple","options","[props]","disabled","value-key","size","clearable","collapse-tags","collapse-tags-tooltip","[tag-tooltip]","multiple-limit","id","name","effect","autocomplete","placeholder","filterable","allow-create","filter-method","remote","debounce","remote-method","remote-show-suffix","loading","loading-text","no-match-text","no-data-text","popper-class","popper-style","reserve-keyword","default-first-option","teleported","append-to","persistent","automatic-dropdown","clear-icon","fit-input-width","suffix-icon","tag-type","tag-effect","validate-event","offset","show-arrow","placement","fallback-placements","max-collapse-tags","popper-options","aria-label","empty-values","value-on-clear","suffix-transition","tabindex","change","visible-change","remove-tag","clear","blur","focus","popup-scroll"],"subtags":["el-option-group","el-option","el-^[object]`{-data:-option-basic[],-select-disabled:-boolean,-delete-tag:-(event:-mouse-event,-tag:-option-basic)-=>-void-}`","el-^[object]`{-index:-number,-label:-string-|-any,-value:-string-|-any-}`"],"description":"When there are plenty of options, use a drop-down menu to display and select desired ones.\n\n[Docs](https://element-plus.org/en-US/component/select.html#select)"},"el-option-group":{"attributes":["label","disabled"],"subtags":["el-option"],"description":"[Docs](https://element-plus.org/en-US/component/select.html#option-group)"},"el-option":{"attributes":["value","label","disabled"],"description":"[Docs](https://element-plus.org/en-US/component/select.html#option)"},"el-skeleton":{"attributes":["animated","count","loading","rows","throttle"],"description":"When loading data, and you need a rich experience for visual and interactions for your end users, you can choose `skeleton`.\n\n[Docs](https://element-plus.org/en-US/component/skeleton.html#skeleton)"},"el-skeleton-item":{"attributes":["variant"],"description":"[Docs](https://element-plus.org/en-US/component/skeleton.html#skeletonitem)"},"el-slider":{"attributes":["model-value","min","max","disabled","step","show-input","show-input-controls","size","input-size","show-stops","show-tooltip","format-tooltip","range","vertical","height","aria-label","range-start-label","range-end-label","format-value-text","tooltip-class","placement","marks","validate-event","persistent","label","change","input"],"description":"Drag the slider within a fixed range.\n\n[Docs](https://element-plus.org/en-US/component/slider.html#slider)"},"el-space":{"attributes":["alignment","class","direction","prefix-cls","style","spacer","size","wrap","fill","fill-ratio"],"description":"Even though we have [Divider]\n\n[Docs](https://element-plus.org/en-US/component/space.html#space)"},"el-splitter":{"attributes":["layout","lazy","resize-start","resize","resize-end","collapse"],"description":"[Docs](https://element-plus.org/en-US/component/splitter.html#splitter)"},"el-splitter-panel":{"attributes":["size","min","max","resizable","collapsible","update:size"],"description":"[Docs](https://element-plus.org/en-US/component/splitter.html#splitterpanel)"},"el-statistic":{"description":"Display statistics.\n\n[Docs](https://element-plus.org/en-US/component/statistic.html#statistic)"},"el-countdown":{"attributes":["change","finish"],"description":":::demo Countdown component, support to add other components control countdown.\n\n[Docs](https://element-plus.org/en-US/component/statistic.html#countdown)"},"el-steps":{"attributes":["space","direction","active","process-status","finish-status","align-center","simple"],"subtags":["el-step"],"description":"Guide the user to complete tasks in accordance with the process. Its steps can be set according to the actual application scenario and the number of the steps can't be less than 2.\n\n[Docs](https://element-plus.org/en-US/component/steps.html#steps)"},"el-step":{"attributes":["title","description","icon","status"],"description":"[Docs](https://element-plus.org/en-US/component/steps.html#step)"},"el-switch":{"attributes":["model-value","disabled","loading","size","width","inline-prompt","active-icon","inactive-icon","active-action-icon","inactive-action-icon","active-text","inactive-text","active-value","inactive-value","name","validate-event","before-change","id","tabindex","aria-label","active-color","inactive-color","border-color","label","change"],"description":"Switch is used for switching between two opposing states.\n\n[Docs](https://element-plus.org/en-US/component/switch.html#switch)"},"el-table-v2":{"attributes":["cache","estimated-row-height","header-class","header-props","header-cell-props","header-height","footer-height","row-class","row-key","row-props","row-height","row-event-handlers","cell-props","columns","data","data-getter","fixed-data","expand-column-key","expanded-row-keys","default-expanded-row-keys","class","fixed","width","height","max-height","indent-size","h-scrollbar-size","v-scrollbar-size","scrollbar-always-on","sort-by","sort-state","column-sort","expanded-rows-change","end-reached","scroll","rows-rendered","row-expand"],"description":"[Docs](https://element-plus.org/en-US/component/table-v2.html#tablev2)"},"el-table":{"attributes":["data","height","max-height","stripe","border","size","fit","show-header","highlight-current-row","current-row-key","row-class-name","row-style","cell-class-name","cell-style","header-row-class-name","header-row-style","header-cell-class-name","header-cell-style","row-key","empty-text","default-expand-all","expand-row-keys","default-sort","tooltip-effect","tooltip-options","append-filter-panel-to","show-summary","sum-text","summary-method","span-method","select-on-indeterminate","indent","lazy","load","tree-props","table-layout","scrollbar-always-on","show-overflow-tooltip","flexible","scrollbar-tabindex","allow-drag-last-column","tooltip-formatter","preserve-expanded-content","native-scrollbar","row-expandable","select","select-all","selection-change","cell-mouse-enter","cell-mouse-leave","cell-click","cell-dblclick","cell-contextmenu","row-click","row-contextmenu","row-dblclick","header-click","header-contextmenu","sort-change","filter-change","current-change","header-dragend","expand-change","scroll"],"subtags":["el-table-column"],"description":"Display multiple data with similar format. You can sort, filter, compare your data in a table.\n\n[Docs](https://element-plus.org/en-US/component/table.html#table)"},"el-table-column":{"attributes":["type","index","label","column-key","prop","width","min-width","fixed","render-header","sortable","sort-method","sort-by","sort-orders","resizable","formatter","show-overflow-tooltip","align","header-align","class-name","label-class-name","selectable","reserve-selection","filters","filter-placement","filter-class-name","filter-multiple","filter-method","filtered-value","tooltip-formatter"],"description":"[Docs](https://element-plus.org/en-US/component/table.html#table-column)"},"el-tabs":{"attributes":["model-value","default-value","type","closable","addable","editable","tab-position","stretch","before-leave","tabindex","tab-click","tab-change","tab-remove","tab-add","edit"],"subtags":["el-tab-pane"],"description":"Divide data collections which are related yet belong to different types.\n\n[Docs](https://element-plus.org/en-US/component/tabs.html#tabs)"},"el-tab-pane":{"attributes":["label","disabled","name","closable","lazy"],"description":"[Docs](https://element-plus.org/en-US/component/tabs.html#tab-pane)"},"el-tag":{"attributes":["type","closable","disable-transitions","hit","color","size","effect","round","click","close"],"description":"Used for marking and selection.\n\n[Docs](https://element-plus.org/en-US/component/tag.html#tag)"},"el-check-tag":{"attributes":["checked","disabled","type","change"],"description":"[Docs](https://element-plus.org/en-US/component/tag.html#checktag)"},"el-text":{"attributes":["type","size","truncated","line-clamp","tag"],"description":"Used for text.\n\n[Docs](https://element-plus.org/en-US/component/text.html#text)"},"el-time-picker":{"attributes":["model-value","readonly","disabled","editable","clearable","size","placeholder","start-placeholder","end-placeholder","is-range","arrow-control","popper-class","popper-style","popper-options","fallback-placements","placement","range-separator","format","default-value","value-format","id","name","aria-label","prefix-icon","clear-icon","disabled-hours","disabled-minutes","disabled-seconds","teleported","tabindex","empty-values","value-on-clear","save-on-blur","label","change","blur","focus","clear","visible-change"],"description":"Use Time Picker for time input.\n\n[Docs](https://element-plus.org/en-US/component/time-picker.html#timepicker)"},"el-time-select":{"attributes":["model-value","disabled","editable","clearable","include-end-time","size","placeholder","name","effect","prefix-icon","clear-icon","start","end","step","min-time","max-time","format","empty-values","value-on-clear","popper-class","popper-style","change","blur","focus","clear"],"description":"Use Time Select for time input.\n\n[Docs](https://element-plus.org/en-US/component/time-select.html#timeselect)"},"el-timeline":{"attributes":["reverse","mode"],"subtags":["el-timeline-item"],"description":"Visually display timeline.\n\n[Docs](https://element-plus.org/en-US/component/timeline.html#timeline)"},"el-timeline-item":{"attributes":["timestamp","hide-timestamp","center","placement","type","color","size","icon","hollow"],"description":"[Docs](https://element-plus.org/en-US/component/timeline.html#timeline-item)"},"el-tooltip":{"attributes":["append-to","effect","content","raw-content","placement","fallback-placements","visible","disabled","offset","transition","popper-options","arrow-offset","show-after","show-arrow","hide-after","auto-close","popper-class","popper-style","enterable","teleported","trigger","virtual-triggering","virtual-ref","trigger-keys","persistent","aria-label","focus-on-target","before-show","show","before-hide","hide"],"description":"Display prompt information for mouse hover.\n\n[Docs](https://element-plus.org/en-US/component/tooltip.html#tooltip)"},"el-tour":{"description":"A popup component for guiding users through a product. Use when you want to guide users through a product.\n\n[Docs](https://element-plus.org/en-US/component/tour.html#tour)"},"el-tour-step":{"description":"[Docs](https://element-plus.org/en-US/component/tour.html#tourstep)"},"el-transfer":{"attributes":["model-value","data","filterable","filter-placeholder","filter-method","target-order","titles","button-texts","render-content","format","[props]","left-default-checked","right-default-checked","validate-event","change","left-check-change","right-check-change"],"description":"[Docs](https://element-plus.org/en-US/component/transfer.html#transfer)"},"el-own":{"attributes":["cache-data"],"description":"[Docs](https://element-plus.org/en-US/component/tree-select.html#own)"},"el-tree-v2":{"attributes":["data","empty-text","[props]","highlight-current","expand-on-click-node","check-on-click-node","check-on-click-leaf","default-expanded-keys","show-checkbox","check-strictly","default-checked-keys","current-node-key","filter-method","indent","icon","item-size","scrollbar-always-on","height","node-click","node-drop","node-contextmenu","check-change","check","current-change","node-expand","node-collapse"],"description":"[Docs](https://element-plus.org/en-US/component/tree-v2.html#treev2)"},"el-tree":{"attributes":["data","empty-text","node-key","[props]","render-after-expand","load","render-content","highlight-current","default-expand-all","expand-on-click-node","check-on-click-node","check-on-click-leaf","auto-expand-parent","default-expanded-keys","show-checkbox","check-strictly","default-checked-keys","current-node-key","filter-node-method","accordion","indent","icon","lazy","draggable","allow-drag","allow-drop","node-click","node-contextmenu","check-change","check","current-change","node-expand","node-collapse","node-drag-start","node-drag-enter","node-drag-leave","node-drag-over","node-drag-end","node-drop"],"description":"Display a set of data with hierarchies.\n\n[Docs](https://element-plus.org/en-US/component/tree.html#tree)"},"el-upload":{"attributes":["action","headers","method","multiple","data","name","with-credentials","show-file-list","drag","accept","crossorigin","on-preview","on-remove","on-success","on-error","on-progress","on-change","on-exceed","before-upload","before-remove","file-list","list-type","auto-upload","http-request","disabled","limit","directory"],"description":"Upload files by clicking or drag-and-drop.\n\n[Docs](https://element-plus.org/en-US/component/upload.html#upload)"},"el-watermark":{"attributes":["width","height","rotate","z-index","image","content","font","gap","offset"],"description":"Add specific text or patterns to the page.\n\n[Docs](https://element-plus.org/en-US/component/watermark.html#watermark)"}}
+{"el-affix":{"attributes":["offset","position","target","z-index","teleported","append-to","change","scroll"],"description":"Fix the element to a specific visible area.\n\n[Docs](https://element-plus.org/en-US/component/affix.html#affix)"},"el-alert":{"attributes":["title","type","description","closable","center","close-text","show-icon","effect","close"],"description":"Displays important alert messages.\n\n[Docs](https://element-plus.org/en-US/component/alert.html#alert)"},"el-anchor":{"attributes":["change","click"],"description":"Through the anchor point, you can quickly find the position of the information content on the current page.\n\n[Docs](https://element-plus.org/en-US/component/anchor.html#anchor)"},"el-anchor-link":{"description":"[Docs](https://element-plus.org/en-US/component/anchor.html#anchorlink)"},"el-autocomplete":{"attributes":["model-value","placeholder","clearable","disabled","value-key","debounce","placement","fetch-suggestions","trigger-on-focus","select-when-unmatched","name","aria-label","hide-loading","popper-class","popper-style","teleported","append-to","highlight-first-item","fit-input-width","popper-append-to-body","loop-navigation","[input props]","blur","focus","input","clear","select","change"],"description":"Get some recommended tips based on the current input.\n\n[Docs](https://element-plus.org/en-US/component/autocomplete.html#autocomplete)"},"el-avatar":{"attributes":["icon","size","shape","src","src-set","alt","fit","error"],"description":"Avatars can be used to represent people or objects. It supports images, Icons, or characters.\n\n[Docs](https://element-plus.org/en-US/component/avatar.html#avatar)"},"el-avatar-group":{"attributes":["size","shape","collapse-avatars","collapse-avatars-tooltip","max-collapse-avatars","effect","placement","popper-class","popper-style","collapse-class","collapse-style"],"description":"[Docs](https://element-plus.org/en-US/component/avatar.html#avatargroup)"},"el-backtop":{"attributes":["target","visibility-height","right","bottom","click"],"description":"A button to back to top.\n\n[Docs](https://element-plus.org/en-US/component/backtop.html#backtop)"},"el-badge":{"attributes":["value","max","is-dot","hidden","type","show-zero","color","offset","badge-style","badge-class"],"description":"A number or status mark on buttons and icons.\n\n[Docs](https://element-plus.org/en-US/component/badge.html#badge)"},"el-breadcrumb":{"attributes":["separator","separator-icon"],"subtags":["el-breadcrumb-item"],"description":"Displays the location of the current page, making it easier to browser back.\n\n[Docs](https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb)"},"el-breadcrumb-item":{"attributes":["to","replace"],"description":"[Docs](https://element-plus.org/en-US/component/breadcrumb.html#breadcrumbitem)"},"el-button":{"attributes":["size","type","plain","text","bg","link","round","circle","dashed","loading","loading-icon","disabled","icon","autofocus","native-type","auto-insert-space","color","dark","tag"],"description":"Commonly used button.\n\n[Docs](https://element-plus.org/en-US/component/button.html#button)"},"el-button-group":{"attributes":["size","type","direction"],"subtags":["el-button"],"description":"[Docs](https://element-plus.org/en-US/component/button.html#buttongroup)"},"el-calendar":{"attributes":["model-value","range","controller-type","formatter"],"description":"Display date.\n\n[Docs](https://element-plus.org/en-US/component/calendar.html#calendar)"},"el-card":{"attributes":["header","footer","body-style","header-class","body-class","footer-class","shadow"],"description":"Integrate information in a card container.\n\n[Docs](https://element-plus.org/en-US/component/card.html#card)"},"el-carousel":{"attributes":["height","initial-index","trigger","autoplay","interval","indicator-position","arrow","type","card-scale","loop","direction","pause-on-hover","motion-blur","change"],"subtags":["el-carousel-item"],"description":"Loop a series of images or texts in a limited space\n\n[Docs](https://element-plus.org/en-US/component/carousel.html#carousel)"},"el-carousel-item":{"attributes":["name","label"],"description":"[Docs](https://element-plus.org/en-US/component/carousel.html#carousel-item)"},"el-cascader":{"attributes":["model-value","options","[props]","size","placeholder","disabled","clearable","clear-icon","show-all-levels","collapse-tags","collapse-tags-tooltip","max-collapse-tags-tooltip-height","separator","filterable","filter-method","debounce","before-filter","popper-class","popper-style","teleported","effect","tag-type","tag-effect","validate-event","max-collapse-tags","empty-values","value-on-clear","persistent","fallback-placements","placement","popper-append-to-body","show-checked-strategy","change","expand-change","blur","focus","clear","visible-change","remove-tag"],"description":"If the options have a clear hierarchical structure, Cascader can be used to view and select them.\n\n[Docs](https://element-plus.org/en-US/component/cascader.html#cascader)"},"el-cascader-panel":{"attributes":["model-value","options","[props]","change","update:model-value","expand-change","close"],"description":"[Docs](https://element-plus.org/en-US/component/cascader.html#cascaderpanel)"},"el-checkbox":{"attributes":["model-value","value","label","true-value","false-value","disabled","border","size","name","checked","indeterminate","validate-event","tabindex","id","aria-controls","aria-label","true-label","false-label","controls","change"],"description":"A group of options for multiple choices.\n\n[Docs](https://element-plus.org/en-US/component/checkbox.html#checkbox)"},"el-checkbox-group":{"attributes":["model-value","size","disabled","min","max","aria-label","text-color","fill","tag","validate-event","label","options","props","type","change"],"subtags":["el-checkbox","el-checkbox-button"],"description":"[Docs](https://element-plus.org/en-US/component/checkbox.html#checkboxgroup)"},"el-checkbox-button":{"attributes":["value","label","true-value","false-value","disabled","name","checked","true-label","false-label"],"description":"[Docs](https://element-plus.org/en-US/component/checkbox.html#checkboxbutton)"},"el-collapse":{"attributes":["model-value","accordion","expand-icon-position","before-collapse","change"],"subtags":["el-collapse-item"],"description":"Use Collapse to store contents.\n\n[Docs](https://element-plus.org/en-US/component/collapse.html#collapse)"},"el-collapse-item":{"attributes":["name","title","icon","disabled"],"description":"[Docs](https://element-plus.org/en-US/component/collapse.html#collapse-item)"},"el-color-picker-panel":{"attributes":["model-value","border","disabled","show-alpha","color-format","predefine","validate-event","hue-slider-class","hue-slider-style"],"description":"`ColorPickerPanel` is the core component of `ColorPicker`.\n\n[Docs](https://element-plus.org/en-US/component/color-picker-panel.html#colorpickerpanel)"},"el-color-picker":{"attributes":["model-value","disabled","clearable","size","show-alpha","color-format","popper-class","popper-style","predefine","validate-event","tabindex","aria-label","empty-values","value-on-clear","id","teleported","label","persistent","append-to","change","active-change","focus","blur","clear"],"description":"ColorPicker is a color selector supporting multiple color formats.\n\n[Docs](https://element-plus.org/en-US/component/color-picker.html#colorpicker)"},"el-config-provider":{"attributes":["locale","size","z-index","namespace","button","link","dialog","message","experimental-features","empty-values","value-on-clear","table"],"description":"Config Provider is used for providing global configurations, which enables your entire application to access these configurations everywhere.\n\n[Docs](https://element-plus.org/en-US/component/config-provider.html#config-provider)"},"el-container":{"attributes":["direction"],"subtags":["el-container","el-header","el-aside","el-main","el-footer"],"description":"Container components for scaffolding basic structure of the page:\n\n[Docs](https://element-plus.org/en-US/component/container.html#container)"},"el-header":{"attributes":["height"],"description":"[Docs](https://element-plus.org/en-US/component/container.html#header)"},"el-aside":{"attributes":["width"],"description":"[Docs](https://element-plus.org/en-US/component/container.html#aside)"},"el-main":{"description":"[Docs](https://element-plus.org/en-US/component/container.html#main)"},"el-footer":{"attributes":["height"],"description":"[Docs](https://element-plus.org/en-US/component/container.html#footer)"},"el-date-picker-panel":{"attributes":["model-value","border","disabled","clearable","editable","type","default-value","default-time","value-format","date-format","time-format","unlink-panels","disabled-date","shortcuts","cell-class-name","show-footer","show-confirm","show-week-number","calendar-change","panel-change","clear"],"description":"`DatePickerPanel` is the core component of `DatePicker`.\n\n[Docs](https://element-plus.org/en-US/component/date-picker-panel.html#datepickerpanel)"},"el-date-picker":{"attributes":["model-value","readonly","disabled","size","editable","clearable","placeholder","start-placeholder","end-placeholder","type","format","popper-class","popper-style","popper-options","range-separator","default-value","default-time","value-format","id","name","unlink-panels","prefix-icon","clear-icon","validate-event","disabled-date","shortcuts","cell-class-name","teleported","empty-values","value-on-clear","fallback-placements","placement","show-footer","show-confirm","show-week-number","automatic-dropdown","change","blur","focus","clear","calendar-change","panel-change","visible-change"],"description":"Use Date Picker for date input.\n\n[Docs](https://element-plus.org/en-US/component/date-picker.html#datepicker)"},"el-descriptions":{"attributes":["border","column","direction","size","title","extra","label-width"],"subtags":["el-descriptions-item"],"description":"Display multiple fields in list form.\n\n[Docs](https://element-plus.org/en-US/component/descriptions.html#descriptions)"},"el-descriptions-item":{"attributes":["label","span","rowspan","width","min-width","label-width","align","label-align","class-name","label-class-name"],"description":"[Docs](https://element-plus.org/en-US/component/descriptions.html#descriptionsitem)"},"el-dialog":{"attributes":["model-value","title","width","fullscreen","top","modal","modal-penetrable","modal-class","header-class","body-class","footer-class","append-to-body","append-to","lock-scroll","open-delay","close-delay","close-on-click-modal","close-on-press-escape","show-close","before-close","draggable","overflow","center","align-center","destroy-on-close","close-icon","z-index","header-aria-level","transition","custom-class","open","opened","close","closed","open-auto-focus","close-auto-focus"],"description":"Informs users while preserving the current page state.\n\n[Docs](https://element-plus.org/en-US/component/dialog.html#dialog)"},"el-divider":{"attributes":["direction","border-style","content-position"],"description":"The dividing line that separates the content.\n\n[Docs](https://element-plus.org/en-US/component/divider.html#divider)"},"el-drawer":{"attributes":["model-value","append-to-body","append-to","lock-scroll","before-close","close-on-click-modal","close-on-press-escape","open-delay","close-delay","destroy-on-close","modal","modal-penetrable","direction","resizable","show-close","size","title","with-header","modal-class","header-class","body-class","footer-class","z-index","header-aria-level","custom-class","open","opened","close","closed","open-auto-focus","close-auto-focus","resize-start","resize","resize-end"],"description":"Sometimes, `Dialog` does not always satisfy our requirements, let's say you have a massive form, or you need space to display something like `terms & conditions`, `Drawer` has almost identical API with `Dialog`, but it introduces different user experience.\n\n[Docs](https://element-plus.org/en-US/component/drawer.html#drawer)"},"el-dropdown":{"attributes":["type","size","button-props","max-height","split-button","disabled","placement","effect","trigger","trigger-keys","virtual-triggering","virtual-ref","hide-on-click","show-arrow","show-timeout","hide-timeout","role","tabindex","popper-class","popper-style","popper-options","teleported","append-to","persistent","click","command","visible-change"],"subtags":["el-dropdown-menu"],"description":"Toggleable menu for displaying lists of links and actions.\n\n[Docs](https://element-plus.org/en-US/component/dropdown.html#dropdown)"},"el-dropdown-menu":{"subtags":["el-dropdown-item"],"description":"[Docs](https://element-plus.org/en-US/component/dropdown.html#dropdown-menu)"},"el-dropdown-item":{"attributes":["command","disabled","divided","icon"],"description":"[Docs](https://element-plus.org/en-US/component/dropdown.html#dropdown-item)"},"el-empty":{"attributes":["image","image-size","description"],"description":"Placeholder hints for empty states.\n\n[Docs](https://element-plus.org/en-US/component/empty.html#empty)"},"el-form":{"attributes":["model","rules","inline","label-position","label-width","label-suffix","hide-required-asterisk","require-asterisk-position","show-message","inline-message","status-icon","validate-on-rule-change","size","disabled","scroll-to-error","scroll-into-view-options","validate"],"subtags":["el-form-item"],"description":"Form consists of `input`, `radio`, `select`, `checkbox` and so on. With form, you can collect, verify and submit data.\n\n[Docs](https://element-plus.org/en-US/component/form.html#form)"},"el-form-item":{"attributes":["prop","label","label-position","label-width","required","rules","error","show-message","inline-message","size","for","validate-status"],"description":"[Docs](https://element-plus.org/en-US/component/form.html#formitem)"},"el-icon":{"attributes":["color","size"],"description":"Element Plus provides a set of common icons.\n\n[Docs](https://element-plus.org/en-US/component/icon.html#icon)"},"el-image":{"attributes":["src","fit","hide-on-click-modal","loading","lazy","scroll-container","alt","referrerpolicy","crossorigin","preview-src-list","z-index","initial-index","close-on-press-escape","preview-teleported","infinite","zoom-rate","scale","min-scale","max-scale","show-progress","load","error","switch","close","show"],"description":"Besides the native features of img, support lazy load, custom placeholder and load failure, etc.\n\n[Docs](https://element-plus.org/en-US/component/image.html#image)"},"el-image-viewer":{"attributes":["url-list","z-index","initial-index","infinite","hide-on-click-modal","teleported","zoom-rate","scale","min-scale","max-scale","close-on-press-escape","show-progress","close","error","switch","rotate"],"description":"[Docs](https://element-plus.org/en-US/component/image.html#image-viewer)"},"el-input-number":{"attributes":["model-value","min","max","step","step-strictly","precision","size","readonly","disabled","controls","controls-position","name","aria-label","placeholder","id","value-on-clear","validate-event","label","inputmode","align","disabled-scientific","change","blur","focus"],"description":"Input numerical values with a customizable range.\n\n[Docs](https://element-plus.org/en-US/component/input-number.html#input-number)"},"el-input-tag":{"attributes":["model-value","max","tag-type","tag-effect","effect","trigger","draggable","delimiter","size","collapse-tags","collapse-tags-tooltip","save-on-blur","clearable","clear-icon","disabled","validate-event","readonly","autofocus","id","tabindex","max-collapse-tags","maxlength","minlength","placeholder","autocomplete","aria-label","change","input","add-tag","remove-tag","drag-tag","focus","blur","clear"],"description":"The InputTag component allows users to add content as tags.\n\n[Docs](https://element-plus.org/en-US/component/input-tag.html#inputtag)"},"el-input":{"attributes":["type","model-value","model-modifiers","maxlength","minlength","show-word-limit","word-limit-position","placeholder","clearable","clear-icon","formatter","parser","show-password","disabled","size","prefix-icon","suffix-icon","rows","autosize","autocomplete","name","readonly","max","min","step","resize","autofocus","form","aria-label","tabindex","validate-event","input-style","label","inputmode","blur","focus","change","input","clear","keydown","mouseleave","mouseenter","compositionstart","compositionupdate","compositionend"],"description":"Input data using mouse or keyboard.\n\n[Docs](https://element-plus.org/en-US/component/input.html#input)"},"el-row":{"attributes":["gutter","justify","align","tag"],"subtags":["el-col"],"description":"[Docs](https://element-plus.org/en-US/component/layout.html#row)"},"el-col":{"attributes":["span","offset","push","pull","xs","sm","md","lg","xl","tag"],"description":"[Docs](https://element-plus.org/en-US/component/layout.html#col)"},"el-link":{"attributes":["type","underline","disabled","href","target","icon"],"description":"Text hyperlink\n\n[Docs](https://element-plus.org/en-US/component/link.html#link)"},"el-mention":{"attributes":["options","props","prefix","split","filter-option","placement","show-arrow","offset","whole","check-is-whole","loading","model-value","popper-class","popper-style","popper-options","[input props]","search","select","whole-remove","[input events]"],"description":"Used to mention someone or something in an input.\n\n[Docs](https://element-plus.org/en-US/component/mention.html#mention)"},"el-menu":{"attributes":["mode","collapse","ellipsis","ellipsis-icon","popper-offset","default-active","default-openeds","unique-opened","menu-trigger","router","collapse-transition","popper-effect","close-on-click-outside","popper-class","popper-style","show-timeout","hide-timeout","background-color","text-color","active-text-color","persistent","select","open","close"],"subtags":["el-sub-menu","el-menu-item","el-menu-item-group"],"description":"Menu that provides navigation for your website.\n\n[Docs](https://element-plus.org/en-US/component/menu.html#menu)"},"el-sub-menu":{"attributes":["index","popper-class","popper-style","show-timeout","hide-timeout","disabled","teleported","popper-offset","expand-close-icon","expand-open-icon","collapse-close-icon","collapse-open-icon"],"subtags":["el-sub-menu","el-menu-item","el-menu-item-group"],"description":"[Docs](https://element-plus.org/en-US/component/menu.html#submenu)"},"el-menu-item":{"attributes":["index","route","disabled","click"],"description":"[Docs](https://element-plus.org/en-US/component/menu.html#menu-item)"},"el-menu-item-group":{"attributes":["title"],"subtags":["el-menu-item"],"description":"[Docs](https://element-plus.org/en-US/component/menu.html#menu-item-group)"},"el-page-header":{"attributes":["icon","title","content","back"],"description":"If path of the page is simple, it is recommended to use PageHeader instead of the Breadcrumb.\n\n[Docs](https://element-plus.org/en-US/component/page-header.html#page-header)"},"el-pagination":{"attributes":["size","background","page-size","default-page-size","total","page-count","pager-count","current-page","default-current-page","layout","page-sizes","append-size-to","popper-class","popper-style","prev-text","prev-icon","next-text","next-icon","disabled","teleported","hide-on-single-page","small","size-change","current-change","change","prev-click","next-click"],"description":"If you have too much data to display in one page, use pagination.\n\n[Docs](https://element-plus.org/en-US/component/pagination.html#pagination)"},"el-popconfirm":{"attributes":["title","effect","confirm-button-text","cancel-button-text","confirm-button-type","cancel-button-type","icon","icon-color","hide-icon","hide-after","teleported","persistent","width","[tooltip]","confirm","cancel"],"description":"A simple confirmation dialog of an element click action.\n\n[Docs](https://element-plus.org/en-US/component/popconfirm.html#popconfirm)"},"el-popover":{"attributes":["trigger","trigger-keys","title","effect","content","width","placement","disabled","visible","offset","transition","show-arrow","popper-options","popper-class","popper-style","show-after","hide-after","auto-close","tabindex","teleported","append-to","persistent","virtual-triggering","virtual-ref","[tooltip]","show","before-enter","after-enter","hide","before-leave","after-leave"],"description":"[Docs](https://element-plus.org/en-US/component/popover.html#popover)"},"el-progress":{"attributes":["percentage","type","stroke-width","text-inside","status","indeterminate","duration","color","width","show-text","stroke-linecap","format","striped","striped-flow"],"description":"Progress is used to show the progress of current operation, and inform the user the current status.\n\n[Docs](https://element-plus.org/en-US/component/progress.html#progress)"},"el-radio":{"attributes":["model-value","value","label","disabled","border","size","name","change"],"description":"Single selection among multiple options.\n\n[Docs](https://element-plus.org/en-US/component/radio.html#radio)"},"el-radio-group":{"attributes":["model-value","size","disabled","validate-event","text-color","fill","aria-label","name","id","label","options","props","type","change"],"subtags":["el-radio","el-radio-button"],"description":"[Docs](https://element-plus.org/en-US/component/radio.html#radiogroup)"},"el-radio-button":{"attributes":["value","label","disabled","name"],"description":"[Docs](https://element-plus.org/en-US/component/radio.html#radiobutton)"},"el-rate":{"attributes":["model-value","max","size","disabled","allow-half","low-threshold","high-threshold","colors","void-color","disabled-void-color","icons","void-icon","disabled-void-icon","show-text","show-score","text-color","texts","score-template","clearable","id","aria-label","label","change"],"description":"Used for rating\n\n[Docs](https://element-plus.org/en-US/component/rate.html#rate)"},"el-result":{"attributes":["title","sub-title","icon"],"description":"Used to give feedback on the result of user's operation or access exception.\n\n[Docs](https://element-plus.org/en-US/component/result.html#result)"},"el-scrollbar":{"attributes":["height","max-height","native","wrap-style","wrap-class","view-style","view-class","noresize","tag","always","min-size","id","role","aria-label","aria-orientation","tabindex","distance","scroll","end-reached"],"description":"Used to replace the browser's native scrollbar.\n\n[Docs](https://element-plus.org/en-US/component/scrollbar.html#scrollbar)"},"el-segmented":{"attributes":["model-value","options","[props]","size","block","disabled","validate-event","name","id","aria-label","direction","change"],"description":"Display multiple options and allow users to select a single option.\n\n[Docs](https://element-plus.org/en-US/component/segmented.html#segmented)"},"el-virtualized-select":{"attributes":["model-value","options","[props]","multiple","disabled","value-key","size","clearable","clear-icon","collapse-tags","multiple-limit","id","name","effect","autocomplete","placeholder","filterable","allow-create","filter-method","loading","loading-text","reserve-keyword","default-first-option","no-match-text","no-data-text","popper-class","popper-style","teleported","append-to","persistent","popper-options","automatic-dropdown","fit-input-width","suffix-icon","height","item-height","scrollbar-always-on","remote","debounce","remote-method","remote-show-suffix","validate-event","offset","show-arrow","placement","fallback-placements","collapse-tags-tooltip","[tag-tooltip]","max-collapse-tags","tag-type","tag-effect","aria-label","empty-values","value-on-clear","popper-append-to-body","tabindex","change","visible-change","remove-tag","clear","blur","focus"],"description":":::tip\n\n[Docs](https://element-plus.org/en-US/component/select-v2.html#virtualized-select)"},"el-select":{"attributes":["model-value","multiple","options","[props]","disabled","value-key","size","clearable","collapse-tags","collapse-tags-tooltip","[tag-tooltip]","multiple-limit","id","name","effect","autocomplete","placeholder","filterable","allow-create","filter-method","remote","debounce","remote-method","remote-show-suffix","loading","loading-text","no-match-text","no-data-text","popper-class","popper-style","reserve-keyword","default-first-option","teleported","append-to","persistent","automatic-dropdown","clear-icon","fit-input-width","suffix-icon","tag-type","tag-effect","validate-event","offset","show-arrow","placement","fallback-placements","max-collapse-tags","popper-options","aria-label","empty-values","value-on-clear","suffix-transition","tabindex","change","visible-change","remove-tag","clear","blur","focus","popup-scroll"],"subtags":["el-option-group","el-option","el-^[object]`{-data:-option-basic[],-select-disabled:-boolean,-delete-tag:-(event:-mouse-event,-tag:-option-basic)-=>-void-}`","el-^[object]`{-index:-number,-label:-string-|-any,-value:-string-|-any-}`"],"description":"When there are plenty of options, use a drop-down menu to display and select desired ones.\n\n[Docs](https://element-plus.org/en-US/component/select.html#select)"},"el-option-group":{"attributes":["label","disabled"],"subtags":["el-option"],"description":"[Docs](https://element-plus.org/en-US/component/select.html#option-group)"},"el-option":{"attributes":["value","label","disabled"],"description":"[Docs](https://element-plus.org/en-US/component/select.html#option)"},"el-skeleton":{"attributes":["animated","count","loading","rows","throttle"],"description":"When loading data, and you need a rich experience for visual and interactions for your end users, you can choose `skeleton`.\n\n[Docs](https://element-plus.org/en-US/component/skeleton.html#skeleton)"},"el-skeleton-item":{"attributes":["variant"],"description":"[Docs](https://element-plus.org/en-US/component/skeleton.html#skeletonitem)"},"el-slider":{"attributes":["model-value","min","max","disabled","step","show-input","show-input-controls","size","input-size","show-stops","show-tooltip","format-tooltip","range","vertical","height","aria-label","range-start-label","range-end-label","format-value-text","tooltip-class","placement","marks","validate-event","persistent","label","change","input"],"description":"Drag the slider within a fixed range.\n\n[Docs](https://element-plus.org/en-US/component/slider.html#slider)"},"el-space":{"attributes":["alignment","class","direction","prefix-cls","style","spacer","size","wrap","fill","fill-ratio"],"description":"Even though we have [Divider]\n\n[Docs](https://element-plus.org/en-US/component/space.html#space)"},"el-splitter":{"attributes":["layout","lazy","resize-start","resize","resize-end","collapse"],"description":"[Docs](https://element-plus.org/en-US/component/splitter.html#splitter)"},"el-splitter-panel":{"attributes":["size","min","max","resizable","collapsible","update:size"],"description":"[Docs](https://element-plus.org/en-US/component/splitter.html#splitterpanel)"},"el-statistic":{"description":"Display statistics.\n\n[Docs](https://element-plus.org/en-US/component/statistic.html#statistic)"},"el-countdown":{"attributes":["change","finish"],"description":":::demo Countdown component, support to add other components control countdown.\n\n[Docs](https://element-plus.org/en-US/component/statistic.html#countdown)"},"el-steps":{"attributes":["space","direction","active","process-status","finish-status","align-center","simple"],"subtags":["el-step"],"description":"Guide the user to complete tasks in accordance with the process. Its steps can be set according to the actual application scenario and the number of the steps can't be less than 2.\n\n[Docs](https://element-plus.org/en-US/component/steps.html#steps)"},"el-step":{"attributes":["title","description","icon","status"],"description":"[Docs](https://element-plus.org/en-US/component/steps.html#step)"},"el-switch":{"attributes":["model-value","disabled","loading","size","width","inline-prompt","active-icon","inactive-icon","active-action-icon","inactive-action-icon","active-text","inactive-text","active-value","inactive-value","name","validate-event","before-change","id","tabindex","aria-label","active-color","inactive-color","border-color","label","change"],"description":"Switch is used for switching between two opposing states.\n\n[Docs](https://element-plus.org/en-US/component/switch.html#switch)"},"el-table-v2":{"attributes":["cache","estimated-row-height","header-class","header-props","header-cell-props","header-height","footer-height","row-class","row-key","row-props","row-height","row-event-handlers","cell-props","columns","data","data-getter","fixed-data","expand-column-key","expanded-row-keys","default-expanded-row-keys","class","fixed","width","height","max-height","indent-size","h-scrollbar-size","v-scrollbar-size","scrollbar-always-on","sort-by","sort-state","column-sort","expanded-rows-change","end-reached","scroll","rows-rendered","row-expand"],"description":"[Docs](https://element-plus.org/en-US/component/table-v2.html#tablev2)"},"el-table":{"attributes":["data","height","max-height","stripe","border","size","fit","show-header","highlight-current-row","current-row-key","row-class-name","row-style","cell-class-name","cell-style","header-row-class-name","header-row-style","header-cell-class-name","header-cell-style","row-key","empty-text","default-expand-all","expand-row-keys","default-sort","tooltip-effect","tooltip-options","append-filter-panel-to","show-summary","sum-text","summary-method","span-method","select-on-indeterminate","indent","lazy","load","tree-props","table-layout","scrollbar-always-on","show-overflow-tooltip","flexible","scrollbar-tabindex","allow-drag-last-column","tooltip-formatter","preserve-expanded-content","native-scrollbar","row-expandable","select","select-all","selection-change","cell-mouse-enter","cell-mouse-leave","cell-click","cell-dblclick","cell-contextmenu","row-click","row-contextmenu","row-dblclick","header-click","header-contextmenu","sort-change","filter-change","current-change","header-dragend","expand-change","scroll"],"subtags":["el-table-column"],"description":"Display multiple data with similar format. You can sort, filter, compare your data in a table.\n\n[Docs](https://element-plus.org/en-US/component/table.html#table)"},"el-table-column":{"attributes":["type","index","label","column-key","prop","width","min-width","fixed","render-header","sortable","sort-method","sort-by","sort-orders","resizable","formatter","show-overflow-tooltip","align","header-align","class-name","label-class-name","selectable","reserve-selection","filters","filter-placement","filter-class-name","filter-multiple","filter-method","filtered-value","tooltip-formatter"],"description":"[Docs](https://element-plus.org/en-US/component/table.html#table-column)"},"el-tabs":{"attributes":["model-value","default-value","type","closable","addable","editable","tab-position","stretch","before-leave","tabindex","tab-click","tab-change","tab-remove","tab-add","edit"],"subtags":["el-tab-pane"],"description":"Divide data collections which are related yet belong to different types.\n\n[Docs](https://element-plus.org/en-US/component/tabs.html#tabs)"},"el-tab-pane":{"attributes":["label","disabled","name","closable","lazy"],"description":"[Docs](https://element-plus.org/en-US/component/tabs.html#tab-pane)"},"el-tag":{"attributes":["type","closable","disable-transitions","hit","color","size","effect","round","click","close"],"description":"Used for marking and selection.\n\n[Docs](https://element-plus.org/en-US/component/tag.html#tag)"},"el-check-tag":{"attributes":["checked","disabled","type","change"],"description":"[Docs](https://element-plus.org/en-US/component/tag.html#checktag)"},"el-text":{"attributes":["type","size","truncated","line-clamp","tag"],"description":"Used for text.\n\n[Docs](https://element-plus.org/en-US/component/text.html#text)"},"el-time-picker":{"attributes":["model-value","readonly","disabled","editable","clearable","size","placeholder","start-placeholder","end-placeholder","is-range","arrow-control","popper-class","popper-style","popper-options","fallback-placements","placement","range-separator","format","default-value","value-format","id","name","aria-label","prefix-icon","clear-icon","disabled-hours","disabled-minutes","disabled-seconds","teleported","tabindex","empty-values","value-on-clear","save-on-blur","label","change","blur","focus","clear","visible-change"],"description":"Use Time Picker for time input.\n\n[Docs](https://element-plus.org/en-US/component/time-picker.html#timepicker)"},"el-time-select":{"attributes":["model-value","disabled","editable","clearable","include-end-time","size","placeholder","name","effect","prefix-icon","clear-icon","start","end","step","min-time","max-time","format","empty-values","value-on-clear","popper-class","popper-style","change","blur","focus","clear"],"description":"Use Time Select for time input.\n\n[Docs](https://element-plus.org/en-US/component/time-select.html#timeselect)"},"el-timeline":{"attributes":["reverse","mode"],"subtags":["el-timeline-item"],"description":"Visually display timeline.\n\n[Docs](https://element-plus.org/en-US/component/timeline.html#timeline)"},"el-timeline-item":{"attributes":["timestamp","hide-timestamp","center","placement","type","color","size","icon","hollow"],"description":"[Docs](https://element-plus.org/en-US/component/timeline.html#timeline-item)"},"el-tooltip":{"attributes":["append-to","effect","content","raw-content","placement","fallback-placements","visible","disabled","offset","transition","popper-options","arrow-offset","show-after","show-arrow","hide-after","auto-close","popper-class","popper-style","enterable","teleported","trigger","virtual-triggering","virtual-ref","trigger-keys","persistent","aria-label","focus-on-target","before-show","show","before-hide","hide"],"description":"Display prompt information for mouse hover.\n\n[Docs](https://element-plus.org/en-US/component/tooltip.html#tooltip)"},"el-tour":{"description":"A popup component for guiding users through a product. Use when you want to guide users through a product.\n\n[Docs](https://element-plus.org/en-US/component/tour.html#tour)"},"el-tour-step":{"description":"[Docs](https://element-plus.org/en-US/component/tour.html#tourstep)"},"el-transfer":{"attributes":["model-value","data","filterable","filter-placeholder","filter-method","target-order","titles","button-texts","render-content","format","[props]","left-default-checked","right-default-checked","validate-event","change","left-check-change","right-check-change"],"description":"[Docs](https://element-plus.org/en-US/component/transfer.html#transfer)"},"el-own":{"attributes":["cache-data"],"description":"[Docs](https://element-plus.org/en-US/component/tree-select.html#own)"},"el-tree-v2":{"attributes":["data","empty-text","[props]","highlight-current","expand-on-click-node","check-on-click-node","check-on-click-leaf","default-expanded-keys","show-checkbox","check-strictly","default-checked-keys","current-node-key","filter-method","indent","icon","item-size","scrollbar-always-on","height","node-click","node-drop","node-contextmenu","check-change","check","current-change","node-expand","node-collapse"],"description":"[Docs](https://element-plus.org/en-US/component/tree-v2.html#treev2)"},"el-tree":{"attributes":["data","empty-text","node-key","[props]","render-after-expand","load","render-content","highlight-current","default-expand-all","expand-on-click-node","check-on-click-node","check-on-click-leaf","auto-expand-parent","default-expanded-keys","show-checkbox","check-strictly","default-checked-keys","current-node-key","filter-node-method","accordion","indent","icon","lazy","draggable","allow-drag","allow-drop","node-click","node-contextmenu","check-change","check","current-change","node-expand","node-collapse","node-drag-start","node-drag-enter","node-drag-leave","node-drag-over","node-drag-end","node-drop"],"description":"Display a set of data with hierarchies.\n\n[Docs](https://element-plus.org/en-US/component/tree.html#tree)"},"el-upload":{"attributes":["action","headers","method","multiple","data","name","with-credentials","show-file-list","drag","accept","crossorigin","on-preview","on-remove","on-success","on-error","on-progress","on-change","on-exceed","before-upload","before-remove","file-list","list-type","auto-upload","http-request","disabled","limit","directory"],"description":"Upload files by clicking or drag-and-drop.\n\n[Docs](https://element-plus.org/en-US/component/upload.html#upload)"},"el-watermark":{"attributes":["width","height","rotate","z-index","image","content","font","gap","offset"],"description":"Add specific text or patterns to the page.\n\n[Docs](https://element-plus.org/en-US/component/watermark.html#watermark)"}}