@element-plus/nightly 0.0.20250421 → 0.0.20250423

package/lib/components/tree/src/model/useKeydown.js

@@ -9,17 +9,12 @@ var aria = require('../../../../constants/aria.js');
 
 function useKeydown({ el$ }, store) {
   const ns = index.useNamespace("tree");
-  const treeItems = vue.shallowRef([]);
-  const checkboxItems = vue.shallowRef([]);
   vue.onMounted(() => {
     initTabIndex();
   });
   vue.onUpdated(() => {
-    treeItems.value = Array.from(el$.value.querySelectorAll("[role=treeitem]"));
-    checkboxItems.value = Array.from(el$.value.querySelectorAll("input[type=checkbox]"));
-  });
-  vue.watch(checkboxItems, (val) => {
-    val.forEach((checkbox) => {
+    const checkboxItems = Array.from(el$.value.querySelectorAll("input[type=checkbox]"));
+    checkboxItems.forEach((checkbox) => {
       checkbox.setAttribute("tabindex", "-1");
     });
   });
@@ -28,16 +23,16 @@ function useKeydown({ el$ }, store) {
     if (!currentItem.className.includes(ns.b("node")))
       return;
     const code = ev.code;
-    treeItems.value = Array.from(el$.value.querySelectorAll(`.${ns.is("focusable")}[role=treeitem]`));
-    const currentIndex = treeItems.value.indexOf(currentItem);
+    const treeItems = Array.from(el$.value.querySelectorAll(`.${ns.is("focusable")}[role=treeitem]`));
+    const currentIndex = treeItems.indexOf(currentItem);
     let nextIndex;
     if ([aria.EVENT_CODE.up, aria.EVENT_CODE.down].includes(code)) {
       ev.preventDefault();
       if (code === aria.EVENT_CODE.up) {
-        nextIndex = currentIndex === -1 ? 0 : currentIndex !== 0 ? currentIndex - 1 : treeItems.value.length - 1;
+        nextIndex = currentIndex === -1 ? 0 : currentIndex !== 0 ? currentIndex - 1 : treeItems.length - 1;
         const startIndex = nextIndex;
         while (true) {
-          if (store.value.getNode(treeItems.value[nextIndex].dataset.key).canFocus)
+          if (store.value.getNode(treeItems[nextIndex].dataset.key).canFocus)
             break;
           nextIndex--;
           if (nextIndex === startIndex) {
@@ -45,26 +40,26 @@ function useKeydown({ el$ }, store) {
             break;
           }
           if (nextIndex < 0) {
-            nextIndex = treeItems.value.length - 1;
+            nextIndex = treeItems.length - 1;
           }
         }
       } else {
-        nextIndex = currentIndex === -1 ? 0 : currentIndex < treeItems.value.length - 1 ? currentIndex + 1 : 0;
+        nextIndex = currentIndex === -1 ? 0 : currentIndex < treeItems.length - 1 ? currentIndex + 1 : 0;
         const startIndex = nextIndex;
         while (true) {
-          if (store.value.getNode(treeItems.value[nextIndex].dataset.key).canFocus)
+          if (store.value.getNode(treeItems[nextIndex].dataset.key).canFocus)
             break;
           nextIndex++;
           if (nextIndex === startIndex) {
             nextIndex = -1;
             break;
           }
-          if (nextIndex >= treeItems.value.length) {
+          if (nextIndex >= treeItems.length) {
             nextIndex = 0;
           }
         }
       }
-      nextIndex !== -1 && treeItems.value[nextIndex].focus();
+      nextIndex !== -1 && treeItems[nextIndex].focus();
     }
     if ([aria.EVENT_CODE.left, aria.EVENT_CODE.right].includes(code)) {
       ev.preventDefault();
@@ -79,14 +74,17 @@ function useKeydown({ el$ }, store) {
   core.useEventListener(el$, "keydown", handleKeydown);
   const initTabIndex = () => {
     var _a;
-    treeItems.value = Array.from(el$.value.querySelectorAll(`.${ns.is("focusable")}[role=treeitem]`));
-    checkboxItems.value = Array.from(el$.value.querySelectorAll("input[type=checkbox]"));
+    const treeItems = Array.from(el$.value.querySelectorAll(`.${ns.is("focusable")}[role=treeitem]`));
+    const checkboxItems = Array.from(el$.value.querySelectorAll("input[type=checkbox]"));
+    checkboxItems.forEach((checkbox) => {
+      checkbox.setAttribute("tabindex", "-1");
+    });
     const checkedItem = el$.value.querySelectorAll(`.${ns.is("checked")}[role=treeitem]`);
     if (checkedItem.length) {
       checkedItem[0].setAttribute("tabindex", "0");
       return;
     }
-    (_a = treeItems.value[0]) == null ? void 0 : _a.setAttribute("tabindex", "0");
+    (_a = treeItems[0]) == null ? void 0 : _a.setAttribute("tabindex", "0");
   };
 }
 

package/lib/components/tree/src/model/useKeydown.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeydown.js","sources":["../../../../../../../packages/components/tree/src/model/useKeydown.ts"],"sourcesContent":["// @ts-nocheck\nimport { onMounted, onUpdated, shallowRef, watch } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport type TreeStore from './tree-store'\n\nimport type { Ref } from 'vue'\nimport type { Nullable } from '@element-plus/utils'\n\ninterface UseKeydownOption {\n  el$: Ref<HTMLElement>\n}\nexport function useKeydown({ el$ }: UseKeydownOption, store: Ref<TreeStore>) {\n  const ns = useNamespace('tree')\n\n  const treeItems = shallowRef<Nullable<HTMLElement>[]>([])\n  const checkboxItems = shallowRef<Nullable<HTMLElement>[]>([])\n\n  onMounted(() => {\n    initTabIndex()\n  })\n\n  onUpdated(() => {\n    treeItems.value = Array.from(el$.value.querySelectorAll('[role=treeitem]'))\n    checkboxItems.value = Array.from(\n      el$.value.querySelectorAll('input[type=checkbox]')\n    )\n  })\n\n  watch(checkboxItems, (val) => {\n    val.forEach((checkbox) => {\n      checkbox.setAttribute('tabindex', '-1')\n    })\n  })\n\n  const handleKeydown = (ev: KeyboardEvent): void => {\n    const currentItem = ev.target as HTMLElement\n    if (!currentItem.className.includes(ns.b('node'))) return\n    const code = ev.code\n    treeItems.value = Array.from(\n      el$.value.querySelectorAll(`.${ns.is('focusable')}[role=treeitem]`)\n    )\n    const currentIndex = treeItems.value.indexOf(currentItem)\n    let nextIndex\n    if ([EVENT_CODE.up, EVENT_CODE.down].includes(code)) {\n      ev.preventDefault()\n      if (code === EVENT_CODE.up) {\n        nextIndex =\n          currentIndex === -1\n            ? 0\n            : currentIndex !== 0\n            ? currentIndex - 1\n            : treeItems.value.length - 1\n        const startIndex = nextIndex\n        while (true) {\n          if (\n            store.value.getNode(treeItems.value[nextIndex].dataset.key).canFocus\n          )\n            break\n          nextIndex--\n          if (nextIndex === startIndex) {\n            nextIndex = -1\n            break\n          }\n          if (nextIndex < 0) {\n            nextIndex = treeItems.value.length - 1\n          }\n        }\n      } else {\n        nextIndex =\n          currentIndex === -1\n            ? 0\n            : currentIndex < treeItems.value.length - 1\n            ? currentIndex + 1\n            : 0\n        const startIndex = nextIndex\n        while (true) {\n          if (\n            store.value.getNode(treeItems.value[nextIndex].dataset.key).canFocus\n          )\n            break\n          nextIndex++\n          if (nextIndex === startIndex) {\n            nextIndex = -1\n            break\n          }\n          if (nextIndex >= treeItems.value.length) {\n            nextIndex = 0\n          }\n        }\n      }\n      nextIndex !== -1 && treeItems.value[nextIndex].focus()\n    }\n    if ([EVENT_CODE.left, EVENT_CODE.right].includes(code)) {\n      ev.preventDefault()\n      currentItem.click()\n    }\n    const hasInput = currentItem.querySelector(\n      '[type=\"checkbox\"]'\n    ) as Nullable<HTMLInputElement>\n    if (\n      [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space].includes(\n        code\n      ) &&\n      hasInput\n    ) {\n      ev.preventDefault()\n      hasInput.click()\n    }\n  }\n\n  useEventListener(el$, 'keydown', handleKeydown)\n\n  const initTabIndex = (): void => {\n    treeItems.value = Array.from(\n      el$.value.querySelectorAll(`.${ns.is('focusable')}[role=treeitem]`)\n    )\n    checkboxItems.value = Array.from(\n      el$.value.querySelectorAll('input[type=checkbox]')\n    )\n    const checkedItem = el$.value.querySelectorAll(\n      `.${ns.is('checked')}[role=treeitem]`\n    )\n    if (checkedItem.length) {\n      checkedItem[0].setAttribute('tabindex', '0')\n      return\n    }\n    treeItems.value[0]?.setAttribute('tabindex', '0')\n  }\n}\n"],"names":["useNamespace","shallowRef","onMounted","onUpdated","watch","EVENT_CODE","useEventListener"],"mappings":"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"}
+{"version":3,"file":"useKeydown.js","sources":["../../../../../../../packages/components/tree/src/model/useKeydown.ts"],"sourcesContent":["// @ts-nocheck\nimport { onMounted, onUpdated } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport type TreeStore from './tree-store'\n\nimport type { Ref } from 'vue'\nimport type { Nullable } from '@element-plus/utils'\n\ninterface UseKeydownOption {\n  el$: Ref<HTMLElement>\n}\nexport function useKeydown({ el$ }: UseKeydownOption, store: Ref<TreeStore>) {\n  const ns = useNamespace('tree')\n\n  onMounted(() => {\n    initTabIndex()\n  })\n\n  onUpdated(() => {\n    const checkboxItems = Array.from(\n      el$.value.querySelectorAll('input[type=checkbox]')\n    )\n    checkboxItems.forEach((checkbox) => {\n      checkbox.setAttribute('tabindex', '-1')\n    })\n  })\n\n  const handleKeydown = (ev: KeyboardEvent): void => {\n    const currentItem = ev.target as HTMLElement\n    if (!currentItem.className.includes(ns.b('node'))) return\n    const code = ev.code\n    const treeItems = Array.from(\n      el$.value.querySelectorAll(`.${ns.is('focusable')}[role=treeitem]`)\n    )\n    const currentIndex = treeItems.indexOf(currentItem)\n    let nextIndex\n    if ([EVENT_CODE.up, EVENT_CODE.down].includes(code)) {\n      ev.preventDefault()\n      if (code === EVENT_CODE.up) {\n        nextIndex =\n          currentIndex === -1\n            ? 0\n            : currentIndex !== 0\n            ? currentIndex - 1\n            : treeItems.length - 1\n        const startIndex = nextIndex\n        while (true) {\n          if (store.value.getNode(treeItems[nextIndex].dataset.key).canFocus)\n            break\n          nextIndex--\n          if (nextIndex === startIndex) {\n            nextIndex = -1\n            break\n          }\n          if (nextIndex < 0) {\n            nextIndex = treeItems.length - 1\n          }\n        }\n      } else {\n        nextIndex =\n          currentIndex === -1\n            ? 0\n            : currentIndex < treeItems.length - 1\n            ? currentIndex + 1\n            : 0\n        const startIndex = nextIndex\n        while (true) {\n          if (store.value.getNode(treeItems[nextIndex].dataset.key).canFocus)\n            break\n          nextIndex++\n          if (nextIndex === startIndex) {\n            nextIndex = -1\n            break\n          }\n          if (nextIndex >= treeItems.length) {\n            nextIndex = 0\n          }\n        }\n      }\n      nextIndex !== -1 && treeItems[nextIndex].focus()\n    }\n    if ([EVENT_CODE.left, EVENT_CODE.right].includes(code)) {\n      ev.preventDefault()\n      currentItem.click()\n    }\n    const hasInput = currentItem.querySelector(\n      '[type=\"checkbox\"]'\n    ) as Nullable<HTMLInputElement>\n    if (\n      [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space].includes(\n        code\n      ) &&\n      hasInput\n    ) {\n      ev.preventDefault()\n      hasInput.click()\n    }\n  }\n\n  useEventListener(el$, 'keydown', handleKeydown)\n\n  const initTabIndex = (): void => {\n    const treeItems = Array.from(\n      el$.value.querySelectorAll(`.${ns.is('focusable')}[role=treeitem]`)\n    )\n    const checkboxItems = Array.from(\n      el$.value.querySelectorAll('input[type=checkbox]')\n    )\n    checkboxItems.forEach((checkbox) => {\n      checkbox.setAttribute('tabindex', '-1')\n    })\n    const checkedItem = el$.value.querySelectorAll(\n      `.${ns.is('checked')}[role=treeitem]`\n    )\n    if (checkedItem.length) {\n      checkedItem[0].setAttribute('tabindex', '0')\n      return\n    }\n    treeItems[0]?.setAttribute('tabindex', '0')\n  }\n}\n"],"names":["useNamespace","onMounted","onUpdated","EVENT_CODE","useEventListener"],"mappings":"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"}

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var index$1 = require('../../text/index.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-namespace/index.js');
 
@@ -23,7 +24,7 @@ const _sfc_main = vue.defineComponent({
       const node = props.node;
       const { data, store } = node;
       return props.renderContent ? props.renderContent(vue.h, { _self: nodeInstance, node, data, store }) : vue.renderSlot(tree.ctx.slots, "default", { node, data }, () => [
-        vue.h("span", { class: ns.be("node", "label") }, [node.label])
+        vue.h(index$1.ElText, { tag: "span", truncated: true, class: ns.be("node", "label") }, () => [node.label])
       ]);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"tree-node-content.js","sources":["../../../../../../packages/components/tree/src/tree-node-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, h, inject, renderSlot } from 'vue'\n\nimport { useNamespace } from '@element-plus/hooks'\nimport type { ComponentInternalInstance } from 'vue'\nimport type { RootTreeType } from './tree.type'\n\nexport default defineComponent({\n  name: 'ElTreeNodeContent',\n  props: {\n    node: {\n      type: Object,\n      required: true,\n    },\n    renderContent: Function,\n  },\n  setup(props) {\n    const ns = useNamespace('tree')\n    const nodeInstance = inject<ComponentInternalInstance>('NodeInstance')\n    const tree = inject<RootTreeType>('RootTree')!\n    return () => {\n      const node = props.node\n      const { data, store } = node\n      return props.renderContent\n        ? props.renderContent(h, { _self: nodeInstance, node, data, store })\n        : renderSlot(tree.ctx.slots, 'default', { node, data }, () => [\n            h('span', { class: ns.be('node', 'label') }, [node.label]),\n          ])\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace","inject","h","renderSlot"],"mappings":";;;;;;;;AAOA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,mBAAA;AAAA,EACN,KAAO,EAAA;AAAA,IACL,IAAM,EAAA;AAAA,MACJ,IAAM,EAAA,MAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,KACZ;AAAA,IACA,aAAe,EAAA,QAAA;AAAA,GACjB;AAAA,EACA,MAAM,KAAO,EAAA;AACX,IAAM,MAAA,EAAA,GAAKC,mBAAa,MAAM,CAAA,CAAA;AAC9B,IAAM,MAAA,YAAA,GAAeC,WAAkC,cAAc,CAAA,CAAA;AACrE,IAAM,MAAA,IAAA,GAAOA,WAAqB,UAAU,CAAA,CAAA;AAC5C,IAAA,OAAO,MAAM;AACX,MAAA,MAAM,OAAO,KAAM,CAAA,IAAA,CAAA;AACnB,MAAM,MAAA,EAAE,IAAM,EAAA,KAAA,EAAU,GAAA,IAAA,CAAA;AACxB,MAAO,OAAA,KAAA,CAAM,gBACT,KAAM,CAAA,aAAA,CAAcC,OAAG,EAAE,KAAA,EAAO,YAAc,EAAA,IAAA,EAAM,IAAM,EAAA,KAAA,EAAO,CACjE,GAAAC,cAAA,CAAW,KAAK,GAAI,CAAA,KAAA,EAAO,WAAW,EAAE,IAAA,EAAM,IAAK,EAAA,EAAG,MAAM;AAAA,QAC1DD,KAAE,CAAA,MAAA,EAAQ,EAAE,KAAA,EAAO,EAAG,CAAA,EAAA,CAAG,MAAQ,EAAA,OAAO,CAAE,EAAA,EAAG,CAAC,IAAA,CAAK,KAAK,CAAC,CAAA;AAAA,OAC1D,CAAA,CAAA;AAAA,KACP,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;;"}
+{"version":3,"file":"tree-node-content.js","sources":["../../../../../../packages/components/tree/src/tree-node-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, h, inject, renderSlot } from 'vue'\nimport ElText from '@element-plus/components/text'\n\nimport { useNamespace } from '@element-plus/hooks'\nimport type { ComponentInternalInstance } from 'vue'\nimport type { RootTreeType } from './tree.type'\n\nexport default defineComponent({\n  name: 'ElTreeNodeContent',\n  props: {\n    node: {\n      type: Object,\n      required: true,\n    },\n    renderContent: Function,\n  },\n  setup(props) {\n    const ns = useNamespace('tree')\n    const nodeInstance = inject<ComponentInternalInstance>('NodeInstance')\n    const tree = inject<RootTreeType>('RootTree')!\n    return () => {\n      const node = props.node\n      const { data, store } = node\n      return props.renderContent\n        ? props.renderContent(h, { _self: nodeInstance, node, data, store })\n        : renderSlot(tree.ctx.slots, 'default', { node, data }, () => [\n            h(\n              ElText,\n              { tag: 'span', truncated: true, class: ns.be('node', 'label') },\n              () => [node.label]\n            ),\n          ])\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace","inject","h","renderSlot","ElText","_export_sfc"],"mappings":";;;;;;;;;AAQA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,mBAAA;AAAA,EACN,KAAO,EAAA;AAAA,IACL,IAAM,EAAA;AAAA,MACJ,IAAM,EAAA,MAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,KACZ;AAAA,IACA,aAAe,EAAA,QAAA;AAAA,GACjB;AAAA,EACA,MAAM,KAAO,EAAA;AACX,IAAM,MAAA,EAAA,GAAKC,mBAAa,MAAM,CAAA,CAAA;AAC9B,IAAM,MAAA,YAAA,GAAeC,WAAkC,cAAc,CAAA,CAAA;AACrE,IAAM,MAAA,IAAA,GAAOA,WAAqB,UAAU,CAAA,CAAA;AAC5C,IAAA,OAAO,MAAM;AACX,MAAA,MAAM,OAAO,KAAM,CAAA,IAAA,CAAA;AACnB,MAAM,MAAA,EAAE,IAAM,EAAA,KAAA,EAAU,GAAA,IAAA,CAAA;AACxB,MAAO,OAAA,KAAA,CAAM,gBACT,KAAM,CAAA,aAAA,CAAcC,OAAG,EAAE,KAAA,EAAO,YAAc,EAAA,IAAA,EAAM,IAAM,EAAA,KAAA,EAAO,CACjE,GAAAC,cAAA,CAAW,KAAK,GAAI,CAAA,KAAA,EAAO,WAAW,EAAE,IAAA,EAAM,IAAK,EAAA,EAAG,MAAM;AAAA,QAC1DD,KAAA,CAAAE,cAAA,EAAA,EAAA,GAAA,EAAA,MAAA,EAAA,SAAA,EAAA,IAAA,EAAA,KAAA,EAAA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,EAAA,MAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OACE,CAAA,CAAA;AAAA,KACA,CAAA;AAA8D,GAC9D;AAAiB,CACnB,CAAA,CAAA;AACD,kBACP,gBAAAC,iCAAA,CAAA,SAAA,EAAA,CAAA,CAAA,QAAA,EAAA,uBAAA,CAAA,CAAA,CAAA;;;;"}

package/lib/components/tree/style/css.d.ts

@@ -1,3 +1,4 @@
 import '@element-plus/nightly/es/components/base/style/css';
 import '@element-plus/nightly/es/nightly/theme-chalk/el-tree.css';
 import '@element-plus/nightly/es/components/checkbox/style/css';
+import '@element-plus/nightly/es/components/text/style/css';

package/lib/components/tree/style/css.js

@@ -3,5 +3,6 @@
 require('../../base/style/css.js');
 require('@element-plus/nightly/theme-chalk/el-tree.css');
 require('../../checkbox/style/css.js');
+require('../../text/style/css.js');
 
 //# sourceMappingURL=css.js.map

package/lib/components/tree/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/lib/components/tree/style/index.d.ts

@@ -1,3 +1,4 @@
 import '@element-plus/nightly/es/components/base/style';
 import '@element-plus/nightly/es/nightly/theme-chalk/src/tree.scss';
 import '@element-plus/nightly/es/components/checkbox/style';
+import '@element-plus/nightly/es/components/text/style';

package/lib/components/tree/style/index.js

@@ -3,5 +3,6 @@
 require('../../base/style/index.js');
 require('@element-plus/nightly/theme-chalk/src/tree.scss');
 require('../../checkbox/style/index.js');
+require('../../text/style/index.js');
 
 //# sourceMappingURL=index.js.map

package/lib/components/tree/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var index$1 = require('../../text/index.js');
 var virtualTree = require('./virtual-tree.js');
 var index = require('../../../hooks/use-namespace/index.js');
 
@@ -15,7 +16,7 @@ var ElNodeContent = vue.defineComponent({
     return () => {
       const node = props.node;
       const { data } = node;
-      return (tree == null ? void 0 : tree.ctx.slots.default) ? tree.ctx.slots.default({ node, data }) : vue.h("span", { class: ns.be("node", "label") }, [node == null ? void 0 : node.label]);
+      return (tree == null ? void 0 : tree.ctx.slots.default) ? tree.ctx.slots.default({ node, data }) : vue.h(index$1.ElText, { tag: "span", truncated: true, class: ns.be("node", "label") }, () => [node == null ? void 0 : node.label]);
     };
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"tree-node-content.js","sources":["../../../../../../packages/components/tree-v2/src/tree-node-content.ts"],"sourcesContent":["import { defineComponent, h, inject } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ROOT_TREE_INJECTION_KEY, treeNodeContentProps } from './virtual-tree'\n\nexport default defineComponent({\n  name: 'ElTreeNodeContent',\n  props: treeNodeContentProps,\n  setup(props) {\n    const tree = inject(ROOT_TREE_INJECTION_KEY)\n    const ns = useNamespace('tree')\n    return () => {\n      const node = props.node\n      const { data } = node!\n      return tree?.ctx.slots.default\n        ? tree.ctx.slots.default({ node, data })\n        : h('span', { class: ns.be('node', 'label') }, [node?.label])\n    }\n  },\n})\n"],"names":["defineComponent","treeNodeContentProps","inject","ROOT_TREE_INJECTION_KEY","useNamespace","h"],"mappings":";;;;;;;;AAGA,oBAAeA,mBAAe,CAAC;AAC/B,EAAE,IAAI,EAAE,mBAAmB;AAC3B,EAAE,KAAK,EAAEC,gCAAoB;AAC7B,EAAE,KAAK,CAAC,KAAK,EAAE;AACf,IAAI,MAAM,IAAI,GAAGC,UAAM,CAACC,mCAAuB,CAAC,CAAC;AACjD,IAAI,MAAM,EAAE,GAAGC,kBAAY,CAAC,MAAM,CAAC,CAAC;AACpC,IAAI,OAAO,MAAM;AACjB,MAAM,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;AAC9B,MAAM,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;AAC5B,MAAM,OAAO,CAAC,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,GAAGC,KAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5L,KAAK,CAAC;AACN,GAAG;AACH,CAAC,CAAC;;;;"}
+{"version":3,"file":"tree-node-content.js","sources":["../../../../../../packages/components/tree-v2/src/tree-node-content.ts"],"sourcesContent":["import { defineComponent, h, inject } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport ElText from '@element-plus/components/text'\nimport { ROOT_TREE_INJECTION_KEY, treeNodeContentProps } from './virtual-tree'\n\nexport default defineComponent({\n  name: 'ElTreeNodeContent',\n  props: treeNodeContentProps,\n  setup(props) {\n    const tree = inject(ROOT_TREE_INJECTION_KEY)\n    const ns = useNamespace('tree')\n    return () => {\n      const node = props.node\n      const { data } = node!\n      return tree?.ctx.slots.default\n        ? tree.ctx.slots.default({ node, data })\n        : h(\n            ElText,\n            { tag: 'span', truncated: true, class: ns.be('node', 'label') },\n            () => [node?.label]\n          )\n    }\n  },\n})\n"],"names":["defineComponent","treeNodeContentProps","inject","ROOT_TREE_INJECTION_KEY","useNamespace","h","ElText"],"mappings":";;;;;;;;;AAIA,oBAAeA,mBAAe,CAAC;AAC/B,EAAE,IAAI,EAAE,mBAAmB;AAC3B,EAAE,KAAK,EAAEC,gCAAoB;AAC7B,EAAE,KAAK,CAAC,KAAK,EAAE;AACf,IAAI,MAAM,IAAI,GAAGC,UAAM,CAACC,mCAAuB,CAAC,CAAC;AACjD,IAAI,MAAM,EAAE,GAAGC,kBAAY,CAAC,MAAM,CAAC,CAAC;AACpC,IAAI,OAAO,MAAM;AACjB,MAAM,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;AAC9B,MAAM,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;AAC5B,MAAM,OAAO,CAAC,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,GAAGC,KAAC,CAACC,cAAM,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,MAAM,CAAC,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AAChO,KAAK,CAAC;AACN,GAAG;AACH,CAAC,CAAC;;;;"}

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

@@ -48,7 +48,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     };
     readonly perfMode: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }, {
-    toggleCheckbox: (node: import("./types").TreeNode, isChecked: import("@element-plus/nightly/es/components/checkbox").CheckboxValueType, nodeClick?: boolean, immediateUpdate?: boolean) => void;
+    toggleCheckbox: (node: import("./types").TreeNode, isChecked: import("element-plus").CheckboxValueType, nodeClick?: boolean, immediateUpdate?: boolean) => void;
     getCurrentNode: () => import("./types").TreeNodeData | undefined;
     getCurrentKey: () => import("./types").TreeKey | undefined;
     setCurrentKey: (key: import("./types").TreeKey) => void;
@@ -67,14 +67,14 @@ declare const __VLS_component: import("vue").DefineComponent<{
     scrollToNode: (key: import("./types").TreeKey, strategy?: import("@element-plus/nightly/es/components/virtual-list").Alignment) => void;
     scrollTo: (offset: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    check: (data: import("@element-plus/nightly/es/components/tree").TreeNodeData, checkedInfo: import("./types").CheckedInfo) => void;
-    "current-change": (data: import("@element-plus/nightly/es/components/tree").TreeNodeData, node: import("./types").TreeNode) => void;
-    "node-expand": (data: import("@element-plus/nightly/es/components/tree").TreeNodeData, node: import("./types").TreeNode) => void;
-    "check-change": (data: import("@element-plus/nightly/es/components/tree").TreeNodeData, checked: boolean) => void;
-    "node-click": (data: import("@element-plus/nightly/es/components/tree").TreeNodeData, node: import("./types").TreeNode, e: MouseEvent) => void;
-    "node-contextmenu": (evt: Event, data: import("@element-plus/nightly/es/components/tree").TreeNodeData, node: import("./types").TreeNode) => void;
-    "node-collapse": (data: import("@element-plus/nightly/es/components/tree").TreeNodeData, node: import("./types").TreeNode) => void;
-    "node-drop": (data: import("@element-plus/nightly/es/components/tree").TreeNodeData, node: import("./types").TreeNode, e: DragEvent) => void;
+    check: (data: import("element-plus").TreeNodeData, checkedInfo: import("./types").CheckedInfo) => void;
+    "current-change": (data: import("element-plus").TreeNodeData, node: import("./types").TreeNode) => void;
+    "node-expand": (data: import("element-plus").TreeNodeData, node: import("./types").TreeNode) => void;
+    "check-change": (data: import("element-plus").TreeNodeData, checked: boolean) => void;
+    "node-click": (data: import("element-plus").TreeNodeData, node: import("./types").TreeNode, e: MouseEvent) => void;
+    "node-contextmenu": (evt: Event, data: import("element-plus").TreeNodeData, node: import("./types").TreeNode) => void;
+    "node-collapse": (data: import("element-plus").TreeNodeData, node: import("./types").TreeNode) => void;
+    "node-drop": (data: import("element-plus").TreeNodeData, node: import("./types").TreeNode, e: DragEvent) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly data: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("./types").TreeData) | (() => import("./types").TreeData) | ((new (...args: any[]) => import("./types").TreeData) | (() => import("./types").TreeData))[], unknown, unknown, () => [], boolean>;
     readonly emptyText: {
@@ -122,14 +122,14 @@ declare const __VLS_component: import("vue").DefineComponent<{
     };
     readonly perfMode: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & {
-    "onCurrent-change"?: ((data: import("@element-plus/nightly/es/components/tree").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
-    "onNode-expand"?: ((data: import("@element-plus/nightly/es/components/tree").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
-    onCheck?: ((data: import("@element-plus/nightly/es/components/tree").TreeNodeData, checkedInfo: import("./types").CheckedInfo) => any) | undefined;
-    "onCheck-change"?: ((data: import("@element-plus/nightly/es/components/tree").TreeNodeData, checked: boolean) => any) | undefined;
-    "onNode-click"?: ((data: import("@element-plus/nightly/es/components/tree").TreeNodeData, node: import("./types").TreeNode, e: MouseEvent) => any) | undefined;
-    "onNode-contextmenu"?: ((evt: Event, data: import("@element-plus/nightly/es/components/tree").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
-    "onNode-collapse"?: ((data: import("@element-plus/nightly/es/components/tree").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
-    "onNode-drop"?: ((data: import("@element-plus/nightly/es/components/tree").TreeNodeData, node: import("./types").TreeNode, e: DragEvent) => any) | undefined;
+    "onCurrent-change"?: ((data: import("element-plus").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
+    "onNode-expand"?: ((data: import("element-plus").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
+    onCheck?: ((data: import("element-plus").TreeNodeData, checkedInfo: import("./types").CheckedInfo) => any) | undefined;
+    "onCheck-change"?: ((data: import("element-plus").TreeNodeData, checked: boolean) => any) | undefined;
+    "onNode-click"?: ((data: import("element-plus").TreeNodeData, node: import("./types").TreeNode, e: MouseEvent) => any) | undefined;
+    "onNode-contextmenu"?: ((evt: Event, data: import("element-plus").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
+    "onNode-collapse"?: ((data: import("element-plus").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
+    "onNode-drop"?: ((data: import("element-plus").TreeNodeData, node: import("./types").TreeNode, e: DragEvent) => any) | undefined;
 }, {
     readonly data: import("./types").TreeData;
     readonly height: number;

package/lib/components/tree-v2/style/css.d.ts

@@ -2,3 +2,4 @@ import '@element-plus/nightly/es/components/base/style/css';
 import '@element-plus/nightly/es/nightly/theme-chalk/el-tree.css';
 import '@element-plus/nightly/es/components/checkbox/style/css';
 import '@element-plus/nightly/es/components/virtual-list/style/css';
+import '@element-plus/nightly/es/components/text/style/css';

package/lib/components/tree-v2/style/css.js

@@ -4,5 +4,6 @@ require('../../base/style/css.js');
 require('@element-plus/nightly/theme-chalk/el-tree.css');
 require('../../checkbox/style/css.js');
 require('../../virtual-list/style/css.js');
+require('../../text/style/css.js');
 
 //# sourceMappingURL=css.js.map

package/lib/components/tree-v2/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/components/tree-v2/style/index.d.ts

@@ -2,3 +2,4 @@ import '@element-plus/nightly/es/components/base/style';
 import '@element-plus/nightly/es/nightly/theme-chalk/src/tree.scss';
 import '@element-plus/nightly/es/components/checkbox/style';
 import '@element-plus/nightly/es/components/virtual-list/style';
+import '@element-plus/nightly/es/components/text/style';

package/lib/components/tree-v2/style/index.js

@@ -4,5 +4,6 @@ require('../../base/style/index.js');
 require('@element-plus/nightly/theme-chalk/src/tree.scss');
 require('../../checkbox/style/index.js');
 require('../../virtual-list/style/index.js');
+require('../../text/style/index.js');
 
 //# sourceMappingURL=index.js.map

package/lib/components/tree-v2/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/components/upload/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var upload$1 = require('./src/upload2.js');
-var upload = require('./src/upload.js');
+var upload$1 = require('./src/upload.js');
+var upload = require('./src/upload2.js');
 var uploadContent = require('./src/upload-content.js');
 var uploadList = require('./src/upload-list.js');
 var uploadDragger = require('./src/upload-dragger.js');

package/lib/components/upload/src/upload-content.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var upload = require('./upload.js');
+var upload = require('./upload2.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var shared = require('@vue/shared');
 

package/lib/components/upload/src/upload-content2.js

@@ -6,7 +6,7 @@ var vue = require('vue');
 var lodashUnified = require('lodash-unified');
 var uploadDragger = require('./upload-dragger2.js');
 var uploadContent = require('./upload-content.js');
-var upload = require('./upload.js');
+var upload = require('./upload2.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var objects = require('../../../utils/objects.js');
 var index = require('../../../hooks/use-namespace/index.js');

package/lib/components/upload/src/upload-list.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var upload = require('./upload.js');
+var upload = require('./upload2.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var typescript = require('../../../utils/typescript.js');
 var shared = require('@vue/shared');

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

@@ -2,109 +2,134 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ajax = require('./ajax.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var typescript = require('../../../utils/typescript.js');
-var shared = require('@vue/shared');
+var vue = require('vue');
+var constants = require('./constants.js');
+var uploadList = require('./upload-list2.js');
+var uploadContent = require('./upload-content2.js');
+var useHandlers = require('./use-handlers.js');
+var upload = require('./upload2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
 
-const uploadListTypes = ["text", "picture", "picture-card"];
-let fileId = 1;
-const genFileId = () => Date.now() + fileId++;
-const uploadBaseProps = runtime.buildProps({
-  action: {
-    type: String,
-    default: "#"
-  },
-  headers: {
-    type: runtime.definePropType(Object)
-  },
-  method: {
-    type: String,
-    default: "post"
-  },
-  data: {
-    type: runtime.definePropType([Object, Function, Promise]),
-    default: () => typescript.mutable({})
-  },
-  multiple: Boolean,
-  name: {
-    type: String,
-    default: "file"
-  },
-  drag: Boolean,
-  withCredentials: Boolean,
-  showFileList: {
-    type: Boolean,
-    default: true
-  },
-  accept: {
-    type: String,
-    default: ""
-  },
-  fileList: {
-    type: runtime.definePropType(Array),
-    default: () => typescript.mutable([])
-  },
-  autoUpload: {
-    type: Boolean,
-    default: true
-  },
-  listType: {
-    type: String,
-    values: uploadListTypes,
-    default: "text"
-  },
-  httpRequest: {
-    type: runtime.definePropType(Function),
-    default: ajax.ajaxUpload
-  },
-  disabled: Boolean,
-  limit: Number
+const __default__ = vue.defineComponent({
+  name: "ElUpload"
 });
-const uploadProps = runtime.buildProps({
-  ...uploadBaseProps,
-  beforeUpload: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  beforeRemove: {
-    type: runtime.definePropType(Function)
-  },
-  onRemove: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onChange: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onPreview: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onSuccess: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onProgress: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onError: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  onExceed: {
-    type: runtime.definePropType(Function),
-    default: shared.NOOP
-  },
-  crossorigin: {
-    type: runtime.definePropType(String)
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: upload.uploadProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const disabled = useFormCommonProps.useFormDisabled();
+    const uploadRef = vue.shallowRef();
+    const {
+      abort,
+      submit,
+      clearFiles,
+      uploadFiles,
+      handleStart,
+      handleError,
+      handleRemove,
+      handleSuccess,
+      handleProgress,
+      revokeFileObjectURL
+    } = useHandlers.useHandlers(props, uploadRef);
+    const isPictureCard = vue.computed(() => props.listType === "picture-card");
+    const uploadContentProps = vue.computed(() => ({
+      ...props,
+      fileList: uploadFiles.value,
+      onStart: handleStart,
+      onProgress: handleProgress,
+      onSuccess: handleSuccess,
+      onError: handleError,
+      onRemove: handleRemove
+    }));
+    vue.onBeforeUnmount(() => {
+      uploadFiles.value.forEach(revokeFileObjectURL);
+    });
+    vue.provide(constants.uploadContextKey, {
+      accept: vue.toRef(props, "accept")
+    });
+    expose({
+      abort,
+      submit,
+      clearFiles,
+      handleStart,
+      handleRemove
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.unref(isPictureCard) && _ctx.showFileList ? (vue.openBlock(), vue.createBlock(uploadList["default"], {
+          key: 0,
+          disabled: vue.unref(disabled),
+          "list-type": _ctx.listType,
+          files: vue.unref(uploadFiles),
+          crossorigin: _ctx.crossorigin,
+          "handle-preview": _ctx.onPreview,
+          onRemove: vue.unref(handleRemove)
+        }, vue.createSlots({
+          append: vue.withCtx(() => [
+            vue.createVNode(uploadContent["default"], vue.mergeProps({
+              ref_key: "uploadRef",
+              ref: uploadRef
+            }, vue.unref(uploadContentProps)), {
+              default: vue.withCtx(() => [
+                _ctx.$slots.trigger ? vue.renderSlot(_ctx.$slots, "trigger", { key: 0 }) : vue.createCommentVNode("v-if", true),
+                !_ctx.$slots.trigger && _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.createCommentVNode("v-if", true)
+              ]),
+              _: 3
+            }, 16)
+          ]),
+          _: 2
+        }, [
+          _ctx.$slots.file ? {
+            name: "default",
+            fn: vue.withCtx(({ file, index }) => [
+              vue.renderSlot(_ctx.$slots, "file", {
+                file,
+                index
+              })
+            ])
+          } : void 0
+        ]), 1032, ["disabled", "list-type", "files", "crossorigin", "handle-preview", "onRemove"])) : vue.createCommentVNode("v-if", true),
+        !vue.unref(isPictureCard) || vue.unref(isPictureCard) && !_ctx.showFileList ? (vue.openBlock(), vue.createBlock(uploadContent["default"], vue.mergeProps({
+          key: 1,
+          ref_key: "uploadRef",
+          ref: uploadRef
+        }, vue.unref(uploadContentProps)), {
+          default: vue.withCtx(() => [
+            _ctx.$slots.trigger ? vue.renderSlot(_ctx.$slots, "trigger", { key: 0 }) : vue.createCommentVNode("v-if", true),
+            !_ctx.$slots.trigger && _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.createCommentVNode("v-if", true)
+          ]),
+          _: 3
+        }, 16)) : vue.createCommentVNode("v-if", true),
+        _ctx.$slots.trigger ? vue.renderSlot(_ctx.$slots, "default", { key: 2 }) : vue.createCommentVNode("v-if", true),
+        vue.renderSlot(_ctx.$slots, "tip"),
+        !vue.unref(isPictureCard) && _ctx.showFileList ? (vue.openBlock(), vue.createBlock(uploadList["default"], {
+          key: 3,
+          disabled: vue.unref(disabled),
+          "list-type": _ctx.listType,
+          files: vue.unref(uploadFiles),
+          crossorigin: _ctx.crossorigin,
+          "handle-preview": _ctx.onPreview,
+          onRemove: vue.unref(handleRemove)
+        }, vue.createSlots({
+          _: 2
+        }, [
+          _ctx.$slots.file ? {
+            name: "default",
+            fn: vue.withCtx(({ file, index }) => [
+              vue.renderSlot(_ctx.$slots, "file", {
+                file,
+                index
+              })
+            ])
+          } : void 0
+        ]), 1032, ["disabled", "list-type", "files", "crossorigin", "handle-preview", "onRemove"])) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
   }
 });
+var Upload = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "upload.vue"]]);
 
-exports.genFileId = genFileId;
-exports.uploadBaseProps = uploadBaseProps;
-exports.uploadListTypes = uploadListTypes;
-exports.uploadProps = uploadProps;
+exports["default"] = Upload;
 //# sourceMappingURL=upload.js.map