element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/lib/components/tree-v2/src/tree-node.vue_vue_type_script_lang.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var icons = require('@element-plus/icons');
+var index = require('../../icon/index.js');
+var index$1 = require('../../checkbox/index.js');
+var treeNodeContent = require('./tree-node-content.js');
+var virtualTree = require('./virtual-tree.js');
+
+const DEFAULT_ICON = "caret-right";
+var script = vue.defineComponent({
+  name: "ElTreeNode",
+  components: {
+    ElIcon: index.ElIcon,
+    CaretRight: icons.CaretRight,
+    ElCheckbox: index$1.ElCheckbox,
+    ElNodeContent: treeNodeContent["default"]
+  },
+  props: virtualTree.treeNodeProps,
+  emits: virtualTree.treeNodeEmits,
+  setup(props, { emit }) {
+    const tree = vue.inject(virtualTree.ROOT_TREE_INJECTION_KEY);
+    const indent = vue.computed(() => {
+      var _a;
+      return (_a = tree == null ? void 0 : tree.props.indent) != null ? _a : 16;
+    });
+    const icon = vue.computed(() => {
+      var _a;
+      return (_a = tree == null ? void 0 : tree.props.icon) != null ? _a : DEFAULT_ICON;
+    });
+    const handleClick = () => {
+      emit("click", props.node);
+    };
+    const handleExpandIconClick = () => {
+      emit("toggle", props.node);
+    };
+    const handleCheckChange = (value) => {
+      emit("check", props.node, value);
+    };
+    const handleContextMenu = (event) => {
+      var _a, _b, _c, _d;
+      if ((_c = (_b = (_a = tree == null ? void 0 : tree.instance) == null ? void 0 : _a.vnode) == null ? void 0 : _b.props) == null ? void 0 : _c["onNodeContextmenu"]) {
+        event.stopPropagation();
+        event.preventDefault();
+      }
+      tree == null ? void 0 : tree.ctx.emit(virtualTree.NODE_CONTEXTMENU, event, (_d = props.node) == null ? void 0 : _d.data, props.node);
+    };
+    return {
+      indent,
+      icon,
+      handleClick,
+      handleExpandIconClick,
+      handleCheckChange,
+      handleContextMenu
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=tree-node.vue_vue_type_script_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/tree-v2/src/tree-node.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"node$\"\n    class=\"el-tree-node\"\n    :class=\"{\n      'is-expanded': expanded,\n      'is-current': current,\n      'is-focusable': !disabled,\n      'is-checked': !disabled && checked,\n    }\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"disabled\"\n    :aria-checked=\"checked\"\n    :data-key=\"node?.key\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n  >\n    <div\n      class=\"el-tree-node__content\"\n      :style=\"{ paddingLeft: `${(node.level - 1) * indent}px` }\"\n    >\n      <el-icon\n        v-if=\"icon\"\n        :class=\"[\n          {\n            'is-leaf': node?.isLeaf,\n            'is-hidden': hiddenExpandIcon,\n            expanded: !node?.isLeaf && expanded,\n          },\n          'el-tree-node__expand-icon',\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"icon\" />\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"checked\"\n        :indeterminate=\"indeterminate\"\n        :disabled=\"disabled\"\n        @change=\"handleCheckChange\"\n        @click.stop\n      />\n      <el-node-content :node=\"node\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport { CaretRight } from '@element-plus/icons'\nimport ElIcon from '@element-plus/components/icon'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport ElNodeContent from './tree-node-content'\nimport {\n  ROOT_TREE_INJECTION_KEY,\n  NODE_CONTEXTMENU,\n  treeNodeEmits,\n  treeNodeProps,\n} from './virtual-tree'\n\nconst DEFAULT_ICON = 'caret-right'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElIcon,\n    CaretRight,\n    ElCheckbox,\n    ElNodeContent,\n  },\n  props: treeNodeProps,\n  emits: treeNodeEmits,\n  setup(props, { emit }) {\n    const tree = inject(ROOT_TREE_INJECTION_KEY)\n\n    const indent = computed(() => {\n      return tree?.props.indent ?? 16\n    })\n\n    const icon = computed(() => {\n      return tree?.props.icon ?? DEFAULT_ICON\n    })\n\n    const handleClick = () => {\n      emit('click', props.node)\n    }\n    const handleExpandIconClick = () => {\n      emit('toggle', props.node)\n    }\n    const handleCheckChange = (value: boolean) => {\n      emit('check', props.node, value)\n    }\n    const handleContextMenu = (event: Event) => {\n      if (tree?.instance?.vnode?.props?.['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree?.ctx.emit(NODE_CONTEXTMENU, event, props.node?.data, props.node)\n    }\n\n    return {\n      indent,\n      icon,\n      handleClick,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleContextMenu,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","CaretRight","ElCheckbox","ElNodeContent","treeNodeProps","treeNodeEmits","inject","ROOT_TREE_INJECTION_KEY","computed","NODE_CONTEXTMENU"],"mappings":";;;;;;;;;;;AA+DA,MAAM,eAAe;AAErB,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,YACVC;AAAA,gBACAC;AAAA,gBACAC;AAAA,mBACAC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP,OAAOC;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,OAAOC,WAAOC;AAEpB,UAAM,SAASC,aAAS,MAAM;;AAC5B,aAAO,mCAAM,MAAM,WAAZ,YAAsB;AAAA;AAG/B,UAAM,OAAOA,aAAS,MAAM;;AAC1B,aAAO,mCAAM,MAAM,SAAZ,YAAoB;AAAA;AAG7B,UAAM,cAAc,MAAM;AACxB,WAAK,SAAS,MAAM;AAAA;AAEtB,UAAM,wBAAwB,MAAM;AAClC,WAAK,UAAU,MAAM;AAAA;AAEvB,UAAM,oBAAoB,CAAC,UAAmB;AAC5C,WAAK,SAAS,MAAM,MAAM;AAAA;AAE5B,UAAM,oBAAoB,CAAC,UAAiB;;AAC1C,UAAI,+CAAM,aAAN,mBAAgB,UAAhB,mBAAuB,UAAvB,mBAA+B,sBAAsB;AACvD,cAAM;AACN,cAAM;AAAA;AAER,mCAAM,IAAI,KAAKC,8BAAkB,OAAO,YAAM,SAAN,mBAAY,MAAM,MAAM;AAAA;AAGlE,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/tree-v2/src/tree-node.vue_vue_type_template_id_71d8f826_lang.js

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a, _b, _c;
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+  const _component_el_node_content = vue.resolveComponent("el-node-content");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    ref: "node$",
+    class: vue.normalizeClass(["el-tree-node", {
+      "is-expanded": _ctx.expanded,
+      "is-current": _ctx.current,
+      "is-focusable": !_ctx.disabled,
+      "is-checked": !_ctx.disabled && _ctx.checked
+    }]),
+    role: "treeitem",
+    tabindex: "-1",
+    "aria-expanded": _ctx.expanded,
+    "aria-disabled": _ctx.disabled,
+    "aria-checked": _ctx.checked,
+    "data-key": (_a = _ctx.node) == null ? void 0 : _a.key,
+    onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])),
+    onContextmenu: _cache[2] || (_cache[2] = (...args) => _ctx.handleContextMenu && _ctx.handleContextMenu(...args))
+  }, [
+    vue.createElementVNode("div", {
+      class: "el-tree-node__content",
+      style: vue.normalizeStyle({ paddingLeft: `${(_ctx.node.level - 1) * _ctx.indent}px` })
+    }, [
+      _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+        key: 0,
+        class: vue.normalizeClass([
+          {
+            "is-leaf": (_b = _ctx.node) == null ? void 0 : _b.isLeaf,
+            "is-hidden": _ctx.hiddenExpandIcon,
+            expanded: !((_c = _ctx.node) == null ? void 0 : _c.isLeaf) && _ctx.expanded
+          },
+          "el-tree-node__expand-icon"
+        ]),
+        onClick: vue.withModifiers(_ctx.handleExpandIconClick, ["stop"])
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+        ]),
+        _: 1
+      }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
+      _ctx.showCheckbox ? (vue.openBlock(), vue.createBlock(_component_el_checkbox, {
+        key: 1,
+        "model-value": _ctx.checked,
+        indeterminate: _ctx.indeterminate,
+        disabled: _ctx.disabled,
+        onChange: _ctx.handleCheckChange,
+        onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+        }, ["stop"]))
+      }, null, 8, ["model-value", "indeterminate", "disabled", "onChange"])) : vue.createCommentVNode("v-if", true),
+      vue.createVNode(_component_el_node_content, { node: _ctx.node }, null, 8, ["node"])
+    ], 4)
+  ], 42, _hoisted_1);
+}
+
+exports.render = render;
+//# sourceMappingURL=tree-node.vue_vue_type_template_id_71d8f826_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node.vue_vue_type_template_id_71d8f826_lang.js","sources":["../../../../../../packages/components/tree-v2/src/tree-node.vue?vue&type=template&id=71d8f826&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"node$\"\n    class=\"el-tree-node\"\n    :class=\"{\n      'is-expanded': expanded,\n      'is-current': current,\n      'is-focusable': !disabled,\n      'is-checked': !disabled && checked,\n    }\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"disabled\"\n    :aria-checked=\"checked\"\n    :data-key=\"node?.key\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n  >\n    <div\n      class=\"el-tree-node__content\"\n      :style=\"{ paddingLeft: `${(node.level - 1) * indent}px` }\"\n    >\n      <el-icon\n        v-if=\"icon\"\n        :class=\"[\n          {\n            'is-leaf': node?.isLeaf,\n            'is-hidden': hiddenExpandIcon,\n            expanded: !node?.isLeaf && expanded,\n          },\n          'el-tree-node__expand-icon',\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"icon\" />\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"checked\"\n        :indeterminate=\"indeterminate\"\n        :disabled=\"disabled\"\n        @change=\"handleCheckChange\"\n        @click.stop\n      />\n      <el-node-content :node=\"node\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport { CaretRight } from '@element-plus/icons'\nimport ElIcon from '@element-plus/components/icon'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport ElNodeContent from './tree-node-content'\nimport {\n  ROOT_TREE_INJECTION_KEY,\n  NODE_CONTEXTMENU,\n  treeNodeEmits,\n  treeNodeProps,\n} from './virtual-tree'\n\nconst DEFAULT_ICON = 'caret-right'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElIcon,\n    CaretRight,\n    ElCheckbox,\n    ElNodeContent,\n  },\n  props: treeNodeProps,\n  emits: treeNodeEmits,\n  setup(props, { emit }) {\n    const tree = inject(ROOT_TREE_INJECTION_KEY)\n\n    const indent = computed(() => {\n      return tree?.props.indent ?? 16\n    })\n\n    const icon = computed(() => {\n      return tree?.props.icon ?? DEFAULT_ICON\n    })\n\n    const handleClick = () => {\n      emit('click', props.node)\n    }\n    const handleExpandIconClick = () => {\n      emit('toggle', props.node)\n    }\n    const handleCheckChange = (value: boolean) => {\n      emit('check', props.node, value)\n    }\n    const handleContextMenu = (event: Event) => {\n      if (tree?.instance?.vnode?.props?.['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree?.ctx.emit(NODE_CONTEXTMENU, event, props.node?.data, props.node)\n    }\n\n    return {\n      indent,\n      icon,\n      handleClick,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleContextMenu,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_createBlock","_createVNode"],"mappings":";;;;;;;;;;;;0BACEA;IACE,KAAI;AAAA,IACJ,2BAAM;;;;;;IAON,MAAK;AAAA,IACL,UAAS;AAAA,IACR,iBAAe;IACf,iBAAe;IACf,gBAAc;IACd,YAAU,oBAAA,mBAAM;AAAA,IAChB,kEAAY;IACZ,sDAAa;;IAEdC;MACE,OAAM;AAAA,MACL,4CAA0B,WAAK,aAAa;;MAGrC,8BADRC;;QAEG;;;;;;;;QAQA,2BAAY;;6BAEb;4BAAAA,4CAAgB;;;;MAGV,sCADRA;;QAEG,eAAa;QACb,eAAe;QACf,UAAU;QACV,UAAQ;QACR,qDAAD;;;MAEFC,8CAAkB,MAAM;;;;;;;"}

package/lib/components/tree-v2/src/tree.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tree_vue_vue_type_script_lang = require('./tree.vue_vue&type=script&lang.js');
-var tree_vue_vue_type_template_id_5b45a1b2_lang = require('./tree.vue_vue&type=template&id=5b45a1b2&lang.js');
+var tree_vue_vue_type_script_lang = require('./tree.vue_vue_type_script_lang.js');
+var tree_vue_vue_type_template_id_5b45a1b2_lang = require('./tree.vue_vue_type_template_id_5b45a1b2_lang.js');
 
 tree_vue_vue_type_script_lang["default"].render = tree_vue_vue_type_template_id_5b45a1b2_lang.render;
 tree_vue_vue_type_script_lang["default"].__file = "packages/components/tree-v2/src/tree.vue";

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

@@ -63,9 +63,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly filterMethod?: unknown;
     readonly perfMode?: unknown;
 } & {
+    props: import("./types").TreeOptionProps;
     data: import("./types").TreeData;
     height: number;
-    props: import("./types").TreeOptionProps;
     checkStrictly: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     accordion: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     indent: number;
@@ -92,9 +92,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     emptyText: string;
     icon: string;
+    props: import("./types").TreeOptionProps;
     data: import("./types").TreeData;
     height: number;
-    props: import("./types").TreeOptionProps;
     checkStrictly: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     filterMethod: import("./types").FilterMethod;
     accordion: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;

package/lib/components/tree-v2/src/tree.vue_vue_type_script_lang.js

@@ -0,0 +1,88 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../hooks/index.js');
+require('../../virtual-list/index.js');
+var useTree = require('./composables/useTree.js');
+require('./tree-node.js');
+var virtualTree = require('./virtual-tree.js');
+var treeNode_vue_vue_type_script_lang = require('./tree-node.vue_vue_type_script_lang.js');
+var fixedSizeList = require('../../virtual-list/src/components/fixed-size-list.js');
+var index = require('../../../hooks/use-locale/index.js');
+
+var script = vue.defineComponent({
+  name: "ElTreeV2",
+  components: {
+    ElTreeNode: treeNode_vue_vue_type_script_lang["default"],
+    FixedSizeList: fixedSizeList["default"]
+  },
+  props: virtualTree.treeProps,
+  emits: virtualTree.treeEmits,
+  setup(props, ctx) {
+    vue.provide(virtualTree.ROOT_TREE_INJECTION_KEY, {
+      ctx,
+      props,
+      instance: vue.getCurrentInstance()
+    });
+    const { t } = index.useLocaleInject();
+    const {
+      flattenTree,
+      isNotEmpty,
+      toggleExpand,
+      isExpanded,
+      isIndeterminate,
+      isChecked,
+      isDisabled,
+      isCurrent,
+      isForceHiddenExpandIcon,
+      toggleCheckbox,
+      handleNodeClick,
+      handleNodeCheck,
+      getCurrentNode,
+      getCurrentKey,
+      setCurrentKey,
+      getCheckedKeys,
+      getCheckedNodes,
+      getHalfCheckedKeys,
+      getHalfCheckedNodes,
+      setChecked,
+      setCheckedKeys,
+      filter,
+      setData
+    } = useTree.useTree(props, ctx.emit);
+    ctx.expose({
+      getCurrentNode,
+      getCurrentKey,
+      setCurrentKey,
+      getCheckedKeys,
+      getCheckedNodes,
+      getHalfCheckedKeys,
+      getHalfCheckedNodes,
+      setChecked,
+      setCheckedKeys,
+      filter,
+      setData
+    });
+    return {
+      t,
+      flattenTree,
+      itemSize: 26,
+      isNotEmpty,
+      toggleExpand,
+      toggleCheckbox,
+      isExpanded,
+      isIndeterminate,
+      isChecked,
+      isDisabled,
+      isCurrent,
+      isForceHiddenExpandIcon,
+      handleNodeClick,
+      handleNodeCheck
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=tree.vue_vue_type_script_lang.js.map

package/lib/components/tree-v2/src/tree.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/tree-v2/src/tree.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-tree\"\n    :class=\"{\n      'el-tree--highlight-current': highlightCurrent,\n    }\"\n    role=\"tree\"\n  >\n    <fixed-size-list\n      v-if=\"isNotEmpty\"\n      class-name=\"el-tree-virtual-list\"\n      :data=\"flattenTree\"\n      :total=\"flattenTree.length\"\n      :height=\"height\"\n      :item-size=\"itemSize\"\n      :perf-mode=\"perfMode\"\n    >\n      <template #default=\"{ data, index, style }\">\n        <el-tree-node\n          :key=\"data[index].key\"\n          :style=\"style\"\n          :node=\"data[index]\"\n          :expanded=\"isExpanded(data[index])\"\n          :show-checkbox=\"showCheckbox\"\n          :checked=\"isChecked(data[index])\"\n          :indeterminate=\"isIndeterminate(data[index])\"\n          :disabled=\"isDisabled(data[index])\"\n          :current=\"isCurrent(data[index])\"\n          :hidden-expand-icon=\"isForceHiddenExpandIcon(data[index])\"\n          @click=\"handleNodeClick\"\n          @toggle=\"toggleExpand\"\n          @check=\"handleNodeCheck\"\n        ></el-tree-node>\n      </template>\n    </fixed-size-list>\n    <div v-else class=\"el-tree__empty-block\">\n      <span class=\"el-tree__empty-text\">{{\n        emptyText ?? t('el.tree.emptyText')\n      }}</span>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance, provide } from 'vue'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { FixedSizeList } from '@element-plus/components/virtual-list'\nimport { useTree } from './composables/useTree'\nimport ElTreeNode from './tree-node.vue'\nimport { ROOT_TREE_INJECTION_KEY, treeEmits, treeProps } from './virtual-tree'\nimport type { TreeProps } from './types'\n\nexport default defineComponent({\n  name: 'ElTreeV2',\n  components: {\n    ElTreeNode,\n    FixedSizeList,\n  },\n  props: treeProps,\n  emits: treeEmits,\n  setup(props: TreeProps, ctx) {\n    provide(ROOT_TREE_INJECTION_KEY, {\n      ctx,\n      props,\n      instance: getCurrentInstance(),\n    })\n    const { t } = useLocaleInject()\n    const {\n      flattenTree,\n      isNotEmpty,\n      toggleExpand,\n      isExpanded,\n      isIndeterminate,\n      isChecked,\n      isDisabled,\n      isCurrent,\n      isForceHiddenExpandIcon,\n      toggleCheckbox,\n      handleNodeClick,\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    } = useTree(props, ctx.emit)\n\n    ctx.expose({\n      getCurrentNode,\n      getCurrentKey,\n      setCurrentKey,\n      getCheckedKeys,\n      getCheckedNodes,\n      getHalfCheckedKeys,\n      getHalfCheckedNodes,\n      setChecked,\n      setCheckedKeys,\n      filter,\n      setData,\n    })\n\n    return {\n      t,\n      flattenTree,\n      itemSize: 26,\n      isNotEmpty,\n      toggleExpand,\n      toggleCheckbox,\n      isExpanded,\n      isIndeterminate,\n      isChecked,\n      isDisabled,\n      isCurrent,\n      isForceHiddenExpandIcon,\n      handleNodeClick,\n      handleNodeCheck,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElTreeNode","FixedSizeList","treeProps","treeEmits","ROOT_TREE_INJECTION_KEY","getCurrentInstance","useLocaleInject","useTree"],"mappings":";;;;;;;;;;;;;;AAoDA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,gBACVC;AAAA,mBACAC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP,OAAOC;AAAA,EACP,MAAM,OAAkB,KAAK;AAC3B,gBAAQC,qCAAyB;AAAA,MAC/B;AAAA,MACA;AAAA,MACA,UAAUC;AAAA;AAEZ,UAAM,EAAE,MAAMC;AACd,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACEC,gBAAQ,OAAO,IAAI;AAEvB,QAAI,OAAO;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGF,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/tree-v2/src/tree.vue_vue_type_template_id_5b45a1b2_lang.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = {
+  key: 1,
+  class: "el-tree__empty-block"
+};
+const _hoisted_2 = { class: "el-tree__empty-text" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
+  const _component_el_tree_node = vue.resolveComponent("el-tree-node");
+  const _component_fixed_size_list = vue.resolveComponent("fixed-size-list");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(["el-tree", {
+      "el-tree--highlight-current": _ctx.highlightCurrent
+    }]),
+    role: "tree"
+  }, [
+    _ctx.isNotEmpty ? (vue.openBlock(), vue.createBlock(_component_fixed_size_list, {
+      key: 0,
+      "class-name": "el-tree-virtual-list",
+      data: _ctx.flattenTree,
+      total: _ctx.flattenTree.length,
+      height: _ctx.height,
+      "item-size": _ctx.itemSize,
+      "perf-mode": _ctx.perfMode
+    }, {
+      default: vue.withCtx(({ data, index, style }) => [
+        vue.createVNode(_component_el_tree_node, {
+          key: data[index].key,
+          style: vue.normalizeStyle(style),
+          node: data[index],
+          expanded: _ctx.isExpanded(data[index]),
+          "show-checkbox": _ctx.showCheckbox,
+          checked: _ctx.isChecked(data[index]),
+          indeterminate: _ctx.isIndeterminate(data[index]),
+          disabled: _ctx.isDisabled(data[index]),
+          current: _ctx.isCurrent(data[index]),
+          "hidden-expand-icon": _ctx.isForceHiddenExpandIcon(data[index]),
+          onClick: _ctx.handleNodeClick,
+          onToggle: _ctx.toggleExpand,
+          onCheck: _ctx.handleNodeCheck
+        }, null, 8, ["style", "node", "expanded", "show-checkbox", "checked", "indeterminate", "disabled", "current", "hidden-expand-icon", "onClick", "onToggle", "onCheck"])
+      ]),
+      _: 1
+    }, 8, ["data", "total", "height", "item-size", "perf-mode"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      vue.createElementVNode("span", _hoisted_2, vue.toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 1)
+    ]))
+  ], 2);
+}
+
+exports.render = render;
+//# sourceMappingURL=tree.vue_vue_type_template_id_5b45a1b2_lang.js.map

package/lib/components/tree-v2/src/tree.vue_vue_type_template_id_5b45a1b2_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.vue_vue_type_template_id_5b45a1b2_lang.js","sources":["../../../../../../packages/components/tree-v2/src/tree.vue?vue&type=template&id=5b45a1b2&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-tree\"\n    :class=\"{\n      'el-tree--highlight-current': highlightCurrent,\n    }\"\n    role=\"tree\"\n  >\n    <fixed-size-list\n      v-if=\"isNotEmpty\"\n      class-name=\"el-tree-virtual-list\"\n      :data=\"flattenTree\"\n      :total=\"flattenTree.length\"\n      :height=\"height\"\n      :item-size=\"itemSize\"\n      :perf-mode=\"perfMode\"\n    >\n      <template #default=\"{ data, index, style }\">\n        <el-tree-node\n          :key=\"data[index].key\"\n          :style=\"style\"\n          :node=\"data[index]\"\n          :expanded=\"isExpanded(data[index])\"\n          :show-checkbox=\"showCheckbox\"\n          :checked=\"isChecked(data[index])\"\n          :indeterminate=\"isIndeterminate(data[index])\"\n          :disabled=\"isDisabled(data[index])\"\n          :current=\"isCurrent(data[index])\"\n          :hidden-expand-icon=\"isForceHiddenExpandIcon(data[index])\"\n          @click=\"handleNodeClick\"\n          @toggle=\"toggleExpand\"\n          @check=\"handleNodeCheck\"\n        ></el-tree-node>\n      </template>\n    </fixed-size-list>\n    <div v-else class=\"el-tree__empty-block\">\n      <span class=\"el-tree__empty-text\">{{\n        emptyText ?? t('el.tree.emptyText')\n      }}</span>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance, provide } from 'vue'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { FixedSizeList } from '@element-plus/components/virtual-list'\nimport { useTree } from './composables/useTree'\nimport ElTreeNode from './tree-node.vue'\nimport { ROOT_TREE_INJECTION_KEY, treeEmits, treeProps } from './virtual-tree'\nimport type { TreeProps } from './types'\n\nexport default defineComponent({\n  name: 'ElTreeV2',\n  components: {\n    ElTreeNode,\n    FixedSizeList,\n  },\n  props: treeProps,\n  emits: treeEmits,\n  setup(props: TreeProps, ctx) {\n    provide(ROOT_TREE_INJECTION_KEY, {\n      ctx,\n      props,\n      instance: getCurrentInstance(),\n    })\n    const { t } = useLocaleInject()\n    const {\n      flattenTree,\n      isNotEmpty,\n      toggleExpand,\n      isExpanded,\n      isIndeterminate,\n      isChecked,\n      isDisabled,\n      isCurrent,\n      isForceHiddenExpandIcon,\n      toggleCheckbox,\n      handleNodeClick,\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    } = useTree(props, ctx.emit)\n\n    ctx.expose({\n      getCurrentNode,\n      getCurrentKey,\n      setCurrentKey,\n      getCheckedKeys,\n      getCheckedNodes,\n      getHalfCheckedKeys,\n      getHalfCheckedNodes,\n      setChecked,\n      setCheckedKeys,\n      filter,\n      setData,\n    })\n\n    return {\n      t,\n      flattenTree,\n      itemSize: 26,\n      isNotEmpty,\n      toggleExpand,\n      toggleCheckbox,\n      isExpanded,\n      isIndeterminate,\n      isChecked,\n      isDisabled,\n      isCurrent,\n      isForceHiddenExpandIcon,\n      handleNodeClick,\n      handleNodeCheck,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_createVNode","_createElementVNode"],"mappings":";;;;;;;;EAmCgB,OAAM;AAAA;qBACV,OAAM;;;;;0BAnChBA;IACE,2BAAM;;;IAIN,MAAK;AAAA;IAGG,oCADRC;;MAEE,cAAW;AAAA,MACV,MAAM;MACN,OAAO,iBAAY;AAAA,MACnB,QAAQ;MACR,aAAW;MACX,aAAW;;MAED,qBACT,GADoB,MAAM,OAAO;QACjCC;UACG,KAAK,KAAK,OAAO;AAAA,UACjB,0BAAO;AAAA,UACP,MAAM,KAAK;AAAA,UACX,UAAU,gBAAW,KAAK;AAAA,UAC1B,iBAAe;UACf,SAAS,eAAU,KAAK;AAAA,UACxB,eAAe,qBAAgB,KAAK;AAAA,UACpC,UAAU,gBAAW,KAAK;AAAA,UAC1B,SAAS,eAAU,KAAK;AAAA,UACxB,sBAAoB,6BAAwB,KAAK;AAAA,UACjD,SAAO;UACP,UAAQ;UACR,SAAO;;;;sFAIdF,8BAAA;MACEG,+BAAA,gCACE,yBAAA,YAAa;;;;;;;"}

package/lib/components/tree-v2/src/virtual-tree.js

@@ -10,18 +10,18 @@ const EMPTY_NODE = {
   level: -1,
   data: {}
 };
-exports.TreeOptionsEnum = void 0;
-(function(TreeOptionsEnum2) {
+var TreeOptionsEnum = /* @__PURE__ */ ((TreeOptionsEnum2) => {
   TreeOptionsEnum2["KEY"] = "id";
   TreeOptionsEnum2["LABEL"] = "label";
   TreeOptionsEnum2["CHILDREN"] = "children";
   TreeOptionsEnum2["DISABLED"] = "disabled";
-})(exports.TreeOptionsEnum || (exports.TreeOptionsEnum = {}));
-exports.SetOperationEnum = void 0;
-(function(SetOperationEnum2) {
+  return TreeOptionsEnum2;
+})(TreeOptionsEnum || {});
+var SetOperationEnum = /* @__PURE__ */ ((SetOperationEnum2) => {
   SetOperationEnum2["ADD"] = "add";
   SetOperationEnum2["DELETE"] = "delete";
-})(exports.SetOperationEnum || (exports.SetOperationEnum = {}));
+  return SetOperationEnum2;
+})(SetOperationEnum || {});
 const treeProps = props.buildProps({
   data: {
     type: props.definePropType(Array),
@@ -37,10 +37,10 @@ const treeProps = props.buildProps({
   props: {
     type: props.definePropType(Object),
     default: () => props.mutable({
-      children: exports.TreeOptionsEnum.CHILDREN,
-      label: exports.TreeOptionsEnum.LABEL,
-      disabled: exports.TreeOptionsEnum.DISABLED,
-      value: exports.TreeOptionsEnum.KEY
+      children: "children",
+      label: "label",
+      disabled: "disabled",
+      value: "id"
     })
   },
   highlightCurrent: {
@@ -163,6 +163,8 @@ exports.NODE_COLLAPSE = NODE_COLLAPSE;
 exports.NODE_CONTEXTMENU = NODE_CONTEXTMENU;
 exports.NODE_EXPAND = NODE_EXPAND;
 exports.ROOT_TREE_INJECTION_KEY = ROOT_TREE_INJECTION_KEY;
+exports.SetOperationEnum = SetOperationEnum;
+exports.TreeOptionsEnum = TreeOptionsEnum;
 exports.treeEmits = treeEmits;
 exports.treeNodeContentProps = treeNodeContentProps;
 exports.treeNodeEmits = treeNodeEmits;

package/lib/components/tree-v2/src/virtual-tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"virtual-tree.js","sources":["../../../../../../packages/components/tree-v2/src/virtual-tree.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils/props'\nimport type { InjectionKey } from 'vue'\nimport type { TreeNodeData } from '../../tree/src/tree.type'\nimport type {\n  TreeNode,\n  TreeKey,\n  TreeData,\n  TreeOptionProps,\n  FilterMethod,\n  CheckedInfo,\n  TreeContext,\n} from './types'\n\n// constants\nexport const ROOT_TREE_INJECTION_KEY: InjectionKey<TreeContext> = Symbol()\nconst EMPTY_NODE = {\n  key: -1,\n  level: -1,\n  data: {},\n} as const\n\n// enums\nexport enum TreeOptionsEnum {\n  KEY = 'id',\n  LABEL = 'label',\n  CHILDREN = 'children',\n  DISABLED = 'disabled',\n}\n\nexport const enum SetOperationEnum {\n  ADD = 'add',\n  DELETE = 'delete',\n}\n\n// props\nexport const treeProps = buildProps({\n  data: {\n    type: definePropType<TreeData>(Array),\n    default: () => mutable([] as const),\n  },\n  emptyText: {\n    type: String,\n  },\n  height: {\n    type: Number,\n    default: 200,\n  },\n  props: {\n    type: definePropType<TreeOptionProps>(Object),\n    default: () =>\n      mutable({\n        children: TreeOptionsEnum.CHILDREN,\n        label: TreeOptionsEnum.LABEL,\n        disabled: TreeOptionsEnum.DISABLED,\n        value: TreeOptionsEnum.KEY,\n      } as const),\n  },\n  highlightCurrent: {\n    type: Boolean,\n    default: false,\n  },\n  showCheckbox: {\n    type: Boolean,\n    default: false,\n  },\n  defaultCheckedKeys: {\n    type: definePropType<TreeKey[]>(Array),\n    default: () => mutable([] as const),\n  },\n  // Whether checked state of a node not affects its father and\n  // child nodes when show-checkbox is true\n  checkStrictly: {\n    type: Boolean,\n    default: false,\n  },\n  defaultExpandedKeys: {\n    type: definePropType<TreeKey[]>(Array),\n    default: () => mutable([] as const),\n  },\n  indent: {\n    type: Number,\n    default: 16,\n  },\n  icon: {\n    type: String,\n  },\n  expandOnClickNode: {\n    type: Boolean,\n    default: true,\n  },\n  checkOnClickNode: {\n    type: Boolean,\n    default: false,\n  },\n  currentNodeKey: {\n    type: definePropType<TreeKey>([String, Number]),\n  },\n  // TODO need to optimization\n  accordion: {\n    type: Boolean,\n    default: false,\n  },\n  filterMethod: {\n    type: definePropType<FilterMethod>(Function),\n  },\n  // Performance mode will increase memory usage, but scrolling will be smoother\n  perfMode: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport const treeNodeProps = buildProps({\n  node: {\n    type: definePropType<TreeNode>(Object),\n    default: () => mutable(EMPTY_NODE),\n  },\n  expanded: {\n    type: Boolean,\n    default: false,\n  },\n  checked: {\n    type: Boolean,\n    default: false,\n  },\n  indeterminate: {\n    type: Boolean,\n    default: false,\n  },\n  showCheckbox: {\n    type: Boolean,\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  current: {\n    type: Boolean,\n    default: false,\n  },\n  hiddenExpandIcon: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\n\nexport const treeNodeContentProps = buildProps({\n  node: {\n    type: definePropType<TreeNode>(Object),\n    required: true,\n  },\n} as const)\n\n// emits\nexport const NODE_CLICK = 'node-click'\nexport const NODE_EXPAND = 'node-expand'\nexport const NODE_COLLAPSE = 'node-collapse'\nexport const CURRENT_CHANGE = 'current-change'\nexport const NODE_CHECK = 'check'\nexport const NODE_CHECK_CHANGE = 'check-change'\nexport const NODE_CONTEXTMENU = 'node-contextmenu'\n\nexport const treeEmits = {\n  [NODE_CLICK]: (data: TreeNodeData, node: TreeNode) => data && node,\n  [NODE_EXPAND]: (data: TreeNodeData, node: TreeNode) => data && node,\n  [NODE_COLLAPSE]: (data: TreeNodeData, node: TreeNode) => data && node,\n  [CURRENT_CHANGE]: (data: TreeNodeData, node: TreeNode) => data && node,\n  [NODE_CHECK]: (data: TreeNodeData, checkedInfo: CheckedInfo) =>\n    data && checkedInfo,\n  [NODE_CHECK_CHANGE]: (data: TreeNodeData, checked: boolean) =>\n    data && typeof checked === 'boolean',\n  [NODE_CONTEXTMENU]: (event: Event, data: TreeNodeData, node: TreeNode) =>\n    event && data && node,\n}\n\nexport const treeNodeEmits = {\n  click: (node: TreeNode) => !!node,\n  toggle: (node: TreeNode) => !!node,\n  check: (node: TreeNode, checked: boolean) =>\n    node && typeof checked === 'boolean',\n}\n"],"names":["TreeOptionsEnum","SetOperationEnum","buildProps","definePropType","mutable"],"mappings":"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"}
+{"version":3,"file":"virtual-tree.js","sources":["../../../../../../packages/components/tree-v2/src/virtual-tree.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils/props'\nimport type { InjectionKey } from 'vue'\nimport type { TreeNodeData } from '../../tree/src/tree.type'\nimport type {\n  TreeNode,\n  TreeKey,\n  TreeData,\n  TreeOptionProps,\n  FilterMethod,\n  CheckedInfo,\n  TreeContext,\n} from './types'\n\n// constants\nexport const ROOT_TREE_INJECTION_KEY: InjectionKey<TreeContext> = Symbol()\nconst EMPTY_NODE = {\n  key: -1,\n  level: -1,\n  data: {},\n} as const\n\n// enums\nexport enum TreeOptionsEnum {\n  KEY = 'id',\n  LABEL = 'label',\n  CHILDREN = 'children',\n  DISABLED = 'disabled',\n}\n\nexport const enum SetOperationEnum {\n  ADD = 'add',\n  DELETE = 'delete',\n}\n\n// props\nexport const treeProps = buildProps({\n  data: {\n    type: definePropType<TreeData>(Array),\n    default: () => mutable([] as const),\n  },\n  emptyText: {\n    type: String,\n  },\n  height: {\n    type: Number,\n    default: 200,\n  },\n  props: {\n    type: definePropType<TreeOptionProps>(Object),\n    default: () =>\n      mutable({\n        children: TreeOptionsEnum.CHILDREN,\n        label: TreeOptionsEnum.LABEL,\n        disabled: TreeOptionsEnum.DISABLED,\n        value: TreeOptionsEnum.KEY,\n      } as const),\n  },\n  highlightCurrent: {\n    type: Boolean,\n    default: false,\n  },\n  showCheckbox: {\n    type: Boolean,\n    default: false,\n  },\n  defaultCheckedKeys: {\n    type: definePropType<TreeKey[]>(Array),\n    default: () => mutable([] as const),\n  },\n  // Whether checked state of a node not affects its father and\n  // child nodes when show-checkbox is true\n  checkStrictly: {\n    type: Boolean,\n    default: false,\n  },\n  defaultExpandedKeys: {\n    type: definePropType<TreeKey[]>(Array),\n    default: () => mutable([] as const),\n  },\n  indent: {\n    type: Number,\n    default: 16,\n  },\n  icon: {\n    type: String,\n  },\n  expandOnClickNode: {\n    type: Boolean,\n    default: true,\n  },\n  checkOnClickNode: {\n    type: Boolean,\n    default: false,\n  },\n  currentNodeKey: {\n    type: definePropType<TreeKey>([String, Number]),\n  },\n  // TODO need to optimization\n  accordion: {\n    type: Boolean,\n    default: false,\n  },\n  filterMethod: {\n    type: definePropType<FilterMethod>(Function),\n  },\n  // Performance mode will increase memory usage, but scrolling will be smoother\n  perfMode: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport const treeNodeProps = buildProps({\n  node: {\n    type: definePropType<TreeNode>(Object),\n    default: () => mutable(EMPTY_NODE),\n  },\n  expanded: {\n    type: Boolean,\n    default: false,\n  },\n  checked: {\n    type: Boolean,\n    default: false,\n  },\n  indeterminate: {\n    type: Boolean,\n    default: false,\n  },\n  showCheckbox: {\n    type: Boolean,\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  current: {\n    type: Boolean,\n    default: false,\n  },\n  hiddenExpandIcon: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\n\nexport const treeNodeContentProps = buildProps({\n  node: {\n    type: definePropType<TreeNode>(Object),\n    required: true,\n  },\n} as const)\n\n// emits\nexport const NODE_CLICK = 'node-click'\nexport const NODE_EXPAND = 'node-expand'\nexport const NODE_COLLAPSE = 'node-collapse'\nexport const CURRENT_CHANGE = 'current-change'\nexport const NODE_CHECK = 'check'\nexport const NODE_CHECK_CHANGE = 'check-change'\nexport const NODE_CONTEXTMENU = 'node-contextmenu'\n\nexport const treeEmits = {\n  [NODE_CLICK]: (data: TreeNodeData, node: TreeNode) => data && node,\n  [NODE_EXPAND]: (data: TreeNodeData, node: TreeNode) => data && node,\n  [NODE_COLLAPSE]: (data: TreeNodeData, node: TreeNode) => data && node,\n  [CURRENT_CHANGE]: (data: TreeNodeData, node: TreeNode) => data && node,\n  [NODE_CHECK]: (data: TreeNodeData, checkedInfo: CheckedInfo) =>\n    data && checkedInfo,\n  [NODE_CHECK_CHANGE]: (data: TreeNodeData, checked: boolean) =>\n    data && typeof checked === 'boolean',\n  [NODE_CONTEXTMENU]: (event: Event, data: TreeNodeData, node: TreeNode) =>\n    event && data && node,\n}\n\nexport const treeNodeEmits = {\n  click: (node: TreeNode) => !!node,\n  toggle: (node: TreeNode) => !!node,\n  check: (node: TreeNode, checked: boolean) =>\n    node && typeof checked === 'boolean',\n}\n"],"names":["buildProps","definePropType","mutable"],"mappings":"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"}

package/lib/components/upload/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { SFCWithInstall } from 'element-plus/es/utils/types';
 declare const _Upload: SFCWithInstall<import("vue").DefineComponent<{
     action: {
@@ -180,22 +179,10 @@ declare const _Upload: SFCWithInstall<import("vue").DefineComponent<{
             readonly webkitRelativePath: string;
             readonly size: number;
             readonly type: string;
-            arrayBuffer: {
-                (): Promise<ArrayBuffer>;
-                (): Promise<ArrayBuffer>;
-            };
-            slice: {
-                (start?: number | undefined, end?: number | undefined, contentType?: string | undefined): Blob;
-                (start?: number | undefined, end?: number | undefined, contentType?: string | undefined): Blob;
-            };
-            stream: {
-                (): ReadableStream<any>;
-                (): NodeJS.ReadableStream;
-            };
-            text: {
-                (): Promise<string>;
-                (): Promise<string>;
-            };
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            slice: (start?: number | undefined, end?: number | undefined, contentType?: string | undefined) => Blob;
+            stream: () => ReadableStream<any>;
+            text: () => Promise<string>;
         };
     }[]>;
     uploadRef: import("vue").Ref<{
@@ -234,9 +221,9 @@ declare const _Upload: SFCWithInstall<import("vue").DefineComponent<{
 } & {
     type: string;
     disabled: boolean;
+    name: string;
     data: Record<string, any>;
     drag: boolean;
-    name: string;
     onChange: import("./src/upload.type").FileHandler<void>;
     multiple: boolean;
     onError: import("./src/upload.type").FileResultHandler<Error>;
@@ -261,9 +248,9 @@ declare const _Upload: SFCWithInstall<import("vue").DefineComponent<{
 } & {}>, {
     type: string;
     disabled: boolean;
+    name: string;
     data: Record<string, any>;
     drag: boolean;
-    name: string;
     onChange: import("./src/upload.type").FileHandler<void>;
     multiple: boolean;
     onError: import("./src/upload.type").FileResultHandler<Error>;
@@ -466,22 +453,10 @@ export declare const ElUpload: SFCWithInstall<import("vue").DefineComponent<{
             readonly webkitRelativePath: string;
             readonly size: number;
             readonly type: string;
-            arrayBuffer: {
-                (): Promise<ArrayBuffer>;
-                (): Promise<ArrayBuffer>;
-            };
-            slice: {
-                (start?: number | undefined, end?: number | undefined, contentType?: string | undefined): Blob;
-                (start?: number | undefined, end?: number | undefined, contentType?: string | undefined): Blob;
-            };
-            stream: {
-                (): ReadableStream<any>;
-                (): NodeJS.ReadableStream;
-            };
-            text: {
-                (): Promise<string>;
-                (): Promise<string>;
-            };
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            slice: (start?: number | undefined, end?: number | undefined, contentType?: string | undefined) => Blob;
+            stream: () => ReadableStream<any>;
+            text: () => Promise<string>;
         };
     }[]>;
     uploadRef: import("vue").Ref<{
@@ -520,9 +495,9 @@ export declare const ElUpload: SFCWithInstall<import("vue").DefineComponent<{
 } & {
     type: string;
     disabled: boolean;
+    name: string;
     data: Record<string, any>;
     drag: boolean;
-    name: string;
     onChange: import("./src/upload.type").FileHandler<void>;
     multiple: boolean;
     onError: import("./src/upload.type").FileResultHandler<Error>;
@@ -547,9 +522,9 @@ export declare const ElUpload: SFCWithInstall<import("vue").DefineComponent<{
 } & {}>, {
     type: string;
     disabled: boolean;
+    name: string;
     data: Record<string, any>;
     drag: boolean;
-    name: string;
     onChange: import("./src/upload.type").FileHandler<void>;
     multiple: boolean;
     onError: import("./src/upload.type").FileResultHandler<Error>;

package/lib/components/upload/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('./src/index.js');
-var index_vue_vue_type_script_lang = require('./src/index.vue_vue&type=script&lang.js');
+var index_vue_vue_type_script_lang = require('./src/index.vue_vue_type_script_lang.js');
 
 index_vue_vue_type_script_lang["default"].install = (app) => {
   app.component(index_vue_vue_type_script_lang["default"].name, index_vue_vue_type_script_lang["default"]);

package/lib/components/upload/src/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_vue_vue_type_script_lang = require('./index.vue_vue&type=script&lang.js');
+var index_vue_vue_type_script_lang = require('./index.vue_vue_type_script_lang.js');
 
 index_vue_vue_type_script_lang["default"].__file = "packages/components/upload/src/index.vue";
 

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

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import ajax from './ajax';
 import type { PropType } from 'vue';
 import type { Nullable } from 'element-plus/es/utils/types';
@@ -129,22 +128,10 @@ declare const _default: import("vue").DefineComponent<{
             readonly webkitRelativePath: string;
             readonly size: number;
             readonly type: string;
-            arrayBuffer: {
-                (): Promise<ArrayBuffer>;
-                (): Promise<ArrayBuffer>;
-            };
-            slice: {
-                (start?: number | undefined, end?: number | undefined, contentType?: string | undefined): Blob;
-                (start?: number | undefined, end?: number | undefined, contentType?: string | undefined): Blob;
-            };
-            stream: {
-                (): ReadableStream<any>;
-                (): NodeJS.ReadableStream;
-            };
-            text: {
-                (): Promise<string>;
-                (): Promise<string>;
-            };
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            slice: (start?: number | undefined, end?: number | undefined, contentType?: string | undefined) => Blob;
+            stream: () => ReadableStream<any>;
+            text: () => Promise<string>;
         };
     }[]>;
     uploadRef: import("vue").Ref<{
@@ -183,9 +170,9 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     type: string;
     disabled: boolean;
+    name: string;
     data: Record<string, any>;
     drag: boolean;
-    name: string;
     onChange: FileHandler<void>;
     multiple: boolean;
     onError: FileResultHandler<Error>;
@@ -210,9 +197,9 @@ declare const _default: import("vue").DefineComponent<{
 } & {}>, {
     type: string;
     disabled: boolean;
+    name: string;
     data: Record<string, any>;
     drag: boolean;
-    name: string;
     onChange: FileHandler<void>;
     multiple: boolean;
     onError: FileResultHandler<Error>;