@element-plus/nightly 0.0.20220119 → 0.0.20220123

package/es/components/tree/src/tree.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"tree.mjs","sources":["../../../../../../packages/components/tree/src/tree.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"el$\"\n    class=\"el-tree\"\n    :class=\"{\n      'el-tree--highlight-current': highlightCurrent,\n      'is-dragging': !!dragState.draggingNode,\n      'is-drop-not-allow': !dragState.allowDrop,\n      'is-drop-inner': dragState.dropType === 'inner',\n    }\"\n    role=\"tree\"\n  >\n    <el-tree-node\n      v-for=\"child in root.childNodes\"\n      :key=\"getNodeKey(child)\"\n      :node=\"child\"\n      :props=\"props\"\n      :accordion=\"accordion\"\n      :render-after-expand=\"renderAfterExpand\"\n      :show-checkbox=\"showCheckbox\"\n      :render-content=\"renderContent\"\n      @node-expand=\"handleNodeExpand\"\n    />\n    <div v-if=\"isEmpty\" 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      v-show=\"dragState.showDropIndicator\"\n      ref=\"dropIndicator$\"\n      class=\"el-tree__drop-indicator\"\n    ></div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  ref,\n  provide,\n  computed,\n  watch,\n  getCurrentInstance,\n} from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport TreeStore from './model/tree-store'\nimport { getNodeKey as getNodeKeyUtil } from './model/util'\nimport ElTreeNode from './tree-node.vue'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { useDragNodeHandler } from './model/useDragNode'\nimport { useKeydown } from './model/useKeydown'\nimport type Node from './model/node'\n\nimport type { ComponentInternalInstance, PropType, Component } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\nimport type {\n  TreeComponentProps,\n  TreeNodeData,\n  TreeKey,\n  TreeData,\n} from './tree.type'\n\nexport default defineComponent({\n  name: 'ElTree',\n  components: { ElTreeNode },\n  props: {\n    data: {\n      type: Array,\n      default: () => [],\n    },\n    emptyText: {\n      type: String,\n    },\n    renderAfterExpand: {\n      type: Boolean,\n      default: true,\n    },\n    nodeKey: String,\n    checkStrictly: Boolean,\n    defaultExpandAll: Boolean,\n    expandOnClickNode: {\n      type: Boolean,\n      default: true,\n    },\n    checkOnClickNode: Boolean,\n    checkDescendants: {\n      type: Boolean,\n      default: false,\n    },\n    autoExpandParent: {\n      type: Boolean,\n      default: true,\n    },\n    defaultCheckedKeys: Array as PropType<\n      TreeComponentProps['defaultCheckedKeys']\n    >,\n    defaultExpandedKeys: Array as PropType<\n      TreeComponentProps['defaultExpandedKeys']\n    >,\n    currentNodeKey: [String, Number] as PropType<string | number>,\n    renderContent: Function,\n    showCheckbox: {\n      type: Boolean,\n      default: false,\n    },\n    draggable: {\n      type: Boolean,\n      default: false,\n    },\n    allowDrag: Function,\n    allowDrop: Function,\n    props: {\n      type: Object as PropType<TreeComponentProps['props']>,\n      default: () => ({\n        children: 'children',\n        label: 'label',\n        disabled: 'disabled',\n      }),\n    },\n    lazy: {\n      type: Boolean,\n      default: false,\n    },\n    highlightCurrent: Boolean,\n    load: Function as PropType<TreeComponentProps['load']>,\n    filterNodeMethod: Function as PropType<\n      TreeComponentProps['filterNodeMethod']\n    >,\n    accordion: Boolean,\n    indent: {\n      type: Number,\n      default: 18,\n    },\n    icon: [String, Object] as PropType<string | Component>,\n  },\n  emits: [\n    'check-change',\n    'current-change',\n    'node-click',\n    'node-contextmenu',\n    'node-collapse',\n    'node-expand',\n    'check',\n    'node-drag-start',\n    'node-drag-end',\n    'node-drop',\n    'node-drag-leave',\n    'node-drag-enter',\n    'node-drag-over',\n  ],\n  setup(props, ctx) {\n    const { t } = useLocale()\n\n    const store = ref<TreeStore>(\n      new TreeStore({\n        key: props.nodeKey,\n        data: props.data,\n        lazy: props.lazy,\n        props: props.props,\n        load: props.load,\n        currentNodeKey: props.currentNodeKey,\n        checkStrictly: props.checkStrictly,\n        checkDescendants: props.checkDescendants,\n        defaultCheckedKeys: props.defaultCheckedKeys,\n        defaultExpandedKeys: props.defaultExpandedKeys,\n        autoExpandParent: props.autoExpandParent,\n        defaultExpandAll: props.defaultExpandAll,\n        filterNodeMethod: props.filterNodeMethod,\n      })\n    )\n\n    store.value.initialize()\n\n    const root = ref<Node>(store.value.root)\n    const currentNode = ref<Node>(null)\n    const el$ = ref<Nullable<HTMLElement>>(null)\n    const dropIndicator$ = ref<Nullable<HTMLElement>>(null)\n\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n\n    const { dragState } = useDragNodeHandler({\n      props,\n      ctx,\n      el$,\n      dropIndicator$,\n      store,\n    })\n\n    useKeydown({ el$ }, store)\n\n    const isEmpty = computed(() => {\n      const { childNodes } = root.value\n      return (\n        !childNodes ||\n        childNodes.length === 0 ||\n        childNodes.every(({ visible }) => !visible)\n      )\n    })\n\n    watch(\n      () => props.defaultCheckedKeys,\n      (newVal) => {\n        store.value.setDefaultCheckedKey(newVal)\n      }\n    )\n\n    watch(\n      () => props.defaultExpandedKeys,\n      (newVal) => {\n        store.value.defaultExpandedKeys = newVal\n        store.value.setDefaultExpandedKeys(newVal)\n      }\n    )\n\n    watch(\n      () => props.data,\n      (newVal) => {\n        store.value.setData(newVal)\n      },\n      { deep: true }\n    )\n\n    watch(\n      () => props.checkStrictly,\n      (newVal) => {\n        store.value.checkStrictly = newVal\n      }\n    )\n\n    const filter = (value) => {\n      if (!props.filterNodeMethod)\n        throw new Error('[Tree] filterNodeMethod is required when filter')\n      store.value.filter(value)\n    }\n\n    const getNodeKey = (node: Node) => {\n      return getNodeKeyUtil(props.nodeKey, node.data)\n    }\n\n    const getNodePath = (data: TreeKey | TreeNodeData) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in getNodePath')\n      const node = store.value.getNode(data)\n      if (!node) return []\n      const path = [node.data]\n      let parent = node.parent\n      while (parent && parent !== root.value) {\n        path.push(parent.data)\n        parent = parent.parent\n      }\n      return path.reverse()\n    }\n\n    const getCheckedNodes = (\n      leafOnly: boolean,\n      includeHalfChecked: boolean\n    ): TreeNodeData[] => {\n      return store.value.getCheckedNodes(leafOnly, includeHalfChecked)\n    }\n\n    const getCheckedKeys = (leafOnly: boolean): TreeKey[] => {\n      return store.value.getCheckedKeys(leafOnly)\n    }\n\n    const getCurrentNode = (): TreeNodeData => {\n      const currentNode = store.value.getCurrentNode()\n      return currentNode ? currentNode.data : null\n    }\n\n    const getCurrentKey = (): any => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in getCurrentKey')\n      const currentNode = getCurrentNode()\n      return currentNode ? currentNode[props.nodeKey] : null\n    }\n\n    const setCheckedNodes = (nodes: Node[], leafOnly: boolean) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in setCheckedNodes')\n      store.value.setCheckedNodes(nodes, leafOnly)\n    }\n\n    const setCheckedKeys = (keys, leafOnly: boolean) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in setCheckedKeys')\n      store.value.setCheckedKeys(keys, leafOnly)\n    }\n\n    const setChecked = (\n      data: TreeKey | TreeNodeData,\n      checked: boolean,\n      deep: boolean\n    ) => {\n      store.value.setChecked(data, checked, deep)\n    }\n\n    const getHalfCheckedNodes = (): TreeNodeData[] => {\n      return store.value.getHalfCheckedNodes()\n    }\n\n    const getHalfCheckedKeys = (): TreeKey[] => {\n      return store.value.getHalfCheckedKeys()\n    }\n\n    const setCurrentNode = (node: Node, shouldAutoExpandParent = true) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in setCurrentNode')\n      store.value.setUserCurrentNode(node, shouldAutoExpandParent)\n    }\n\n    const setCurrentKey = (key: TreeKey, shouldAutoExpandParent = true) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in setCurrentKey')\n      store.value.setCurrentNodeKey(key, shouldAutoExpandParent)\n    }\n\n    const getNode = (data: TreeKey | TreeNodeData): Node => {\n      return store.value.getNode(data)\n    }\n\n    const remove = (data: TreeNodeData | Node) => {\n      store.value.remove(data)\n    }\n\n    const append = (\n      data: TreeNodeData,\n      parentNode: TreeNodeData | TreeKey | Node\n    ) => {\n      store.value.append(data, parentNode)\n    }\n\n    const insertBefore = (\n      data: TreeNodeData,\n      refNode: TreeKey | TreeNodeData\n    ) => {\n      store.value.insertBefore(data, refNode)\n    }\n\n    const insertAfter = (\n      data: TreeNodeData,\n      refNode: TreeKey | TreeNodeData\n    ) => {\n      store.value.insertAfter(data, refNode)\n    }\n\n    const handleNodeExpand = (\n      nodeData: TreeNodeData,\n      node: Node,\n      instance: ComponentInternalInstance\n    ) => {\n      broadcastExpanded(node)\n      ctx.emit('node-expand', nodeData, node, instance)\n    }\n\n    const updateKeyChildren = (key: TreeKey, data: TreeData) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in updateKeyChild')\n      store.value.updateChildren(key, data)\n    }\n\n    provide('RootTree', {\n      ctx,\n      props,\n      store,\n      root,\n      currentNode,\n      instance: getCurrentInstance(),\n    } as any)\n\n    return {\n      // ref\n      store,\n      root,\n      currentNode,\n      dragState,\n      el$,\n      dropIndicator$,\n\n      // computed\n      isEmpty,\n\n      // methods\n      filter,\n      getNodeKey,\n      getNodePath,\n      getCheckedNodes,\n      getCheckedKeys,\n      getCurrentNode,\n      getCurrentKey,\n      setCheckedNodes,\n      setCheckedKeys,\n      setChecked,\n      getHalfCheckedNodes,\n      getHalfCheckedKeys,\n      setCurrentNode,\n      setCurrentKey,\n      t,\n      getNode,\n      remove,\n      append,\n      insertBefore,\n      insertAfter,\n      handleNodeExpand,\n      updateKeyChildren,\n    }\n  },\n})\n</script>\n"],"names":["getNodeKey","getNodeKeyUtil","_openBlock","_createElementBlock","_Fragment","_createBlock","_createElementVNode"],"mappings":"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"}

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

@@ -453,9 +453,9 @@ declare const _default: import("vue").DefineComponent<{
     "onNode-drag-enter"?: ((...args: any[]) => any) | undefined;
     "onNode-drag-over"?: ((...args: any[]) => any) | undefined;
 }, {
+    data: unknown[];
     lazy: boolean;
     props: import("./tree.type").TreeOptionProps;
-    data: unknown[];
     draggable: boolean;
     checkStrictly: boolean;
     accordion: boolean;

package/es/components/tree-v2/index.d.ts

@@ -77,8 +77,8 @@ export declare const ElTreeV2: import("../../utils/types").SFCWithInstall<import
     "onNode-collapse"?: ((data: import("../tree/src/tree.type").TreeNodeData, node: import("./src/types").TreeNode) => any) | undefined;
 }, {
     icon: string;
-    props: import("./src/types").TreeOptionProps;
     data: import("./src/types").TreeData;
+    props: import("./src/types").TreeOptionProps;
     height: number;
     emptyText: string;
     checkStrictly: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;

package/es/components/tree-v2/index.mjs

@@ -1,8 +1,7 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/tree.mjs';
-import script from './src/tree.vue_vue_type_script_lang.mjs';
+import TreeV2 from './src/tree.mjs';
 
-const ElTreeV2 = withInstall(script);
+const ElTreeV2 = withInstall(TreeV2);
 
 export { ElTreeV2, ElTreeV2 as default };
 //# sourceMappingURL=index.mjs.map

package/es/components/tree-v2/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/tree-v2/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport TreeV2 from './src/tree.vue'\n\nexport const ElTreeV2 = withInstall(TreeV2)\nexport default ElTreeV2\n"],"names":["TreeV2"],"mappings":";;;;AAEY,MAAC,QAAQ,GAAG,WAAW,CAACA,MAAM;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/tree-v2/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport TreeV2 from './src/tree.vue'\n\nexport const ElTreeV2 = withInstall(TreeV2)\nexport default ElTreeV2\n"],"names":[],"mappings":";;;AAEY,MAAC,QAAQ,GAAG,WAAW,CAAC,MAAM;;;;"}

package/es/components/tree-v2/src/tree-node.mjs

@@ -1,7 +1,113 @@
-import script from './tree-node.vue_vue_type_script_lang.mjs';
-export { default } from './tree-node.vue_vue_type_script_lang.mjs';
-import { render } from './tree-node.vue_vue_type_template_id_71d8f826_lang.mjs';
+import { defineComponent, inject, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, normalizeStyle, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, createVNode } from 'vue';
+import { CaretRight } from '@element-plus/icons-vue';
+import { ElIcon } from '../../icon/index.mjs';
+import { ElCheckbox } from '../../checkbox/index.mjs';
+import ElNodeContent from './tree-node-content.mjs';
+import { treeNodeProps, treeNodeEmits, ROOT_TREE_INJECTION_KEY, NODE_CONTEXTMENU } from './virtual-tree.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-script.render = render;
-script.__file = "packages/components/tree-v2/src/tree-node.vue";
+const DEFAULT_ICON = "caret-right";
+const _sfc_main = defineComponent({
+  name: "ElTreeNode",
+  components: {
+    ElIcon,
+    CaretRight,
+    ElCheckbox,
+    ElNodeContent
+  },
+  props: treeNodeProps,
+  emits: treeNodeEmits,
+  setup(props, { emit }) {
+    const tree = inject(ROOT_TREE_INJECTION_KEY);
+    const indent = computed(() => {
+      return tree?.props.indent ?? 16;
+    });
+    const icon = computed(() => {
+      return tree?.props.icon ?? DEFAULT_ICON;
+    });
+    const handleClick = (e) => {
+      emit("click", props.node, e);
+    };
+    const handleExpandIconClick = () => {
+      emit("toggle", props.node);
+    };
+    const handleCheckChange = (value) => {
+      emit("check", props.node, value);
+    };
+    const handleContextMenu = (event) => {
+      if (tree?.instance?.vnode?.props?.["onNodeContextmenu"]) {
+        event.stopPropagation();
+        event.preventDefault();
+      }
+      tree?.ctx.emit(NODE_CONTEXTMENU, event, props.node?.data, props.node);
+    };
+    return {
+      indent,
+      icon,
+      handleClick,
+      handleExpandIconClick,
+      handleCheckChange,
+      handleContextMenu
+    };
+  }
+});
+const _hoisted_1 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_checkbox = resolveComponent("el-checkbox");
+  const _component_el_node_content = resolveComponent("el-node-content");
+  return openBlock(), createElementBlock("div", {
+    ref: "node$",
+    class: 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": _ctx.node?.key,
+    onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])),
+    onContextmenu: _cache[2] || (_cache[2] = (...args) => _ctx.handleContextMenu && _ctx.handleContextMenu(...args))
+  }, [
+    createElementVNode("div", {
+      class: "el-tree-node__content",
+      style: normalizeStyle({ paddingLeft: `${(_ctx.node.level - 1) * _ctx.indent}px` })
+    }, [
+      _ctx.icon ? (openBlock(), createBlock(_component_el_icon, {
+        key: 0,
+        class: normalizeClass([
+          {
+            "is-leaf": _ctx.node?.isLeaf,
+            "is-hidden": _ctx.hiddenExpandIcon,
+            expanded: !_ctx.node?.isLeaf && _ctx.expanded
+          },
+          "el-tree-node__expand-icon"
+        ]),
+        onClick: withModifiers(_ctx.handleExpandIconClick, ["stop"])
+      }, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+        ]),
+        _: 1
+      }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
+      _ctx.showCheckbox ? (openBlock(), createBlock(_component_el_checkbox, {
+        key: 1,
+        "model-value": _ctx.checked,
+        indeterminate: _ctx.indeterminate,
+        disabled: _ctx.disabled,
+        onChange: _ctx.handleCheckChange,
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, null, 8, ["model-value", "indeterminate", "disabled", "onChange"])) : createCommentVNode("v-if", true),
+      createVNode(_component_el_node_content, { node: _ctx.node }, null, 8, ["node"])
+    ], 4)
+  ], 42, _hoisted_1);
+}
+var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { ElTreeNode as default };
 //# sourceMappingURL=tree-node.mjs.map

package/es/components/tree-v2/src/tree-node.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree-node.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"tree-node.mjs","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-vue'\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 = (e: MouseEvent) => {\n      emit('click', props.node, e)\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":["_openBlock","_createElementBlock","_createCommentVNode"],"mappings":";;;;;;;;AA+DA,MAAM,eAAe;AAErB,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,OAAO,OAAO;AAEpB,UAAM,SAAS,SAAS,MAAM;AAC5B,aAAO,MAAM,MAAM,UAAU;AAAA;AAG/B,UAAM,OAAO,SAAS,MAAM;AAC1B,aAAO,MAAM,MAAM,QAAQ;AAAA;AAG7B,UAAM,cAAc,CAAC,MAAkB;AACrC,WAAK,SAAS,MAAM,MAAM;AAAA;AAE5B,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,MAAM,UAAU,OAAO,QAAQ,sBAAsB;AACvD,cAAM;AACN,cAAM;AAAA;AAER,YAAM,IAAI,KAAK,kBAAkB,OAAO,MAAM,MAAM,MAAM,MAAM;AAAA;AAGlE,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;;SA3GEA,aAAOC;AAAA,IACX,KAAK;AAAA,0BAC0B,iBAAQ;AAAA,qBAAsB;AAAA,yBAAgC;AAAA,sBAA+B;AAAA;;IAO5H;AAAA,IACC;AAAA,IACA,iBAAe;AAAA,IACf,iBAAc;AAAA,IACd,gBAAU,KAAI;AAAA,IACd,YAAK;AAAA,IACL,gBAAW,8CAAE,+CAAiB;AAAA;KAE/B;AAAA,uBACQ;AAAA,MACL,OAAK;AAAA;OAGE;AAAA;QACL,KAAK;AAAA;;4BAA8E;AAAA,yBAAyC;AAAA;;;;;;yBAU7H;AAAA;;;qCAGMC,mBAAY;AAAA;QACjB;AAAA,QACA,eAAe;AAAA,QACf,eAAU;AAAA,QACV,UAAQ;AAAA,QACR,UAAK;AAAA;;+EAERA,mBAAgC;AAAA;;;;;;;;"}

package/es/components/tree-v2/src/tree.mjs

@@ -1,7 +1,131 @@
-import script from './tree.vue_vue_type_script_lang.mjs';
-export { default } from './tree.vue_vue_type_script_lang.mjs';
-import { render } from './tree.vue_vue_type_template_id_5b45a1b2_lang.mjs';
+import { defineComponent, provide, getCurrentInstance, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, normalizeStyle, createElementVNode, toDisplayString } from 'vue';
+import '../../../hooks/index.mjs';
+import '../../virtual-list/index.mjs';
+import { useTree } from './composables/useTree.mjs';
+import ElTreeNode from './tree-node.mjs';
+import { treeProps, treeEmits, ROOT_TREE_INJECTION_KEY } from './virtual-tree.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import FixedSizeList from '../../virtual-list/src/components/fixed-size-list.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
 
-script.render = render;
-script.__file = "packages/components/tree-v2/src/tree.vue";
+const _sfc_main = defineComponent({
+  name: "ElTreeV2",
+  components: {
+    ElTreeNode,
+    FixedSizeList
+  },
+  props: treeProps,
+  emits: treeEmits,
+  setup(props, ctx) {
+    provide(ROOT_TREE_INJECTION_KEY, {
+      ctx,
+      props,
+      instance: getCurrentInstance()
+    });
+    const { t } = useLocale();
+    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(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
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 1,
+  class: "el-tree__empty-block"
+};
+const _hoisted_2 = { class: "el-tree__empty-text" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tree_node = resolveComponent("el-tree-node");
+  const _component_fixed_size_list = resolveComponent("fixed-size-list");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["el-tree", {
+      "el-tree--highlight-current": _ctx.highlightCurrent
+    }]),
+    role: "tree"
+  }, [
+    _ctx.isNotEmpty ? (openBlock(), 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: withCtx(({ data, index, style }) => [
+        (openBlock(), createBlock(_component_el_tree_node, {
+          key: data[index].key,
+          style: 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"])) : (openBlock(), createElementBlock("div", _hoisted_1, [
+      createElementVNode("span", _hoisted_2, toDisplayString(_ctx.emptyText ?? _ctx.t("el.tree.emptyText")), 1)
+    ]))
+  ], 2);
+}
+var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { TreeV2 as default };
 //# sourceMappingURL=tree.mjs.map

package/es/components/tree-v2/src/tree.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"tree.mjs","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 { useLocale } 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 } = useLocale()\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":["_openBlock","_createBlock","_normalizeStyle","_createElementBlock"],"mappings":";;;;;;;;;;AAoDA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAkB,KAAK;AAC3B,YAAQ,yBAAyB;AAAA,MAC/B;AAAA,MACA;AAAA,MACA,UAAU;AAAA;AAEZ,UAAM,EAAE,MAAM;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,QACE,QAAQ,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;;EAvFU,KAAK;AAAA;;;;;;SAjCZA,gCAAU;AAAA,sCAC+B;AAAA;;;KAMtC;AAAA;MACN;AAAA,MACC,cAAM;AAAA,MACN,MAAK,KAAE;AAAA,MACP,OAAM,KAAE,YAAM;AAAA,MACd,aAAW;AAAA,MACX,aAAW;AAAA;OAED;AAAA,uBACT,gBAcgB;AAAA,sBAbHC,YAAU;AAAA,UACpB,KAAK;AAAA,UACL,OAAMC,eAAU;AAAA,UAChB,WAAU;AAAA,UACV,eAAa,WAAE;AAAA,UACf,iBAAS;AAAA,UACT,cAAa,UAAE;AAAA,UACf,eAAU,qBAAqB;AAAA,UAC/B,UAAS,gBAAU,KAAK;AAAA,UACxB,wBAAoB;AAAA,UACpB,sBAAO,6BAAe;AAAA,UACtB,SAAM,KAAE;AAAA,UACR,UAAO;AAAA;;;;UAId,kBAIM,UAJN,aAIM,+BAHJC,0BAES;AAAA;;;;;;;;"}

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

@@ -77,8 +77,8 @@ declare const _default: import("vue").DefineComponent<{
     "onNode-collapse"?: ((data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
 }, {
     icon: string;
-    props: import("./types").TreeOptionProps;
     data: import("./types").TreeData;
+    props: import("./types").TreeOptionProps;
     height: number;
     emptyText: string;
     checkStrictly: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;

package/es/components/upload/index.mjs

@@ -1,10 +1,9 @@
-import './src/index.mjs';
-import script from './src/index.vue_vue_type_script_lang.mjs';
+import _sfc_main from './src/index.mjs';
 
-script.install = (app) => {
-  app.component(script.name, script);
+_sfc_main.install = (app) => {
+  app.component(_sfc_main.name, _sfc_main);
 };
-const _Upload = script;
+const _Upload = _sfc_main;
 const ElUpload = _Upload;
 
 export { ElUpload, _Upload as default };

package/es/components/upload/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/upload/index.ts"],"sourcesContent":["import Upload from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nUpload.install = (app: App): void => {\n  app.component(Upload.name, Upload)\n}\n\nconst _Upload = Upload as SFCWithInstall<typeof Upload>\n\nexport default _Upload\nexport const ElUpload = _Upload\n"],"names":["Upload"],"mappings":";;;AACAA,MAAM,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AAC1B,EAAE,GAAG,CAAC,SAAS,CAACA,MAAM,CAAC,IAAI,EAAEA,MAAM,CAAC,CAAC;AACrC,CAAC,CAAC;AACG,MAAC,OAAO,GAAGA,OAAO;AAEX,MAAC,QAAQ,GAAG;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/upload/index.ts"],"sourcesContent":["import Upload from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nUpload.install = (app: App): void => {\n  app.component(Upload.name, Upload)\n}\n\nconst _Upload = Upload as SFCWithInstall<typeof Upload>\n\nexport default _Upload\nexport const ElUpload = _Upload\n"],"names":["Upload"],"mappings":";;AACAA,SAAM,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AAC1B,EAAE,GAAG,CAAC,SAAS,CAACA,SAAM,CAAC,IAAI,EAAEA,SAAM,CAAC,CAAC;AACrC,CAAC,CAAC;AACG,MAAC,OAAO,GAAGA,UAAO;AAEX,MAAC,QAAQ,GAAG;;;;"}

package/es/components/upload/src/index.mjs

@@ -1,5 +1,219 @@
-import script from './index.vue_vue_type_script_lang.mjs';
-export { default } from './index.vue_vue_type_script_lang.mjs';
+import { defineComponent, inject, computed, provide, getCurrentInstance, onBeforeUnmount, ref, h } from 'vue';
+import { NOOP } from '@vue/shared';
+import '../../../tokens/index.mjs';
+import upload from './ajax.mjs';
+import UploadList from './upload-list.mjs';
+import Upload from './upload.mjs';
+import useHandlers from './useHandlers.mjs';
+import { elFormKey } from '../../../tokens/form.mjs';
 
-script.__file = "packages/components/upload/src/index.vue";
+const _sfc_main = defineComponent({
+  name: "ElUpload",
+  components: {
+    Upload,
+    UploadList
+  },
+  props: {
+    action: {
+      type: String,
+      required: true
+    },
+    headers: {
+      type: Object,
+      default: () => ({})
+    },
+    method: {
+      type: String,
+      default: "post"
+    },
+    data: {
+      type: Object,
+      default: () => ({})
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    name: {
+      type: String,
+      default: "file"
+    },
+    drag: {
+      type: Boolean,
+      default: false
+    },
+    withCredentials: Boolean,
+    showFileList: {
+      type: Boolean,
+      default: true
+    },
+    accept: {
+      type: String,
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "select"
+    },
+    beforeUpload: {
+      type: Function,
+      default: NOOP
+    },
+    beforeRemove: {
+      type: Function,
+      default: NOOP
+    },
+    onRemove: {
+      type: Function,
+      default: NOOP
+    },
+    onChange: {
+      type: Function,
+      default: NOOP
+    },
+    onPreview: {
+      type: Function,
+      default: NOOP
+    },
+    onSuccess: {
+      type: Function,
+      default: NOOP
+    },
+    onProgress: {
+      type: Function,
+      default: NOOP
+    },
+    onError: {
+      type: Function,
+      default: NOOP
+    },
+    fileList: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    autoUpload: {
+      type: Boolean,
+      default: true
+    },
+    listType: {
+      type: String,
+      default: "text"
+    },
+    httpRequest: {
+      type: Function,
+      default: upload
+    },
+    disabled: Boolean,
+    limit: {
+      type: Number,
+      default: null
+    },
+    onExceed: {
+      type: Function,
+      default: () => NOOP
+    }
+  },
+  setup(props) {
+    const elForm = inject(elFormKey, {});
+    const uploadDisabled = computed(() => {
+      return props.disabled || elForm.disabled;
+    });
+    const {
+      abort,
+      clearFiles,
+      handleError,
+      handleProgress,
+      handleStart,
+      handleSuccess,
+      handleRemove,
+      submit,
+      uploadRef,
+      uploadFiles
+    } = useHandlers(props);
+    provide("uploader", getCurrentInstance());
+    onBeforeUnmount(() => {
+      uploadFiles.value.forEach((file) => {
+        if (file.url && file.url.indexOf("blob:") === 0) {
+          URL.revokeObjectURL(file.url);
+        }
+      });
+    });
+    return {
+      abort,
+      dragOver: ref(false),
+      draging: ref(false),
+      handleError,
+      handleProgress,
+      handleRemove,
+      handleStart,
+      handleSuccess,
+      uploadDisabled,
+      uploadFiles,
+      uploadRef,
+      submit,
+      clearFiles
+    };
+  },
+  render() {
+    let uploadList;
+    if (this.showFileList) {
+      uploadList = h(UploadList, {
+        disabled: this.uploadDisabled,
+        listType: this.listType,
+        files: this.uploadFiles,
+        onRemove: this.handleRemove,
+        handlePreview: this.onPreview
+      }, this.$slots.file ? {
+        default: (props) => {
+          return this.$slots.file({
+            file: props.file
+          });
+        }
+      } : null);
+    } else {
+      uploadList = null;
+    }
+    const uploadData = {
+      type: this.type,
+      drag: this.drag,
+      action: this.action,
+      multiple: this.multiple,
+      "before-upload": this.beforeUpload,
+      "with-credentials": this.withCredentials,
+      headers: this.headers,
+      method: this.method,
+      name: this.name,
+      data: this.data,
+      accept: this.accept,
+      fileList: this.uploadFiles,
+      autoUpload: this.autoUpload,
+      listType: this.listType,
+      disabled: this.uploadDisabled,
+      limit: this.limit,
+      "on-exceed": this.onExceed,
+      "on-start": this.handleStart,
+      "on-progress": this.handleProgress,
+      "on-success": this.handleSuccess,
+      "on-error": this.handleError,
+      "on-preview": this.onPreview,
+      "on-remove": this.handleRemove,
+      "http-request": this.httpRequest,
+      ref: "uploadRef"
+    };
+    const trigger = this.$slots.trigger || this.$slots.default;
+    const uploadComponent = h(Upload, uploadData, {
+      default: () => trigger?.()
+    });
+    return h("div", [
+      this.listType === "picture-card" ? uploadList : null,
+      this.$slots.trigger ? [uploadComponent, this.$slots.default()] : uploadComponent,
+      this.$slots.tip?.(),
+      this.listType !== "picture-card" ? uploadList : null
+    ]);
+  }
+});
+
+export { _sfc_main as default };
 //# sourceMappingURL=index.mjs.map

package/es/components/upload/src/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/upload/src/index.vue"],"sourcesContent":["<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  h,\n  getCurrentInstance,\n  inject,\n  ref,\n  provide,\n  onBeforeUnmount,\n} from 'vue'\nimport { NOOP } from '@vue/shared'\nimport { elFormKey } from '@element-plus/tokens'\n\nimport ajax from './ajax'\nimport UploadList from './upload-list.vue'\nimport Upload from './upload.vue'\nimport useHandlers from './useHandlers'\n\nimport type { PropType } from 'vue'\nimport type { ElFormContext } from '@element-plus/tokens'\nimport type { Nullable } from '@element-plus/utils/types'\nimport type {\n  ListType,\n  UploadFile,\n  FileHandler,\n  FileResultHandler,\n} from './upload.type'\n\ntype PFileHandler<T> = PropType<FileHandler<T>>\ntype PFileResultHandler<T = any> = PropType<FileResultHandler<T>>\n\nexport default defineComponent({\n  name: 'ElUpload',\n  components: {\n    Upload,\n    UploadList,\n  },\n  props: {\n    action: {\n      type: String,\n      required: true,\n    },\n    headers: {\n      type: Object as PropType<Headers>,\n      default: () => ({}),\n    },\n    method: {\n      type: String,\n      default: 'post',\n    },\n    data: {\n      type: Object,\n      default: () => ({}),\n    },\n    multiple: {\n      type: Boolean,\n      default: false,\n    },\n    name: {\n      type: String,\n      default: 'file',\n    },\n    drag: {\n      type: Boolean,\n      default: false,\n    },\n    withCredentials: Boolean,\n    showFileList: {\n      type: Boolean,\n      default: true,\n    },\n    accept: {\n      type: String,\n      default: '',\n    },\n    type: {\n      type: String,\n      default: 'select',\n    },\n    beforeUpload: {\n      type: Function as PFileHandler<void>,\n      default: NOOP,\n    },\n    beforeRemove: {\n      type: Function as PFileHandler<boolean>,\n      default: NOOP,\n    },\n    onRemove: {\n      type: Function as PFileHandler<void>,\n      default: NOOP,\n    },\n    onChange: {\n      type: Function as PFileHandler<void>,\n      default: NOOP,\n    },\n    onPreview: {\n      type: Function as PropType<() => void>,\n      default: NOOP,\n    },\n    onSuccess: {\n      type: Function as PFileResultHandler,\n      default: NOOP,\n    },\n    onProgress: {\n      type: Function as PFileResultHandler<ProgressEvent>,\n      default: NOOP,\n    },\n    onError: {\n      type: Function as PFileResultHandler<Error>,\n      default: NOOP,\n    },\n    fileList: {\n      type: Array as PropType<UploadFile[]>,\n      default: () => {\n        return [] as UploadFile[]\n      },\n    },\n    autoUpload: {\n      type: Boolean,\n      default: true,\n    },\n    listType: {\n      type: String as PropType<ListType>,\n      default: 'text' as ListType, // text,picture,picture-card\n    },\n    httpRequest: {\n      type: Function,\n      default: ajax,\n    },\n    disabled: Boolean,\n    limit: {\n      type: Number as PropType<Nullable<number>>,\n      default: null,\n    },\n    onExceed: {\n      type: Function,\n      default: () => NOOP,\n    },\n  },\n  setup(props) {\n    const elForm = inject(elFormKey, {} as ElFormContext)\n\n    const uploadDisabled = computed(() => {\n      return props.disabled || elForm.disabled\n    })\n\n    const {\n      abort,\n      clearFiles,\n      handleError,\n      handleProgress,\n      handleStart,\n      handleSuccess,\n      handleRemove,\n      submit,\n      uploadRef,\n      uploadFiles,\n    } = useHandlers(props)\n\n    provide('uploader', getCurrentInstance())\n\n    onBeforeUnmount(() => {\n      uploadFiles.value.forEach((file) => {\n        if (file.url && file.url.indexOf('blob:') === 0) {\n          URL.revokeObjectURL(file.url)\n        }\n      })\n    })\n\n    return {\n      abort,\n      dragOver: ref(false),\n      draging: ref(false),\n      handleError,\n      handleProgress,\n      handleRemove,\n      handleStart,\n      handleSuccess,\n      uploadDisabled,\n      uploadFiles,\n      uploadRef,\n      submit,\n      clearFiles,\n    }\n  },\n  render() {\n    let uploadList\n    if (this.showFileList) {\n      uploadList = h(\n        UploadList,\n        {\n          disabled: this.uploadDisabled,\n          listType: this.listType,\n          files: this.uploadFiles,\n          onRemove: this.handleRemove,\n          handlePreview: this.onPreview,\n        },\n        this.$slots.file\n          ? {\n              default: (props: { file: UploadFile }) => {\n                return this.$slots.file({\n                  file: props.file,\n                })\n              },\n            }\n          : null\n      )\n    } else {\n      uploadList = null\n    }\n\n    const uploadData = {\n      type: this.type,\n      drag: this.drag,\n      action: this.action,\n      multiple: this.multiple,\n      'before-upload': this.beforeUpload,\n      'with-credentials': this.withCredentials,\n      headers: this.headers,\n      method: this.method,\n      name: this.name,\n      data: this.data,\n      accept: this.accept,\n      fileList: this.uploadFiles,\n      autoUpload: this.autoUpload,\n      listType: this.listType,\n      disabled: this.uploadDisabled,\n      limit: this.limit,\n      'on-exceed': this.onExceed,\n      'on-start': this.handleStart,\n      'on-progress': this.handleProgress,\n      'on-success': this.handleSuccess,\n      'on-error': this.handleError,\n      'on-preview': this.onPreview,\n      'on-remove': this.handleRemove,\n      'http-request': this.httpRequest,\n      ref: 'uploadRef',\n    }\n    const trigger = this.$slots.trigger || this.$slots.default\n    const uploadComponent = h(Upload, uploadData, {\n      default: () => trigger?.(),\n    })\n    return h('div', [\n      this.listType === 'picture-card' ? uploadList : null,\n      this.$slots.trigger\n        ? [uploadComponent, this.$slots.default()]\n        : uploadComponent,\n      this.$slots.tip?.(),\n      this.listType !== 'picture-card' ? uploadList : null,\n    ])\n  },\n})\n</script>\n"],"names":["ajax"],"mappings":"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"}