@element-plus/nightly 0.0.20260515 → 0.0.20260517

package/lib/components/tour/src/tour.d.ts

@@ -84,7 +84,7 @@ declare const tourProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  placement: EpPropFinalized<(new (...args: any[]) => "bottom-start" | "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement) | (((new (...args: any[]) => "bottom-start" | "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement)) | null)[], "bottom-start" | "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement)) | null)[], "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
   contentStyle: {
     readonly type: _$vue.PropType<CSSProperties>;
     readonly required: false;

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

@@ -26,11 +26,11 @@ declare const __VLS_base: _$vue.DefineComponent<TourProps, {}, {}, {}, {}, _$vue
   onFinish?: (() => any) | undefined;
   "onUpdate:current"?: ((current: number) => any) | undefined;
 }>, {
-  placement: _$_floating_ui_dom0.Placement;
-  showArrow: boolean;
-  appendTo: string | HTMLElement;
   gap: TourGap;
   mask: TourMask;
+  placement: _$_floating_ui_dom0.Placement;
+  appendTo: string | HTMLElement;
+  showArrow: boolean;
   closeOnPressEscape: boolean;
   showClose: boolean;
   scrollIntoViewOptions: boolean | ScrollIntoViewOptions;

package/lib/components/tree/src/tree-node.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-node.js","names":[],"sources":["../../../../../../packages/components/tree/src/tree-node.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"node.visible\"\n    ref=\"node$\"\n    :class=\"[\n      ns.b('node'),\n      ns.is('expanded', expanded),\n      ns.is('current', node.isCurrent),\n      ns.is('hidden', !node.visible),\n      ns.is('focusable', !node.disabled),\n      ns.is('checked', !node.disabled && node.checked),\n      getNodeClass(node),\n    ]\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"node.disabled\"\n    :aria-checked=\"node.checked\"\n    :draggable=\"tree.props.draggable\"\n    :data-key=\"getNodeKey(node)\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n    @dragstart.stop=\"handleDragStart\"\n    @dragover.stop=\"handleDragOver\"\n    @dragend.stop=\"handleDragEnd\"\n    @drop.stop=\"handleDrop\"\n  >\n    <div\n      :class=\"ns.be('node', 'content')\"\n      :style=\"{ paddingLeft: (node.level - 1) * tree.props.indent + 'px' }\"\n    >\n      <el-icon\n        v-if=\"tree.props.icon || CaretRight\"\n        :class=\"[\n          ns.be('node', 'expand-icon'),\n          ns.is('leaf', node.isLeaf),\n          {\n            expanded: !node.isLeaf && expanded,\n          },\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"tree.props.icon || CaretRight\" />\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"node.checked\"\n        :indeterminate=\"node.indeterminate\"\n        :disabled=\"!!node.disabled\"\n        @click.stop\n        @change=\"handleCheckChange\"\n      />\n      <el-icon\n        v-if=\"node.loading\"\n        :class=\"[ns.be('node', 'loading-icon'), ns.is('loading')]\"\n      >\n        <loading />\n      </el-icon>\n      <node-content :node=\"node\" :render-content=\"renderContent\" />\n    </div>\n    <el-collapse-transition>\n      <div\n        v-if=\"!renderAfterExpand || childNodeRendered\"\n        v-show=\"expanded\"\n        :class=\"ns.be('node', 'children')\"\n        role=\"group\"\n        :aria-expanded=\"expanded\"\n        @click.stop\n      >\n        <el-tree-node\n          v-for=\"child in node.childNodes\"\n          :key=\"getNodeKey(child)\"\n          :render-content=\"renderContent\"\n          :render-after-expand=\"renderAfterExpand\"\n          :show-checkbox=\"showCheckbox\"\n          :node=\"child\"\n          :accordion=\"accordion\"\n          :props=\"props\"\n          @node-expand=\"handleChildNodeExpand\"\n        />\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  nextTick,\n  provide,\n  ref,\n  watch,\n} from 'vue'\nimport { debugWarn, isFunction, isString } from '@element-plus/utils'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CaretRight, Loading } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport NodeContent from './tree-node-content.vue'\nimport { getNodeKey as getNodeKeyUtil, handleCurrentChange } from './model/util'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { dragEventsKey } from './model/useDragNode'\nimport Node from './model/node'\nimport { NODE_INSTANCE_INJECTION_KEY, ROOT_TREE_INJECTION_KEY } from './tokens'\n\nimport type { ComponentInternalInstance, PropType } from 'vue'\nimport type { RootTreeType, TreeNodeData, TreeOptionProps } from './tree.type'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElCollapseTransition,\n    ElCheckbox,\n    NodeContent,\n    ElIcon,\n    Loading,\n  },\n  props: {\n    node: {\n      type: Node,\n      default: () => ({}),\n    },\n    props: {\n      type: Object as PropType<TreeOptionProps>,\n      default: () => ({}),\n    },\n    accordion: Boolean,\n    renderContent: Function,\n    renderAfterExpand: Boolean,\n    showCheckbox: Boolean,\n  },\n  emits: ['node-expand'],\n  setup(props, ctx) {\n    const ns = useNamespace('tree')\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n    const tree = inject<RootTreeType>(ROOT_TREE_INJECTION_KEY)!\n    const expanded = ref(false)\n    const childNodeRendered = ref(false)\n    const oldChecked = ref<boolean>()\n    const oldIndeterminate = ref<boolean>()\n    const node$ = ref<HTMLElement>()\n    const dragEvents = inject(dragEventsKey)!\n    const instance = getCurrentInstance()\n\n    provide(NODE_INSTANCE_INJECTION_KEY, instance)\n    if (!tree) {\n      debugWarn('Tree', \"Can not find node's tree.\")\n    }\n\n    if (props.node.expanded) {\n      expanded.value = true\n      childNodeRendered.value = true\n    }\n\n    const childrenKey = tree.props.props['children'] || 'children'\n    watch(\n      () => {\n        const children = props.node.data?.[childrenKey]\n        return children && [...children]\n      },\n      () => {\n        props.node.updateChildren()\n      }\n    )\n\n    watch(\n      () => props.node.indeterminate,\n      (val) => {\n        handleSelectChange(props.node.checked, val)\n      }\n    )\n\n    watch(\n      () => props.node.checked,\n      (val) => {\n        handleSelectChange(val, props.node.indeterminate)\n      }\n    )\n\n    watch(\n      () => props.node.childNodes.length,\n      () => props.node.reInitChecked()\n    )\n\n    watch(\n      () => props.node.expanded,\n      (val) => {\n        nextTick(() => (expanded.value = val))\n        if (val) {\n          childNodeRendered.value = true\n        }\n      }\n    )\n\n    const getNodeKey = (node: Node): any => {\n      return tree.props.nodeKey\n        ? getNodeKeyUtil(tree.props.nodeKey, node.data)\n        : node.id\n    }\n\n    const getNodeClass = (node: Node) => {\n      const nodeClassFunc = props.props.class\n      if (!nodeClassFunc) {\n        return {}\n      }\n      let className\n      if (isFunction(nodeClassFunc)) {\n        const { data } = node\n        className = nodeClassFunc(data, node)\n      } else {\n        className = nodeClassFunc\n      }\n\n      if (isString(className)) {\n        return { [className]: true }\n      } else {\n        return className\n      }\n    }\n\n    const handleSelectChange = (checked: boolean, indeterminate: boolean) => {\n      if (\n        oldChecked.value !== checked ||\n        oldIndeterminate.value !== indeterminate\n      ) {\n        tree.ctx.emit('check-change', props.node.data, checked, indeterminate)\n      }\n      oldChecked.value = checked\n      oldIndeterminate.value = indeterminate\n    }\n\n    const handleClick = (e: MouseEvent) => {\n      handleCurrentChange(tree.store, tree.ctx.emit, () => {\n        const nodeKeyProp = tree?.props?.nodeKey\n        if (nodeKeyProp) {\n          const curNodeKey = getNodeKey(props.node)\n          tree.store.value.setCurrentNodeKey(curNodeKey)\n        } else {\n          tree.store.value.setCurrentNode(props.node)\n        }\n      })\n      tree.currentNode.value = props.node\n\n      if (tree.props.expandOnClickNode) {\n        handleExpandIconClick()\n      }\n\n      if (\n        (tree.props.checkOnClickNode ||\n          (props.node.isLeaf &&\n            tree.props.checkOnClickLeaf &&\n            props.showCheckbox)) &&\n        !props.node.disabled\n      ) {\n        handleCheckChange(!props.node.checked)\n      }\n      tree.ctx.emit('node-click', props.node.data, props.node, instance, e)\n    }\n\n    const handleContextMenu = (event: Event) => {\n      if (tree.instance.vnode.props?.['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree.ctx.emit(\n        'node-contextmenu',\n        event,\n        props.node.data,\n        props.node,\n        instance\n      )\n    }\n\n    const handleExpandIconClick = () => {\n      if (props.node.isLeaf) return\n      if (expanded.value) {\n        tree.ctx.emit('node-collapse', props.node.data, props.node, instance)\n        props.node.collapse()\n      } else {\n        props.node.expand(() => {\n          ctx.emit('node-expand', props.node.data, props.node, instance)\n        })\n      }\n    }\n\n    const handleCheckChange = (value: CheckboxValueType) => {\n      const checkStrictly = tree?.props.checkStrictly\n      const childNodes = props.node.childNodes\n      if (!checkStrictly && childNodes.length) {\n        value = childNodes.some((node) => !node.isEffectivelyChecked)\n      }\n      props.node.setChecked(value as boolean, !checkStrictly)\n      nextTick(() => {\n        const store = tree.store.value\n        tree.ctx.emit('check', props.node.data, {\n          checkedNodes: store.getCheckedNodes(),\n          checkedKeys: store.getCheckedKeys(),\n          halfCheckedNodes: store.getHalfCheckedNodes(),\n          halfCheckedKeys: store.getHalfCheckedKeys(),\n        })\n      })\n    }\n\n    const handleChildNodeExpand = (\n      nodeData: TreeNodeData,\n      node: Node,\n      instance: ComponentInternalInstance\n    ) => {\n      broadcastExpanded(node)\n      tree.ctx.emit('node-expand', nodeData, node, instance)\n    }\n\n    const handleDragStart = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragStart({ event, treeNode: props })\n    }\n\n    const handleDragOver = (event: DragEvent) => {\n      event.preventDefault()\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragOver({\n        event,\n        treeNode: { $el: node$.value, node: props.node },\n      })\n    }\n\n    const handleDrop = (event: DragEvent) => {\n      event.preventDefault()\n    }\n\n    const handleDragEnd = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragEnd(event)\n    }\n\n    return {\n      ns,\n      node$,\n      tree,\n      expanded,\n      childNodeRendered,\n      oldChecked,\n      oldIndeterminate,\n      getNodeKey,\n      getNodeClass,\n      handleSelectChange,\n      handleClick,\n      handleContextMenu,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleChildNodeExpand,\n      handleDragStart,\n      handleDragOver,\n      handleDrop,\n      handleDragEnd,\n      CaretRight,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"tree-node.js","names":[],"sources":["../../../../../../packages/components/tree/src/tree-node.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"node.visible\"\n    ref=\"node$\"\n    :class=\"[\n      ns.b('node'),\n      ns.is('expanded', expanded),\n      ns.is('current', node.isCurrent),\n      ns.is('hidden', !node.visible),\n      ns.is('focusable', !node.disabled),\n      ns.is('checked', !node.disabled && node.checked),\n      getNodeClass(node),\n    ]\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"node.disabled\"\n    :aria-checked=\"node.checked\"\n    :draggable=\"tree.props.draggable\"\n    :data-key=\"getNodeKey(node)\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n    @dragstart.stop=\"handleDragStart\"\n    @dragover.stop=\"handleDragOver\"\n    @dragend.stop=\"handleDragEnd\"\n    @drop.stop=\"handleDrop\"\n  >\n    <div\n      :class=\"ns.be('node', 'content')\"\n      :style=\"{ paddingLeft: (node.level - 1) * tree.props.indent + 'px' }\"\n    >\n      <el-icon\n        v-if=\"tree.props.icon || CaretRight\"\n        :class=\"[\n          ns.be('node', 'expand-icon'),\n          ns.is('leaf', node.isLeaf),\n          {\n            expanded: !node.isLeaf && expanded,\n          },\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"tree.props.icon || CaretRight\" />\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"node.checked\"\n        :indeterminate=\"node.indeterminate\"\n        :disabled=\"!!node.disabled\"\n        @click.stop\n        @change=\"handleCheckChange\"\n      />\n      <el-icon\n        v-if=\"node.loading\"\n        :class=\"[ns.be('node', 'loading-icon'), ns.is('loading')]\"\n      >\n        <loading />\n      </el-icon>\n      <node-content :node=\"node\" :render-content=\"renderContent\" />\n    </div>\n    <el-collapse-transition>\n      <div\n        v-if=\"!renderAfterExpand || childNodeRendered\"\n        v-show=\"expanded\"\n        :class=\"ns.be('node', 'children')\"\n        role=\"group\"\n        :aria-expanded=\"expanded\"\n        @click.stop\n      >\n        <el-tree-node\n          v-for=\"child in node.childNodes\"\n          :key=\"getNodeKey(child)\"\n          :render-content=\"renderContent\"\n          :render-after-expand=\"renderAfterExpand\"\n          :show-checkbox=\"showCheckbox\"\n          :node=\"child\"\n          :accordion=\"accordion\"\n          :props=\"props\"\n          @node-expand=\"handleChildNodeExpand\"\n        />\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  nextTick,\n  provide,\n  ref,\n  watch,\n} from 'vue'\nimport { debugWarn, isFunction, isString } from '@element-plus/utils'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CaretRight, Loading } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport NodeContent from './tree-node-content.vue'\nimport { getNodeKey as getNodeKeyUtil, handleCurrentChange } from './model/util'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { dragEventsKey } from './model/useDragNode'\nimport Node from './model/node'\nimport { NODE_INSTANCE_INJECTION_KEY, ROOT_TREE_INJECTION_KEY } from './tokens'\n\nimport type { ComponentInternalInstance, PropType } from 'vue'\nimport type { RootTreeType, TreeNodeData, TreeOptionProps } from './tree.type'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElCollapseTransition,\n    ElCheckbox,\n    NodeContent,\n    ElIcon,\n    Loading,\n  },\n  props: {\n    node: {\n      type: Node,\n      default: () => ({}),\n    },\n    props: {\n      type: Object as PropType<TreeOptionProps>,\n      default: () => ({}),\n    },\n    accordion: Boolean,\n    renderContent: Function,\n    renderAfterExpand: Boolean,\n    showCheckbox: Boolean,\n  },\n  emits: ['node-expand'],\n  setup(props, ctx) {\n    const ns = useNamespace('tree')\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n    const tree = inject<RootTreeType>(ROOT_TREE_INJECTION_KEY)!\n    const expanded = ref(false)\n    const childNodeRendered = ref(false)\n    const oldChecked = ref<boolean>()\n    const oldIndeterminate = ref<boolean>()\n    const node$ = ref<HTMLElement>()\n    const dragEvents = inject(dragEventsKey)!\n    const instance = getCurrentInstance()\n\n    provide(NODE_INSTANCE_INJECTION_KEY, instance)\n    if (!tree) {\n      debugWarn('Tree', \"Can not find node's tree.\")\n    }\n\n    if (props.node.expanded) {\n      expanded.value = true\n      childNodeRendered.value = true\n    }\n\n    const childrenKey = tree.props.props['children'] || 'children'\n    watch(\n      () => {\n        const children = props.node.data?.[childrenKey]\n        return children && [...children]\n      },\n      () => {\n        props.node.updateChildren()\n      }\n    )\n\n    watch(\n      () => props.node.indeterminate,\n      (val) => {\n        handleSelectChange(props.node.checked, val)\n      }\n    )\n\n    watch(\n      () => props.node.checked,\n      (val) => {\n        handleSelectChange(val, props.node.indeterminate)\n      }\n    )\n\n    watch(\n      () => props.node.childNodes.length,\n      () => props.node.reInitChecked()\n    )\n\n    watch(\n      () => props.node.expanded,\n      (val) => {\n        nextTick(() => (expanded.value = val))\n        if (val) {\n          childNodeRendered.value = true\n        }\n      }\n    )\n\n    const getNodeKey = (node: Node): any => {\n      return tree.props.nodeKey\n        ? getNodeKeyUtil(tree.props.nodeKey, node.data)\n        : node.id\n    }\n\n    const getNodeClass = (node: Node) => {\n      const nodeClassFunc = props.props.class\n      if (!nodeClassFunc) {\n        return {}\n      }\n      let className\n      if (isFunction(nodeClassFunc)) {\n        const { data } = node\n        className = nodeClassFunc(data, node)\n      } else {\n        className = nodeClassFunc\n      }\n\n      if (isString(className)) {\n        return { [className]: true }\n      } else {\n        return className\n      }\n    }\n\n    const handleSelectChange = (checked: boolean, indeterminate: boolean) => {\n      if (\n        oldChecked.value !== checked ||\n        oldIndeterminate.value !== indeterminate\n      ) {\n        tree.ctx.emit('check-change', props.node.data, checked, indeterminate)\n      }\n      oldChecked.value = checked\n      oldIndeterminate.value = indeterminate\n    }\n\n    const handleClick = (e: MouseEvent) => {\n      handleCurrentChange(tree.store, tree.ctx.emit, () => {\n        const nodeKeyProp = tree?.props?.nodeKey\n        if (nodeKeyProp) {\n          const curNodeKey = getNodeKey(props.node)\n          tree.store.value.setCurrentNodeKey(curNodeKey)\n        } else {\n          tree.store.value.setCurrentNode(props.node)\n        }\n      })\n      tree.currentNode.value = props.node\n\n      if (tree.props.expandOnClickNode) {\n        handleExpandIconClick()\n      }\n\n      if (\n        (tree.props.checkOnClickNode ||\n          (props.node.isLeaf &&\n            tree.props.checkOnClickLeaf &&\n            props.showCheckbox)) &&\n        !props.node.disabled\n      ) {\n        handleCheckChange(!props.node.checked)\n      }\n      tree.ctx.emit('node-click', props.node.data, props.node, instance, e)\n    }\n\n    const handleContextMenu = (event: Event) => {\n      if (tree.instance.vnode.props?.['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree.ctx.emit(\n        'node-contextmenu',\n        event,\n        props.node.data,\n        props.node,\n        instance\n      )\n    }\n\n    const handleExpandIconClick = () => {\n      if (props.node.isLeaf) return\n      if (expanded.value) {\n        tree.ctx.emit('node-collapse', props.node.data, props.node, instance)\n        props.node.collapse()\n      } else {\n        props.node.expand(() => {\n          ctx.emit('node-expand', props.node.data, props.node, instance)\n        })\n      }\n    }\n\n    const handleCheckChange = (value: CheckboxValueType) => {\n      const checkStrictly = tree?.props.checkStrictly\n      const childNodes = props.node.childNodes\n      if (!checkStrictly && childNodes.length) {\n        value = childNodes.some((node) => !node.isEffectivelyChecked)\n      }\n      props.node.setChecked(value as boolean, !checkStrictly)\n      nextTick(() => {\n        const store = tree.store.value\n        tree.ctx.emit('check', props.node.data, {\n          checkedNodes: store.getCheckedNodes(),\n          checkedKeys: store.getCheckedKeys(),\n          halfCheckedNodes: store.getHalfCheckedNodes(),\n          halfCheckedKeys: store.getHalfCheckedKeys(),\n        })\n      })\n    }\n\n    const handleChildNodeExpand = (\n      nodeData: TreeNodeData,\n      node: Node,\n      instance: ComponentInternalInstance\n    ) => {\n      broadcastExpanded(node)\n      tree.ctx.emit('node-expand', nodeData, node, instance)\n    }\n\n    const handleDragStart = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragStart({ event, treeNode: props })\n    }\n\n    const handleDragOver = (event: DragEvent) => {\n      event.preventDefault()\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragOver({\n        event,\n        treeNode: { $el: node$.value, node: props.node },\n      })\n    }\n\n    const handleDrop = (event: DragEvent) => {\n      event.preventDefault()\n    }\n\n    const handleDragEnd = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragEnd(event)\n    }\n\n    return {\n      ns,\n      node$,\n      tree,\n      expanded,\n      childNodeRendered,\n      oldChecked,\n      oldIndeterminate,\n      getNodeKey,\n      getNodeClass,\n      handleSelectChange,\n      handleClick,\n      handleContextMenu,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleChildNodeExpand,\n      handleDragStart,\n      handleDragOver,\n      handleDrop,\n      handleDragEnd,\n      CaretRight,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}

package/lib/components/tree/src/tree-node.vue.d.ts

@@ -110,13 +110,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
+      id: string;
       disabled: boolean;
-      validateEvent: boolean;
-      modelValue: number | string | boolean;
       name: string;
-      id: string;
+      modelValue: number | string | boolean;
+      validateEvent: boolean;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -132,13 +132,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
+      id: string;
       disabled: boolean;
-      validateEvent: boolean;
-      modelValue: number | string | boolean;
       name: string;
-      id: string;
+      modelValue: number | string | boolean;
+      validateEvent: boolean;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -154,13 +154,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "update:modelValue": (val: CheckboxValueType) => void;
     change: (val: CheckboxValueType) => void;
   }, string, {
-    value: string | boolean | number | object;
-    label: string | boolean | number | object;
+    id: string;
     disabled: boolean;
-    validateEvent: boolean;
-    modelValue: number | string | boolean;
     name: string;
-    id: string;
+    modelValue: number | string | boolean;
+    validateEvent: boolean;
+    value: string | boolean | number | object;
+    label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;

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

@@ -1364,12 +1364,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onNode-drag-enter"?: ((draggingNode: Node, dropNode: Node, evt: DragEvent) => any) | undefined;
   "onNode-drag-over"?: ((draggingNode: Node, dropNode: Node, evt: DragEvent) => any) | undefined;
 }>, {
+  readonly data: TreeData;
+  readonly props: TreeOptionProps;
   readonly checkStrictly: boolean;
   readonly lazy: boolean;
   readonly checkOnClickNode: boolean;
   readonly checkOnClickLeaf: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly props: TreeOptionProps;
-  readonly data: TreeData;
   readonly accordion: boolean;
   readonly draggable: boolean;
   readonly defaultExpandAll: boolean;
@@ -1481,13 +1481,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
         "update:modelValue": (val: CheckboxValueType) => void;
         change: (val: CheckboxValueType) => void;
       }, _$vue.PublicProps, {
-        value: string | boolean | number | object;
-        label: string | boolean | number | object;
+        id: string;
         disabled: boolean;
-        validateEvent: boolean;
-        modelValue: number | string | boolean;
         name: string;
-        id: string;
+        modelValue: number | string | boolean;
+        validateEvent: boolean;
+        value: string | boolean | number | object;
+        label: string | boolean | number | object;
         trueValue: string | number;
         falseValue: string | number;
         trueLabel: string | number;
@@ -1503,13 +1503,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
         "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
         onChange?: ((val: CheckboxValueType) => any) | undefined;
       }>, {}, {}, {}, {}, {
-        value: string | boolean | number | object;
-        label: string | boolean | number | object;
+        id: string;
         disabled: boolean;
-        validateEvent: boolean;
-        modelValue: number | string | boolean;
         name: string;
-        id: string;
+        modelValue: number | string | boolean;
+        validateEvent: boolean;
+        value: string | boolean | number | object;
+        label: string | boolean | number | object;
         trueValue: string | number;
         falseValue: string | number;
         trueLabel: string | number;
@@ -1525,13 +1525,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
     }, string, {
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
+      id: string;
       disabled: boolean;
-      validateEvent: boolean;
-      modelValue: number | string | boolean;
       name: string;
-      id: string;
+      modelValue: number | string | boolean;
+      validateEvent: boolean;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;

package/lib/components/tree-select/src/tree-select-option.d.ts

@@ -8,13 +8,13 @@ declare const component: _$vue.DefineComponent<{}, any, {}, {}, {
   selectOptionClick(): void;
 }, _$vue.ComponentOptionsMixin, SFCWithInstall<_$vue.DefineComponent<_$vue.ExtractPropTypes<{
   value: {
-    readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   label: {
-    readonly type: _$vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -42,7 +42,7 @@ declare const component: _$vue.DefineComponent<{}, any, {}, {}, {
   };
   id: _$vue.Ref<string, string>;
   containerKls: _$vue.ComputedRef<string[]>;
-  currentLabel: _$vue.ComputedRef<boolean | EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+  currentLabel: _$vue.ComputedRef<boolean | EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
   itemSelected: _$vue.ComputedRef<boolean>;
   isDisabled: _$vue.ComputedRef<boolean>;
   select: SelectContext;
@@ -60,13 +60,13 @@ declare const component: _$vue.DefineComponent<{}, any, {}, {}, {
   selectOptionClick: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   value: {
-    readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   label: {
-    readonly type: _$vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/tree-select/src/tree-select.vue.d.ts

@@ -101,7 +101,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   valueOnClear: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
   name: StringConstructor;
   id: StringConstructor;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
   autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   automaticDropdown: BooleanConstructor;
   size: {
@@ -170,7 +170,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   tagEffect: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -179,9 +179,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   remoteShowSuffix: BooleanConstructor;
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "bottom-start" | "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "bottom-start" | "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
-  tabindex: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, number, boolean>;
+  tabindex: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -290,7 +290,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   valueOnClear: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
   name: StringConstructor;
   id: StringConstructor;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
   autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   automaticDropdown: BooleanConstructor;
   size: {
@@ -359,7 +359,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   tagEffect: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -368,9 +368,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   remoteShowSuffix: BooleanConstructor;
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "bottom-start" | "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "bottom-start" | "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
-  tabindex: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, number, boolean>;
+  tabindex: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -384,43 +384,43 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
+  data: TreeData;
   multiple: boolean;
-  checkStrictly: boolean;
-  lazy: boolean;
   disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  checkOnClickNode: boolean;
-  checkOnClickLeaf: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  clearable: boolean;
-  clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
-  filterable: boolean;
-  collapseTags: boolean;
-  maxCollapseTags: number;
-  collapseTagsTooltip: boolean;
-  debounce: number;
-  placement: EpPropMergeType<(new (...args: any[]) => "bottom-start" | "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "bottom-start" | "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
+  offset: number;
+  props: TreeOptionProps;
+  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
+  automaticDropdown: boolean;
   fallbackPlacements: Placement[];
+  placement: EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
+  popperOptions: Partial<Options>;
+  effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   popperClass: string;
   teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
-  tagType: EpPropMergeType<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown>;
-  tagEffect: EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>;
-  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  fitInputWidth: boolean;
-  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
-  props: TreeOptionProps;
+  clearable: boolean;
+  clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
+  tabindex: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
-  data: TreeData;
-  loading: boolean;
-  offset: number;
-  popperOptions: Partial<Options>;
-  showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   autocomplete: string;
   suffixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
-  tabindex: EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
+  showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   valueKey: string;
+  debounce: number;
+  fitInputWidth: boolean;
+  loading: boolean;
+  checkStrictly: boolean;
+  lazy: boolean;
+  checkOnClickNode: boolean;
+  checkOnClickLeaf: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  filterable: boolean;
+  collapseTags: boolean;
+  maxCollapseTags: number;
+  collapseTagsTooltip: boolean;
+  tagType: EpPropMergeType<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown>;
+  tagEffect: EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>;
   accordion: boolean;
-  automaticDropdown: boolean;
   draggable: boolean;
   allowCreate: boolean;
   remote: boolean;

package/lib/components/tree-v2/src/composables/useTree.d.ts

@@ -125,7 +125,7 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     scrollTo: (offset: number) => void;
     scrollToItem: (idx: number, alignment?: Alignment) => void;
     resetScrollTop: () => void;
-  }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll" | "end-reached")[], "itemRendered" | "scroll" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+  }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered" | "end-reached")[], "scroll" | "itemRendered" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
     readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
     readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -176,10 +176,11 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
       __epPropKey: true;
     };
   }>> & Readonly<{
-    onItemRendered?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;
+    onItemRendered?: ((...args: any[]) => any) | undefined;
     "onEnd-reached"?: ((...args: any[]) => any) | undefined;
   }>, {
+    readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
     readonly className: string;
     readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
     readonly data: any[];
@@ -191,7 +192,6 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     readonly useIsScrolling: boolean;
     readonly scrollbarAlwaysOn: boolean;
     readonly cache: number;
-    readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
     readonly initScrollOffset: number;
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any> | undefined, _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -307,7 +307,7 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     scrollTo: (offset: number) => void;
     scrollToItem: (idx: number, alignment?: Alignment) => void;
     resetScrollTop: () => void;
-  }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll" | "end-reached")[], "itemRendered" | "scroll" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+  }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered" | "end-reached")[], "scroll" | "itemRendered" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
     readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
     readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -358,10 +358,11 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
       __epPropKey: true;
     };
   }>> & Readonly<{
-    onItemRendered?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;
+    onItemRendered?: ((...args: any[]) => any) | undefined;
     "onEnd-reached"?: ((...args: any[]) => any) | undefined;
   }>, {
+    readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
     readonly className: string;
     readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
     readonly data: any[];
@@ -373,7 +374,6 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     readonly useIsScrolling: boolean;
     readonly scrollbarAlwaysOn: boolean;
     readonly cache: number;
-    readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
     readonly initScrollOffset: number;
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any> | undefined>;
   getKey: (node: TreeNodeData) => TreeKey;

package/lib/components/tree-v2/src/tree.vue.d.ts

@@ -47,12 +47,12 @@ declare const __VLS_base: _$vue.DefineComponent<TreeProps, {
   onCheck?: ((data: TreeNodeData, checkedInfo: CheckedInfo) => any) | undefined;
   "onNode-drop"?: ((data: TreeNodeData, node: TreeNode, e: DragEvent) => any) | undefined;
 }>, {
-  checkOnClickLeaf: boolean;
-  props: TreeOptionProps;
-  itemSize: number;
-  height: number;
   data: TreeData;
+  height: number;
   perfMode: boolean;
+  itemSize: number;
+  props: TreeOptionProps;
+  checkOnClickLeaf: boolean;
   indent: number;
   expandOnClickNode: boolean;
   defaultCheckedKeys: TreeKey[];

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

@@ -15,8 +15,8 @@ declare const __VLS_base: _$vue.DefineComponent<UploadContentProps, {
   abort: (file?: UploadFile) => void;
   upload: (rawFile: UploadRawFile) => Promise<void>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<UploadContentProps> & Readonly<{}>, {
-  disabled: boolean;
   data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
+  disabled: boolean;
   name: string;
   onError: (err: UploadAjaxError, rawFile: UploadRawFile) => void;
   onProgress: (evt: UploadProgressEvent, rawFile: UploadRawFile) => void;

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

@@ -34,8 +34,8 @@ declare const __VLS_base: _$vue.DefineComponent<UploadProps, {
   handleStart: (rawFile: UploadRawFile) => void; /** @description remove the file manually */
   handleRemove: (file: UploadFile | UploadRawFile) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<UploadProps> & Readonly<{}>, {
-  disabled: boolean;
   data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
+  disabled: boolean;
   name: string;
   onChange: UploadHooks["onChange"];
   onError: UploadHooks["onError"];

package/lib/components/virtual-list/src/builders/build-grid.d.ts

@@ -113,7 +113,7 @@ declare const createGrid: ({
   readonly role: StringConstructor;
 }>, () => VNode<_$vue.RendererNode, _$vue.RendererElement, {
   [key: string]: any;
-}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll")[], "itemRendered" | "scroll", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -203,9 +203,10 @@ declare const createGrid: ({
   readonly scrollbarEndGap: EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
   readonly role: StringConstructor;
 }>> & Readonly<{
-  onItemRendered?: ((...args: any[]) => any) | undefined;
   onScroll?: ((...args: any[]) => any) | undefined;
+  onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly itemKey: GridItemKeyGetter;
   readonly className: string;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly data: any[];
@@ -216,7 +217,6 @@ declare const createGrid: ({
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
-  readonly itemKey: GridItemKeyGetter;
   readonly columnCache: number;
   readonly initScrollLeft: number;
   readonly initScrollTop: number;

package/lib/components/virtual-list/src/builders/build-list.d.ts

@@ -130,7 +130,7 @@ declare const createList: ({
   scrollTo: (offset: number) => void;
   scrollToItem: (idx: number, alignment?: Alignment) => void;
   resetScrollTop: () => void;
-}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll" | "end-reached")[], "itemRendered" | "scroll" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered" | "end-reached")[], "scroll" | "itemRendered" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -181,10 +181,11 @@ declare const createList: ({
     __epPropKey: true;
   };
 }>> & Readonly<{
-  onItemRendered?: ((...args: any[]) => any) | undefined;
   onScroll?: ((...args: any[]) => any) | undefined;
+  onItemRendered?: ((...args: any[]) => any) | undefined;
   "onEnd-reached"?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
   readonly className: string;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly data: any[];
@@ -196,7 +197,6 @@ declare const createList: ({
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;
-  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
   readonly initScrollOffset: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

package/lib/components/virtual-list/src/components/dynamic-size-grid.d.ts

@@ -99,7 +99,7 @@ declare const DynamicSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly role: StringConstructor;
 }>, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
   [key: string]: any;
-}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll")[], "itemRendered" | "scroll", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -189,9 +189,10 @@ declare const DynamicSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly scrollbarEndGap: EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
   readonly role: StringConstructor;
 }>> & Readonly<{
-  onItemRendered?: ((...args: any[]) => any) | undefined;
   onScroll?: ((...args: any[]) => any) | undefined;
+  onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly itemKey: GridItemKeyGetter;
   readonly className: string;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly data: any[];
@@ -202,7 +203,6 @@ declare const DynamicSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
-  readonly itemKey: GridItemKeyGetter;
   readonly columnCache: number;
   readonly initScrollLeft: number;
   readonly initScrollTop: number;