@geelato/web-vue 2.57.0 → 2.58.1

package/dist/arco-vue.js

@@ -1189,7 +1189,7 @@
       bottom: window.innerHeight
     } : target2.getBoundingClientRect();
   }
-  const _sfc_main$30 = vue.defineComponent({
+  const _sfc_main$31 = vue.defineComponent({
     name: "Affix",
     components: {
       ResizeObserver: ResizeObserver$1
@@ -1299,12 +1299,12 @@
       }
     }
   });
-  const _hoisted_1$1k = { ref: "wrapperRef" };
-  function _sfc_render$2$(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$1l = { ref: "wrapperRef" };
+  function _sfc_render$30(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ResizeObserver = vue.resolveComponent("ResizeObserver");
     return vue.openBlock(), vue.createBlock(_component_ResizeObserver, { onResize: _ctx.updatePositionThrottle }, {
       default: vue.withCtx(() => [
-        vue.createElementVNode("div", _hoisted_1$1k, [
+        vue.createElementVNode("div", _hoisted_1$1l, [
           _ctx.isFixed ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             style: vue.normalizeStyle(_ctx.placeholderStyles)
@@ -1325,7 +1325,7 @@
       _: 3
     }, 8, ["onResize"]);
   }
-  var _Affix = /* @__PURE__ */ _export_sfc(_sfc_main$30, [["render", _sfc_render$2$]]);
+  var _Affix = /* @__PURE__ */ _export_sfc(_sfc_main$31, [["render", _sfc_render$30]]);
   const Affix = Object.assign(_Affix, {
     install: (app, options) => {
       setGlobalConfig(app, options);
@@ -1333,7 +1333,7 @@
       app.component(componentPrefix + _Affix.name, _Affix);
     }
   });
-  const _sfc_main$2$ = vue.defineComponent({
+  const _sfc_main$30 = vue.defineComponent({
     name: "IconHover",
     props: {
       prefix: {
@@ -1355,7 +1355,7 @@
       };
     }
   });
-  function _sfc_render$2_(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2$(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("span", {
       class: vue.normalizeClass([
         _ctx.prefixCls,
@@ -1369,8 +1369,8 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var IconHover = /* @__PURE__ */ _export_sfc(_sfc_main$2$, [["render", _sfc_render$2_]]);
-  const _sfc_main$2_ = vue.defineComponent({
+  var IconHover = /* @__PURE__ */ _export_sfc(_sfc_main$30, [["render", _sfc_render$2$]]);
+  const _sfc_main$2$ = vue.defineComponent({
     name: "IconClose",
     props: {
       size: {
@@ -1423,8 +1423,8 @@
       };
     }
   });
-  const _hoisted_1$1j = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2Z(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$1k = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2_(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -1438,9 +1438,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "M9.857 9.858 24 24m0 0 14.142 14.142M24 24 38.142 9.858M24 24 9.857 38.142" }, null, -1)
-    ]), 14, _hoisted_1$1j);
+    ]), 14, _hoisted_1$1k);
   }
-  var _IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$2_, [["render", _sfc_render$2Z]]);
+  var _IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$2$, [["render", _sfc_render$2_]]);
   const IconClose = Object.assign(_IconClose, {
     install: (app, options) => {
       var _a;
@@ -1448,7 +1448,7 @@
       app.component(iconPrefix + _IconClose.name, _IconClose);
     }
   });
-  const _sfc_main$2Z = vue.defineComponent({
+  const _sfc_main$2_ = vue.defineComponent({
     name: "IconInfoCircleFill",
     props: {
       size: {
@@ -1501,8 +1501,8 @@
       };
     }
   });
-  const _hoisted_1$1i = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2Y(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$1j = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2Z(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -1522,9 +1522,9 @@
         fill: "currentColor",
         stroke: "none"
       }, null, -1)
-    ]), 14, _hoisted_1$1i);
+    ]), 14, _hoisted_1$1j);
   }
-  var _IconInfoCircleFill = /* @__PURE__ */ _export_sfc(_sfc_main$2Z, [["render", _sfc_render$2Y]]);
+  var _IconInfoCircleFill = /* @__PURE__ */ _export_sfc(_sfc_main$2_, [["render", _sfc_render$2Z]]);
   const IconInfoCircleFill = Object.assign(_IconInfoCircleFill, {
     install: (app, options) => {
       var _a;
@@ -1532,7 +1532,7 @@
       app.component(iconPrefix + _IconInfoCircleFill.name, _IconInfoCircleFill);
     }
   });
-  const _sfc_main$2Y = vue.defineComponent({
+  const _sfc_main$2Z = vue.defineComponent({
     name: "IconCheckCircleFill",
     props: {
       size: {
@@ -1585,8 +1585,8 @@
       };
     }
   });
-  const _hoisted_1$1h = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2X(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$1i = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2Y(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -1606,9 +1606,9 @@
         fill: "currentColor",
         stroke: "none"
       }, null, -1)
-    ]), 14, _hoisted_1$1h);
+    ]), 14, _hoisted_1$1i);
   }
-  var _IconCheckCircleFill = /* @__PURE__ */ _export_sfc(_sfc_main$2Y, [["render", _sfc_render$2X]]);
+  var _IconCheckCircleFill = /* @__PURE__ */ _export_sfc(_sfc_main$2Z, [["render", _sfc_render$2Y]]);
   const IconCheckCircleFill = Object.assign(_IconCheckCircleFill, {
     install: (app, options) => {
       var _a;
@@ -1616,7 +1616,7 @@
       app.component(iconPrefix + _IconCheckCircleFill.name, _IconCheckCircleFill);
     }
   });
-  const _sfc_main$2X = vue.defineComponent({
+  const _sfc_main$2Y = vue.defineComponent({
     name: "IconExclamationCircleFill",
     props: {
       size: {
@@ -1669,8 +1669,8 @@
       };
     }
   });
-  const _hoisted_1$1g = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2W(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$1h = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2X(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -1690,9 +1690,9 @@
         fill: "currentColor",
         stroke: "none"
       }, null, -1)
-    ]), 14, _hoisted_1$1g);
+    ]), 14, _hoisted_1$1h);
   }
-  var _IconExclamationCircleFill = /* @__PURE__ */ _export_sfc(_sfc_main$2X, [["render", _sfc_render$2W]]);
+  var _IconExclamationCircleFill = /* @__PURE__ */ _export_sfc(_sfc_main$2Y, [["render", _sfc_render$2X]]);
   const IconExclamationCircleFill = Object.assign(_IconExclamationCircleFill, {
     install: (app, options) => {
       var _a;
@@ -1700,7 +1700,7 @@
       app.component(iconPrefix + _IconExclamationCircleFill.name, _IconExclamationCircleFill);
     }
   });
-  const _sfc_main$2W = vue.defineComponent({
+  const _sfc_main$2X = vue.defineComponent({
     name: "IconCloseCircleFill",
     props: {
       size: {
@@ -1753,8 +1753,8 @@
       };
     }
   });
-  const _hoisted_1$1f = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2V(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$1g = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2W(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -1774,9 +1774,9 @@
         fill: "currentColor",
         stroke: "none"
       }, null, -1)
-    ]), 14, _hoisted_1$1f);
+    ]), 14, _hoisted_1$1g);
   }
-  var _IconCloseCircleFill = /* @__PURE__ */ _export_sfc(_sfc_main$2W, [["render", _sfc_render$2V]]);
+  var _IconCloseCircleFill = /* @__PURE__ */ _export_sfc(_sfc_main$2X, [["render", _sfc_render$2W]]);
   const IconCloseCircleFill = Object.assign(_IconCloseCircleFill, {
     install: (app, options) => {
       var _a;
@@ -1784,7 +1784,7 @@
       app.component(iconPrefix + _IconCloseCircleFill.name, _IconCloseCircleFill);
     }
   });
-  const _sfc_main$2V = vue.defineComponent({
+  const _sfc_main$2W = vue.defineComponent({
     name: "Alert",
     components: {
       IconHover,
@@ -1849,7 +1849,7 @@
       };
     }
   });
-  function _sfc_render$2U(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2V(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_icon_info_circle_fill = vue.resolveComponent("icon-info-circle-fill");
     const _component_icon_check_circle_fill = vue.resolveComponent("icon-check-circle-fill");
     const _component_icon_exclamation_circle_fill = vue.resolveComponent("icon-exclamation-circle-fill");
@@ -1919,7 +1919,7 @@
       _: 3
     }, 8, ["onAfterLeave"]);
   }
-  var _Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2V, [["render", _sfc_render$2U]]);
+  var _Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2W, [["render", _sfc_render$2V]]);
   const Alert = Object.assign(_Alert, {
     install: (app, options) => {
       setGlobalConfig(app, options);
@@ -2166,7 +2166,7 @@
   }
   const anchorInjectionKey = Symbol("ArcoAnchor");
   const BOUNDARY_POSITIONS = ["start", "end", "center", "nearest"];
-  const _sfc_main$2U = vue.defineComponent({
+  const _sfc_main$2V = vue.defineComponent({
     name: "Anchor",
     props: {
       boundary: {
@@ -2352,7 +2352,7 @@
       };
     }
   });
-  function _sfc_render$2T(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2U(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "anchorRef",
       class: vue.normalizeClass(_ctx.cls)
@@ -2369,8 +2369,8 @@
       ], 2)
     ], 2);
   }
-  var _Anchor = /* @__PURE__ */ _export_sfc(_sfc_main$2U, [["render", _sfc_render$2T]]);
-  const _sfc_main$2T = vue.defineComponent({
+  var _Anchor = /* @__PURE__ */ _export_sfc(_sfc_main$2V, [["render", _sfc_render$2U]]);
+  const _sfc_main$2U = vue.defineComponent({
     name: "AnchorLink",
     props: {
       title: String,
@@ -2402,8 +2402,8 @@
       };
     }
   });
-  const _hoisted_1$1e = ["href"];
-  function _sfc_render$2S(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$1f = ["href"];
+  function _sfc_render$2T(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", {
       ref: "linkRef",
       class: vue.normalizeClass(_ctx.cls)
@@ -2416,7 +2416,7 @@
         vue.renderSlot(_ctx.$slots, "default", {}, () => [
           vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
         ])
-      ], 10, _hoisted_1$1e),
+      ], 10, _hoisted_1$1f),
       _ctx.$slots.sublist ? (vue.openBlock(), vue.createElementBlock("ul", {
         key: 0,
         class: vue.normalizeClass(`${_ctx.prefixCls}-sublist`)
@@ -2425,7 +2425,7 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var AnchorLink = /* @__PURE__ */ _export_sfc(_sfc_main$2T, [["render", _sfc_render$2S]]);
+  var AnchorLink = /* @__PURE__ */ _export_sfc(_sfc_main$2U, [["render", _sfc_render$2T]]);
   const Anchor = Object.assign(_Anchor, {
     Link: AnchorLink,
     install: (app, options) => {
@@ -2466,7 +2466,7 @@
     "readonly",
     "required"
   ];
-  const _sfc_main$2S = vue.defineComponent({
+  const _sfc_main$2T = vue.defineComponent({
     name: "IconLoading",
     props: {
       size: {
@@ -2519,8 +2519,8 @@
       };
     }
   });
-  const _hoisted_1$1d = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2R(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$1e = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2S(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -2534,9 +2534,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6" }, null, -1)
-    ]), 14, _hoisted_1$1d);
+    ]), 14, _hoisted_1$1e);
   }
-  var _IconLoading = /* @__PURE__ */ _export_sfc(_sfc_main$2S, [["render", _sfc_render$2R]]);
+  var _IconLoading = /* @__PURE__ */ _export_sfc(_sfc_main$2T, [["render", _sfc_render$2S]]);
   const IconLoading = Object.assign(_IconLoading, {
     install: (app, options) => {
       var _a;
@@ -2544,7 +2544,7 @@
       app.component(iconPrefix + _IconLoading.name, _IconLoading);
     }
   });
-  const _sfc_main$2R = vue.defineComponent({
+  const _sfc_main$2S = vue.defineComponent({
     name: "FeedbackIcon",
     components: {
       IconLoading,
@@ -2568,7 +2568,7 @@
       };
     }
   });
-  function _sfc_render$2Q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2R(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_icon_loading = vue.resolveComponent("icon-loading");
     const _component_icon_check_circle_fill = vue.resolveComponent("icon-check-circle-fill");
     const _component_icon_exclamation_circle_fill = vue.resolveComponent("icon-exclamation-circle-fill");
@@ -2579,7 +2579,7 @@
       _ctx.type === "validating" ? (vue.openBlock(), vue.createBlock(_component_icon_loading, { key: 0 })) : _ctx.type === "success" ? (vue.openBlock(), vue.createBlock(_component_icon_check_circle_fill, { key: 1 })) : _ctx.type === "warning" ? (vue.openBlock(), vue.createBlock(_component_icon_exclamation_circle_fill, { key: 2 })) : _ctx.type === "error" ? (vue.openBlock(), vue.createBlock(_component_icon_close_circle_fill, { key: 3 })) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var FeedbackIcon = /* @__PURE__ */ _export_sfc(_sfc_main$2R, [["render", _sfc_render$2Q]]);
+  var FeedbackIcon = /* @__PURE__ */ _export_sfc(_sfc_main$2S, [["render", _sfc_render$2R]]);
   const Enter = {
     key: "Enter",
     code: "Enter"
@@ -3012,7 +3012,7 @@
       return this.render();
     }
   });
-  const _sfc_main$2Q = vue.defineComponent({
+  const _sfc_main$2R = vue.defineComponent({
     name: "IconSearch",
     props: {
       size: {
@@ -3065,8 +3065,8 @@
       };
     }
   });
-  const _hoisted_1$1c = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2P(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$1d = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2Q(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -3080,9 +3080,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "M33.072 33.071c6.248-6.248 6.248-16.379 0-22.627-6.249-6.249-16.38-6.249-22.628 0-6.248 6.248-6.248 16.379 0 22.627 6.248 6.248 16.38 6.248 22.628 0Zm0 0 8.485 8.485" }, null, -1)
-    ]), 14, _hoisted_1$1c);
+    ]), 14, _hoisted_1$1d);
   }
-  var _IconSearch = /* @__PURE__ */ _export_sfc(_sfc_main$2Q, [["render", _sfc_render$2P]]);
+  var _IconSearch = /* @__PURE__ */ _export_sfc(_sfc_main$2R, [["render", _sfc_render$2Q]]);
   const IconSearch = Object.assign(_IconSearch, {
     install: (app, options) => {
       var _a;
@@ -3091,7 +3091,7 @@
     }
   });
   const buttonGroupInjectionKey = Symbol("ArcoButtonGroup");
-  const _sfc_main$2P = vue.defineComponent({
+  const _sfc_main$2Q = vue.defineComponent({
     name: "Button",
     components: {
       IconLoading
@@ -3180,9 +3180,9 @@
       };
     }
   });
-  const _hoisted_1$1b = ["href"];
+  const _hoisted_1$1c = ["href"];
   const _hoisted_2$6 = ["type", "disabled", "autofocus"];
-  function _sfc_render$2O(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2P(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_icon_loading = vue.resolveComponent("icon-loading");
     return _ctx.href ? (vue.openBlock(), vue.createElementBlock("a", {
       key: 0,
@@ -3203,7 +3203,7 @@
         })) : vue.renderSlot(_ctx.$slots, "icon", { key: 1 })
       ], 2)) : vue.createCommentVNode("v-if", true),
       vue.renderSlot(_ctx.$slots, "default")
-    ], 10, _hoisted_1$1b)) : (vue.openBlock(), vue.createElementBlock("button", {
+    ], 10, _hoisted_1$1c)) : (vue.openBlock(), vue.createElementBlock("button", {
       key: 1,
       class: vue.normalizeClass([
         _ctx.cls,
@@ -3226,8 +3226,8 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 10, _hoisted_2$6));
   }
-  var _Button = /* @__PURE__ */ _export_sfc(_sfc_main$2P, [["render", _sfc_render$2O]]);
-  const _sfc_main$2O = vue.defineComponent({
+  var _Button = /* @__PURE__ */ _export_sfc(_sfc_main$2Q, [["render", _sfc_render$2P]]);
+  const _sfc_main$2P = vue.defineComponent({
     name: "ButtonGroup",
     props: {
       type: {
@@ -3264,14 +3264,14 @@
       };
     }
   });
-  function _sfc_render$2N(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2O(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.prefixCls)
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2O, [["render", _sfc_render$2N]]);
+  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2P, [["render", _sfc_render$2O]]);
   const Button = Object.assign(_Button, {
     Group: ButtonGroup,
     install: (app, options) => {
@@ -3387,7 +3387,7 @@
       return this.render();
     }
   });
-  const _sfc_main$2N = vue.defineComponent({
+  const _sfc_main$2O = vue.defineComponent({
     name: "IconEye",
     props: {
       size: {
@@ -3440,8 +3440,8 @@
       };
     }
   });
-  const _hoisted_1$1a = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2M(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$1b = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2N(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -3459,9 +3459,9 @@
         d: "M24 37c6.627 0 12.627-4.333 18-13-5.373-8.667-11.373-13-18-13-6.627 0-12.627 4.333-18 13 5.373 8.667 11.373 13 18 13Z"
       }, null, -1),
       vue.createElementVNode("path", { d: "M29 24a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z" }, null, -1)
-    ]), 14, _hoisted_1$1a);
+    ]), 14, _hoisted_1$1b);
   }
-  var _IconEye = /* @__PURE__ */ _export_sfc(_sfc_main$2N, [["render", _sfc_render$2M]]);
+  var _IconEye = /* @__PURE__ */ _export_sfc(_sfc_main$2O, [["render", _sfc_render$2N]]);
   const IconEye = Object.assign(_IconEye, {
     install: (app, options) => {
       var _a;
@@ -3469,7 +3469,7 @@
       app.component(iconPrefix + _IconEye.name, _IconEye);
     }
   });
-  const _sfc_main$2M = vue.defineComponent({
+  const _sfc_main$2N = vue.defineComponent({
     name: "IconEyeInvisible",
     props: {
       size: {
@@ -3522,8 +3522,8 @@
       };
     }
   });
-  const _hoisted_1$19 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2L(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$1a = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2M(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -3538,9 +3538,9 @@
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "M14 14.5c-2.69 2-5.415 5.33-8 9.5 5.373 8.667 11.373 13 18 13 3.325 0 6.491-1.09 9.5-3.271M17.463 12.5C19 11 21.75 11 24 11c6.627 0 12.627 4.333 18 13-1.766 2.848-3.599 5.228-5.5 7.14" }, null, -1),
       vue.createElementVNode("path", { d: "M29 24a5 5 0 1 1-10 0 5 5 0 0 1 10 0ZM6.852 7.103l34.294 34.294" }, null, -1)
-    ]), 14, _hoisted_1$19);
+    ]), 14, _hoisted_1$1a);
   }
-  var _IconEyeInvisible = /* @__PURE__ */ _export_sfc(_sfc_main$2M, [["render", _sfc_render$2L]]);
+  var _IconEyeInvisible = /* @__PURE__ */ _export_sfc(_sfc_main$2N, [["render", _sfc_render$2M]]);
   const IconEyeInvisible = Object.assign(_IconEyeInvisible, {
     install: (app, options) => {
       var _a;
@@ -3568,7 +3568,7 @@
     );
     return [mergeValue, setLocalValue, localValue];
   }
-  const _sfc_main$2L = vue.defineComponent({
+  const _sfc_main$2M = vue.defineComponent({
     name: "InputPassword",
     components: {
       IconEye,
@@ -3630,7 +3630,7 @@
       }
     }
   });
-  function _sfc_render$2K(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2L(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_icon_eye = vue.resolveComponent("icon-eye");
     const _component_icon_eye_invisible = vue.resolveComponent("icon-eye-invisible");
     const _component_a_icon_hover = vue.resolveComponent("a-icon-hover");
@@ -3682,8 +3682,8 @@
       } : void 0
     ]), 1032, ["type"]);
   }
-  var InputPassword = /* @__PURE__ */ _export_sfc(_sfc_main$2L, [["render", _sfc_render$2K]]);
-  const _sfc_main$2K = vue.defineComponent({
+  var InputPassword = /* @__PURE__ */ _export_sfc(_sfc_main$2M, [["render", _sfc_render$2L]]);
+  const _sfc_main$2L = vue.defineComponent({
     name: "InputGroup",
     setup() {
       const prefixCls = getPrefixCls("input-group");
@@ -3692,14 +3692,14 @@
       };
     }
   });
-  function _sfc_render$2J(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2K(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.prefixCls)
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var InputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2K, [["render", _sfc_render$2J]]);
+  var InputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2L, [["render", _sfc_render$2K]]);
   const Input = Object.assign(_Input, {
     Search: InputSearch,
     Password: InputPassword,
@@ -4945,7 +4945,7 @@
       app.component(componentPrefix + _Trigger.name, _Trigger);
     }
   });
-  const _sfc_main$2J = vue.defineComponent({
+  const _sfc_main$2K = vue.defineComponent({
     name: "IconEmpty",
     props: {
       size: {
@@ -4998,8 +4998,8 @@
       };
     }
   });
-  const _hoisted_1$18 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2I(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$19 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2J(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -5013,9 +5013,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "M24 5v6m7 1 4-4m-18 4-4-4m28.5 22H28s-1 3-4 3-4-3-4-3H6.5M40 41H8a2 2 0 0 1-2-2v-8.46a2 2 0 0 1 .272-1.007l6.15-10.54A2 2 0 0 1 14.148 18H33.85a2 2 0 0 1 1.728.992l6.149 10.541A2 2 0 0 1 42 30.541V39a2 2 0 0 1-2 2Z" }, null, -1)
-    ]), 14, _hoisted_1$18);
+    ]), 14, _hoisted_1$19);
   }
-  var _IconEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$2J, [["render", _sfc_render$2I]]);
+  var _IconEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$2K, [["render", _sfc_render$2J]]);
   const IconEmpty = Object.assign(_IconEmpty, {
     install: (app, options) => {
       var _a;
@@ -5176,7 +5176,7 @@
       app.component(componentPrefix + _Spin.name, _Spin);
     }
   });
-  const _sfc_main$2I = vue.defineComponent({
+  const _sfc_main$2J = vue.defineComponent({
     name: "Thumb",
     props: {
       data: {
@@ -5303,7 +5303,7 @@
       };
     }
   });
-  function _sfc_render$2H(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2I(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, null, {
       default: vue.withCtx(() => [
         vue.createElementVNode("div", {
@@ -5329,10 +5329,10 @@
       _: 1
     });
   }
-  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2I, [["render", _sfc_render$2H]]);
+  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2J, [["render", _sfc_render$2I]]);
   const THUMB_MIN_SIZE = 20;
   const TRACK_SIZE = 15;
-  const _sfc_main$2H = vue.defineComponent({
+  const _sfc_main$2I = vue.defineComponent({
     name: "Scrollbar",
     components: {
       ResizeObserver,
@@ -5542,7 +5542,7 @@
       }
     }
   });
-  function _sfc_render$2G(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2H(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ResizeObserver = vue.resolveComponent("ResizeObserver");
     const _component_thumb = vue.resolveComponent("thumb");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -5585,7 +5585,7 @@
       }, null, 8, ["data", "both", "onScroll"])) : vue.createCommentVNode("v-if", true)
     ], 6);
   }
-  var _Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$2H, [["render", _sfc_render$2G]]);
+  var _Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$2I, [["render", _sfc_render$2H]]);
   const Scrollbar = Object.assign(_Scrollbar, {
     install: (app, options) => {
       setGlobalConfig(app, options);
@@ -5628,7 +5628,7 @@
       scrollbarProps
     };
   };
-  const _sfc_main$2G = vue.defineComponent({
+  const _sfc_main$2H = vue.defineComponent({
     name: "SelectDropdown",
     components: {
       ScrollbarComponent: Scrollbar,
@@ -5698,7 +5698,7 @@
       };
     }
   });
-  function _sfc_render$2F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2G(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_spin = vue.resolveComponent("spin");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.cls)
@@ -5745,7 +5745,7 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var SelectDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$2G, [["render", _sfc_render$2F]]);
+  var SelectDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$2H, [["render", _sfc_render$2G]]);
   var IconCheck$1 = vue.defineComponent({
     name: "IconCheck",
     render() {
@@ -6215,7 +6215,7 @@
     }
     return a === b;
   };
-  const _sfc_main$2F = vue.defineComponent({
+  const _sfc_main$2G = vue.defineComponent({
     name: "Option",
     components: {
       Checkbox
@@ -6359,7 +6359,7 @@
       };
     }
   });
-  function _sfc_render$2E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2F(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_checkbox = vue.resolveComponent("checkbox");
     return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.component), {
       ref: "itemRef",
@@ -6408,7 +6408,7 @@
       [vue.vShow, _ctx.isValid]
     ]);
   }
-  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$2F, [["render", _sfc_render$2E]]);
+  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$2G, [["render", _sfc_render$2F]]);
   const DEFAULT_FIELD_NAMES$2 = {
     value: "value",
     label: "label",
@@ -6929,7 +6929,7 @@
       };
     }
   });
-  const _sfc_main$2E = vue.defineComponent({
+  const _sfc_main$2F = vue.defineComponent({
     name: "VirtualList",
     components: { VirtualListItem },
     props: {
@@ -7087,7 +7087,7 @@
       };
     }
   });
-  function _sfc_render$2D(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2E(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_VirtualListItem = vue.resolveComponent("VirtualListItem");
     return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.mergedComponent.container), {
       ref: "containerRef",
@@ -7136,7 +7136,7 @@
       _: 3
     }, 40, ["class", "style", "onScroll"]);
   }
-  var VirtualList = /* @__PURE__ */ _export_sfc(_sfc_main$2E, [["render", _sfc_render$2D]]);
+  var VirtualList = /* @__PURE__ */ _export_sfc(_sfc_main$2F, [["render", _sfc_render$2E]]);
   var _AutoComplete = vue.defineComponent({
     name: "AutoComplete",
     inheritAttrs: false,
@@ -7435,7 +7435,7 @@
     };
   };
   const avatarGroupInjectionKey = Symbol("ArcoAvatarGroup");
-  const _sfc_main$2D = vue.defineComponent({
+  const _sfc_main$2E = vue.defineComponent({
     name: "IconImageClose",
     props: {
       size: {
@@ -7488,8 +7488,8 @@
       };
     }
   });
-  const _hoisted_1$17 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2C(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$18 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2D(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -7503,9 +7503,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createStaticVNode('<path d="M41 26V9a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v30a2 2 0 0 0 2 2h17"></path><path d="m24 33 9-8.5V27s-2 1-3.5 2.5C27.841 31.159 27 33 27 33h-3Zm0 0-3.5-4.5L17 33h7Z"></path><path d="M20.5 28.5 17 33h7l-3.5-4.5ZM33 24.5 24 33h3s.841-1.841 2.5-3.5C31 28 33 27 33 27v-2.5Z" fill="currentColor" stroke="none"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M46 38a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-4.95-4.782 1.74 1.74-3.045 3.046 3.046 3.046-1.74 1.74-3.047-3.045-3.046 3.046-1.74-1.74 3.046-3.047-3.046-3.046 1.74-1.74 3.046 3.046 3.046-3.046Z" fill="currentColor" stroke="none"></path><path d="M17 15h-2v2h2v-2Z"></path>', 5)
-    ]), 14, _hoisted_1$17);
+    ]), 14, _hoisted_1$18);
   }
-  var _IconImageClose = /* @__PURE__ */ _export_sfc(_sfc_main$2D, [["render", _sfc_render$2C]]);
+  var _IconImageClose = /* @__PURE__ */ _export_sfc(_sfc_main$2E, [["render", _sfc_render$2D]]);
   const IconImageClose = Object.assign(_IconImageClose, {
     install: (app, options) => {
       var _a;
@@ -7513,7 +7513,7 @@
       app.component(iconPrefix + _IconImageClose.name, _IconImageClose);
     }
   });
-  const _sfc_main$2C = vue.defineComponent({
+  const _sfc_main$2D = vue.defineComponent({
     name: "Avatar",
     components: {
       ResizeObserver,
@@ -7686,8 +7686,8 @@
       ...addon
     };
   };
-  const _hoisted_1$16 = ["src"];
-  function _sfc_render$2B(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$17 = ["src"];
+  function _sfc_render$2C(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_IconImageClose = vue.resolveComponent("IconImageClose");
     const _component_IconLoading = vue.resolveComponent("IconLoading");
     const _component_resize_observer = vue.resolveComponent("resize-observer");
@@ -7735,7 +7735,7 @@
                 alt: "avatar",
                 onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.handleImgLoad && _ctx.handleImgLoad(...args)),
                 onError: _cache[1] || (_cache[1] = (...args) => _ctx.handleImgError && _ctx.handleImgError(...args))
-              }, null, 44, _hoisted_1$16)) : vue.createCommentVNode("v-if", true)
+              }, null, 44, _hoisted_1$17)) : vue.createCommentVNode("v-if", true)
             ], 64)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
           ], 2)
         ]),
@@ -7750,8 +7750,8 @@
       ], 6)) : vue.createCommentVNode("v-if", true)
     ], 6);
   }
-  var _Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$2C, [["render", _sfc_render$2B]]);
-  const _sfc_main$2B = vue.defineComponent({
+  var _Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$2D, [["render", _sfc_render$2C]]);
+  const _sfc_main$2C = vue.defineComponent({
     name: "Popover",
     components: {
       Trigger
@@ -7826,7 +7826,7 @@
       };
     }
   });
-  function _sfc_render$2A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2B(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_trigger = vue.resolveComponent("trigger");
     return vue.openBlock(), vue.createBlock(_component_trigger, {
       class: vue.normalizeClass(_ctx.prefixCls),
@@ -7867,7 +7867,7 @@
       _: 3
     }, 8, ["class", "trigger", "position", "popup-visible", "content-class", "content-style", "arrow-class", "arrow-style", "popup-container", "onPopupVisibleChange"]);
   }
-  var _Popover = /* @__PURE__ */ _export_sfc(_sfc_main$2B, [["render", _sfc_render$2A]]);
+  var _Popover = /* @__PURE__ */ _export_sfc(_sfc_main$2C, [["render", _sfc_render$2B]]);
   const Popover = Object.assign(_Popover, {
     install: (app, options) => {
       setGlobalConfig(app, options);
@@ -7957,7 +7957,7 @@
       app.component(componentPrefix + AvatarGroup.name, AvatarGroup);
     }
   });
-  const _sfc_main$2A = vue.defineComponent({
+  const _sfc_main$2B = vue.defineComponent({
     name: "IconToTop",
     props: {
       size: {
@@ -8010,8 +8010,8 @@
       };
     }
   });
-  const _hoisted_1$15 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2z(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$16 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2A(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -8030,9 +8030,9 @@
         fill: "currentColor",
         stroke: "none"
       }, null, -1)
-    ]), 14, _hoisted_1$15);
+    ]), 14, _hoisted_1$16);
   }
-  var _IconToTop = /* @__PURE__ */ _export_sfc(_sfc_main$2A, [["render", _sfc_render$2z]]);
+  var _IconToTop = /* @__PURE__ */ _export_sfc(_sfc_main$2B, [["render", _sfc_render$2A]]);
   const IconToTop = Object.assign(_IconToTop, {
     install: (app, options) => {
       var _a;
@@ -8040,7 +8040,7 @@
       app.component(iconPrefix + _IconToTop.name, _IconToTop);
     }
   });
-  const _sfc_main$2z = vue.defineComponent({
+  const _sfc_main$2A = vue.defineComponent({
     name: "BackTop",
     components: {
       IconToTop
@@ -8117,7 +8117,7 @@
       };
     }
   });
-  function _sfc_render$2y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2z(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_icon_to_top = vue.resolveComponent("icon-to-top");
     return vue.openBlock(), vue.createBlock(vue.Transition, { name: "fade-in" }, {
       default: vue.withCtx(() => [
@@ -8138,7 +8138,7 @@
       _: 3
     });
   }
-  var _BackTop = /* @__PURE__ */ _export_sfc(_sfc_main$2z, [["render", _sfc_render$2y]]);
+  var _BackTop = /* @__PURE__ */ _export_sfc(_sfc_main$2A, [["render", _sfc_render$2z]]);
   const BackTop = Object.assign(_BackTop, {
     install: (app, options) => {
       setGlobalConfig(app, options);
@@ -8296,7 +8296,7 @@
     }
   });
   const breadcrumbInjectKey = Symbol("ArcoBreadcrumb");
-  const _sfc_main$2y = vue.defineComponent({
+  const _sfc_main$2z = vue.defineComponent({
     name: "IconMore",
     props: {
       size: {
@@ -8349,8 +8349,8 @@
       };
     }
   });
-  const _hoisted_1$14 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2x(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$15 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2y(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -8369,9 +8369,9 @@
         stroke: "none"
       }, null, -1),
       vue.createElementVNode("path", { d: "M38 25v-2h2v2h-2ZM23 25v-2h2v2h-2ZM8 25v-2h2v2H8Z" }, null, -1)
-    ]), 14, _hoisted_1$14);
+    ]), 14, _hoisted_1$15);
   }
-  var _IconMore = /* @__PURE__ */ _export_sfc(_sfc_main$2y, [["render", _sfc_render$2x]]);
+  var _IconMore = /* @__PURE__ */ _export_sfc(_sfc_main$2z, [["render", _sfc_render$2y]]);
   const IconMore = Object.assign(_IconMore, {
     install: (app, options) => {
       var _a;
@@ -8379,7 +8379,7 @@
       app.component(iconPrefix + _IconMore.name, _IconMore);
     }
   });
-  const _sfc_main$2x = vue.defineComponent({
+  const _sfc_main$2y = vue.defineComponent({
     name: "IconDown",
     props: {
       size: {
@@ -8432,8 +8432,8 @@
       };
     }
   });
-  const _hoisted_1$13 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2w(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$14 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2x(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -8447,9 +8447,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "M39.6 17.443 24.043 33 8.487 17.443" }, null, -1)
-    ]), 14, _hoisted_1$13);
+    ]), 14, _hoisted_1$14);
   }
-  var _IconDown = /* @__PURE__ */ _export_sfc(_sfc_main$2x, [["render", _sfc_render$2w]]);
+  var _IconDown = /* @__PURE__ */ _export_sfc(_sfc_main$2y, [["render", _sfc_render$2x]]);
   const IconDown = Object.assign(_IconDown, {
     install: (app, options) => {
       var _a;
@@ -8457,7 +8457,7 @@
       app.component(iconPrefix + _IconDown.name, _IconDown);
     }
   });
-  const _sfc_main$2w = vue.defineComponent({
+  const _sfc_main$2x = vue.defineComponent({
     name: "IconObliqueLine",
     props: {
       size: {
@@ -8510,8 +8510,8 @@
       };
     }
   });
-  const _hoisted_1$12 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2v(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$13 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -8525,9 +8525,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1)
-    ]), 14, _hoisted_1$12);
+    ]), 14, _hoisted_1$13);
   }
-  var _IconObliqueLine = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["render", _sfc_render$2v]]);
+  var _IconObliqueLine = /* @__PURE__ */ _export_sfc(_sfc_main$2x, [["render", _sfc_render$2w]]);
   const IconObliqueLine = Object.assign(_IconObliqueLine, {
     install: (app, options) => {
       var _a;
@@ -8536,7 +8536,7 @@
     }
   });
   const dropdownInjectionKey = Symbol("ArcoDropdown");
-  const _sfc_main$2v = vue.defineComponent({
+  const _sfc_main$2w = vue.defineComponent({
     name: "DropdownPanel",
     components: {
       Scrollbar,
@@ -8607,7 +8607,7 @@
       };
     }
   });
-  function _sfc_render$2u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2v(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_empty = vue.resolveComponent("empty");
     const _component_Scrollbar = vue.resolveComponent("Scrollbar");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -8644,7 +8644,7 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var DropdownPanel = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["render", _sfc_render$2u]]);
+  var DropdownPanel = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["render", _sfc_render$2v]]);
   const useTrigger = ({
     popupVisible,
     defaultPopupVisible,
@@ -8675,7 +8675,7 @@
       handlePopupVisibleChange
     };
   };
-  const _sfc_main$2u = vue.defineComponent({
+  const _sfc_main$2v = vue.defineComponent({
     name: "Dropdown",
     components: {
       Trigger,
@@ -8741,7 +8741,7 @@
       };
     }
   });
-  function _sfc_render$2t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2u(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_DropdownPanel = vue.resolveComponent("DropdownPanel");
     const _component_Trigger = vue.resolveComponent("Trigger");
     return vue.openBlock(), vue.createBlock(_component_Trigger, {
@@ -8777,8 +8777,8 @@
       _: 3
     }, 8, ["popup-visible", "trigger", "position", "popup-container", "opened-class", "onPopupVisibleChange"]);
   }
-  var _Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["render", _sfc_render$2t]]);
-  const _sfc_main$2t = vue.defineComponent({
+  var _Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["render", _sfc_render$2u]]);
+  const _sfc_main$2u = vue.defineComponent({
     name: "Doption",
     props: {
       value: {
@@ -8825,7 +8825,7 @@
       };
     }
   });
-  function _sfc_render$2s(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2t(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", {
       ref: "liRef",
       class: vue.normalizeClass([_ctx.cls, { [`${_ctx.prefixCls}-has-suffix`]: Boolean(_ctx.$slots.suffix) }]),
@@ -8850,8 +8850,8 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Doption = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["render", _sfc_render$2s]]);
-  const _sfc_main$2s = vue.defineComponent({
+  var Doption = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["render", _sfc_render$2t]]);
+  const _sfc_main$2t = vue.defineComponent({
     name: "Dgroup",
     props: {
       title: String
@@ -8863,7 +8863,7 @@
       };
     }
   });
-  function _sfc_render$2r(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2s(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
       vue.createElementVNode("li", {
         class: vue.normalizeClass(`${_ctx.prefixCls}-title`)
@@ -8875,8 +8875,8 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 64);
   }
-  var Dgroup = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["render", _sfc_render$2r]]);
-  const _sfc_main$2r = vue.defineComponent({
+  var Dgroup = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["render", _sfc_render$2s]]);
+  const _sfc_main$2s = vue.defineComponent({
     name: "IconRight",
     props: {
       size: {
@@ -8929,8 +8929,8 @@
       };
     }
   });
-  const _hoisted_1$11 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2q(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$12 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2r(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -8944,9 +8944,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "m16 39.513 15.556-15.557L16 8.4" }, null, -1)
-    ]), 14, _hoisted_1$11);
+    ]), 14, _hoisted_1$12);
   }
-  var _IconRight = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["render", _sfc_render$2q]]);
+  var _IconRight = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["render", _sfc_render$2r]]);
   const IconRight = Object.assign(_IconRight, {
     install: (app, options) => {
       var _a;
@@ -8954,7 +8954,7 @@
       app.component(iconPrefix + _IconRight.name, _IconRight);
     }
   });
-  const _sfc_main$2q = vue.defineComponent({
+  const _sfc_main$2r = vue.defineComponent({
     name: "Dsubmenu",
     components: {
       Trigger,
@@ -9009,7 +9009,7 @@
       };
     }
   });
-  function _sfc_render$2p(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2q(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_IconRight = vue.resolveComponent("IconRight");
     const _component_dropdown_option = vue.resolveComponent("dropdown-option");
     const _component_dropdown_panel = vue.resolveComponent("dropdown-panel");
@@ -9067,8 +9067,8 @@
       _: 3
     }, 8, ["popup-visible", "trigger", "position", "disabled", "onPopupVisibleChange"]);
   }
-  var Dsubmenu = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["render", _sfc_render$2p]]);
-  const _sfc_main$2p = vue.defineComponent({
+  var Dsubmenu = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["render", _sfc_render$2q]]);
+  const _sfc_main$2q = vue.defineComponent({
     name: "DropdownButton",
     components: {
       IconMore,
@@ -9143,7 +9143,7 @@
       };
     }
   });
-  function _sfc_render$2o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2p(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_Button = vue.resolveComponent("Button");
     const _component_IconMore = vue.resolveComponent("IconMore");
     const _component_Dropdown = vue.resolveComponent("Dropdown");
@@ -9192,7 +9192,7 @@
       _: 3
     });
   }
-  var DropdownButton = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["render", _sfc_render$2o]]);
+  var DropdownButton = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["render", _sfc_render$2p]]);
   const Dropdown = Object.assign(_Dropdown, {
     Option: Doption,
     Group: Dgroup,
@@ -10825,7 +10825,7 @@
     "magenta",
     "gray"
   ];
-  const _sfc_main$2o = vue.defineComponent({
+  const _sfc_main$2p = vue.defineComponent({
     name: "Tag",
     components: {
       IconHover,
@@ -10961,7 +10961,7 @@
       };
     }
   });
-  function _sfc_render$2n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2o(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_icon_close = vue.resolveComponent("icon-close");
     const _component_icon_hover = vue.resolveComponent("icon-hover");
     const _component_icon_loading = vue.resolveComponent("icon-loading");
@@ -11006,7 +11006,7 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 6)) : vue.createCommentVNode("v-if", true);
   }
-  var _Tag = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["render", _sfc_render$2n]]);
+  var _Tag = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["render", _sfc_render$2o]]);
   const Tag = Object.assign(_Tag, {
     install: (app, options) => {
       setGlobalConfig(app, options);
@@ -11645,7 +11645,7 @@
       return this.render();
     }
   });
-  const _sfc_main$2n = vue.defineComponent({
+  const _sfc_main$2o = vue.defineComponent({
     name: "Optgroup",
     props: {
       label: {
@@ -11659,7 +11659,7 @@
       };
     }
   });
-  function _sfc_render$2m(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2n(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
       vue.createElementVNode("li", {
         class: vue.normalizeClass(`${_ctx.prefixCls}-title`)
@@ -11671,7 +11671,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 64);
   }
-  var Optgroup = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["render", _sfc_render$2m]]);
+  var Optgroup = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["render", _sfc_render$2n]]);
   const target = typeof window === "undefined" ? global : window;
   function debounce(callback, delay) {
     let timer = 0;
@@ -12570,7 +12570,7 @@
       app.component(componentPrefix + RadioGroup.name, RadioGroup);
     }
   });
-  const _sfc_main$2m = vue.defineComponent({
+  const _sfc_main$2n = vue.defineComponent({
     name: "IconLeft",
     props: {
       size: {
@@ -12623,8 +12623,8 @@
       };
     }
   });
-  const _hoisted_1$10 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2l(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$11 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2m(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -12638,9 +12638,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "M32 8.4 16.444 23.956 32 39.513" }, null, -1)
-    ]), 14, _hoisted_1$10);
+    ]), 14, _hoisted_1$11);
   }
-  var _IconLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["render", _sfc_render$2l]]);
+  var _IconLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["render", _sfc_render$2m]]);
   const IconLeft = Object.assign(_IconLeft, {
     install: (app, options) => {
       var _a;
@@ -13111,7 +13111,7 @@
       };
     }
   });
-  const _sfc_main$2l = vue.defineComponent({
+  const _sfc_main$2m = vue.defineComponent({
     name: "CardGrid",
     props: {
       hoverable: {
@@ -13140,14 +13140,14 @@
       };
     }
   });
-  function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2l(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.cls)
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var CardGrid = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["render", _sfc_render$2k]]);
+  var CardGrid = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["render", _sfc_render$2l]]);
   const Card = Object.assign(_Card, {
     Meta: CardMeta,
     Grid: CardGrid,
@@ -13159,7 +13159,7 @@
       app.component(componentPrefix + CardGrid.name, CardGrid);
     }
   });
-  const _sfc_main$2k = vue.defineComponent({
+  const _sfc_main$2l = vue.defineComponent({
     name: "Indicator",
     props: {
       count: {
@@ -13226,8 +13226,8 @@
       };
     }
   });
-  const _hoisted_1$$ = ["data-index"];
-  function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$10 = ["data-index"];
+  function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: _ctx.cls }, _ctx.eventHandlers), [
       _ctx.type === "slider" ? (vue.openBlock(), vue.createElementBlock("span", {
         key: 0,
@@ -13241,12 +13241,12 @@
             `${_ctx.prefixCls}-item`,
             { [`${_ctx.prefixCls}-item-active`]: index2 === _ctx.activeIndex }
           ])
-        }, null, 10, _hoisted_1$$);
+        }, null, 10, _hoisted_1$10);
       }), 128))
     ], 16);
   }
-  var CarouselIndicator = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["render", _sfc_render$2j]]);
-  const _sfc_main$2j = vue.defineComponent({
+  var CarouselIndicator = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["render", _sfc_render$2k]]);
+  const _sfc_main$2k = vue.defineComponent({
     name: "IconUp",
     props: {
       size: {
@@ -13299,8 +13299,8 @@
       };
     }
   });
-  const _hoisted_1$_ = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$$ = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -13314,9 +13314,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "M39.6 30.557 24.043 15 8.487 30.557" }, null, -1)
-    ]), 14, _hoisted_1$_);
+    ]), 14, _hoisted_1$$);
   }
-  var _IconUp = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["render", _sfc_render$2i]]);
+  var _IconUp = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["render", _sfc_render$2j]]);
   const IconUp = Object.assign(_IconUp, {
     install: (app, options) => {
       var _a;
@@ -13324,7 +13324,7 @@
       app.component(iconPrefix + _IconUp.name, _IconUp);
     }
   });
-  const _sfc_main$2i = vue.defineComponent({
+  const _sfc_main$2j = vue.defineComponent({
     name: "Arrow",
     components: {
       IconUp,
@@ -13365,7 +13365,7 @@
       };
     }
   });
-  function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_IconLeft = vue.resolveComponent("IconLeft");
     const _component_IconUp = vue.resolveComponent("IconUp");
     const _component_IconRight = vue.resolveComponent("IconRight");
@@ -13387,7 +13387,7 @@
       ], 2)
     ], 2);
   }
-  var CarouselArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["render", _sfc_render$2h]]);
+  var CarouselArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["render", _sfc_render$2i]]);
   const carouselInjectionKey = Symbol("ArcoCarousel");
   const useChildrenComponents = (name) => {
     const children = {};
@@ -13636,7 +13636,7 @@
       };
     }
   });
-  const _sfc_main$2h = vue.defineComponent({
+  const _sfc_main$2i = vue.defineComponent({
     name: "CarouselItem",
     setup() {
       const prefixCls = getPrefixCls("carousel-item");
@@ -13680,17 +13680,17 @@
       };
     }
   });
-  const _hoisted_1$Z = ["aria-hidden"];
-  function _sfc_render$2g(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$_ = ["aria-hidden"];
+  function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       "aria-hidden": !_ctx.isCurrent,
       class: vue.normalizeClass(_ctx.cls),
       style: vue.normalizeStyle(_ctx.animationStyle)
     }, [
       vue.renderSlot(_ctx.$slots, "default")
-    ], 14, _hoisted_1$Z);
+    ], 14, _hoisted_1$_);
   }
-  var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["render", _sfc_render$2g]]);
+  var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["render", _sfc_render$2h]]);
   const Carousel = Object.assign(_Carousel, {
     Item: CarouselItem,
     install: (app, options) => {
@@ -14326,7 +14326,7 @@
       getNextActiveNode
     };
   };
-  const _sfc_main$2g = vue.defineComponent({
+  const _sfc_main$2h = vue.defineComponent({
     name: "Cascader",
     components: {
       Trigger,
@@ -14864,7 +14864,7 @@
       };
     }
   });
-  function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2g(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_select_view = vue.resolveComponent("select-view");
     const _component_cascader_search_panel = vue.resolveComponent("cascader-search-panel");
     const _component_base_cascader_panel = vue.resolveComponent("base-cascader-panel");
@@ -14984,8 +14984,8 @@
       _: 3
     }, 16, ["popup-visible", "disabled", "auto-fit-popup-width", "popup-container", "click-to-close", "onPopupVisibleChange"]);
   }
-  var _Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["render", _sfc_render$2f]]);
-  const _sfc_main$2f = vue.defineComponent({
+  var _Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["render", _sfc_render$2g]]);
+  const _sfc_main$2g = vue.defineComponent({
     name: "CascaderPanel",
     components: {
       BaseCascaderPanel
@@ -15257,7 +15257,7 @@
       };
     }
   });
-  function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_base_cascader_panel = vue.resolveComponent("base-cascader-panel");
     return vue.openBlock(), vue.createBlock(_component_base_cascader_panel, {
       "display-columns": _ctx.displayColumns,
@@ -15277,7 +15277,7 @@
       } : void 0
     ]), 1032, ["display-columns", "selected-path", "active-key", "multiple", "total-level", "check-strictly", "onKeydown"]);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["render", _sfc_render$2e]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["render", _sfc_render$2f]]);
   const Cascader = Object.assign(_Cascader, {
     CascaderPanel,
     install: (app, options) => {
@@ -15288,7 +15288,7 @@
     }
   });
   const collapseKey = Symbol("collapseCtx");
-  const _sfc_main$2e = vue.defineComponent({
+  const _sfc_main$2f = vue.defineComponent({
     name: "Collapse",
     props: {
       activeKey: {
@@ -15381,15 +15381,15 @@
       };
     }
   });
-  function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.cls)
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var _Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["render", _sfc_render$2d]]);
-  const _sfc_main$2d = vue.defineComponent({
+  var _Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["render", _sfc_render$2e]]);
+  const _sfc_main$2e = vue.defineComponent({
     name: "IconCaretRight",
     props: {
       size: {
@@ -15442,8 +15442,8 @@
       };
     }
   });
-  const _hoisted_1$Y = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$Z = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -15461,9 +15461,9 @@
         fill: "currentColor",
         stroke: "none"
       }, null, -1)
-    ]), 14, _hoisted_1$Y);
+    ]), 14, _hoisted_1$Z);
   }
-  var _IconCaretRight = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["render", _sfc_render$2c]]);
+  var _IconCaretRight = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["render", _sfc_render$2d]]);
   const IconCaretRight = Object.assign(_IconCaretRight, {
     install: (app, options) => {
       var _a;
@@ -15471,7 +15471,7 @@
       app.component(iconPrefix + _IconCaretRight.name, _IconCaretRight);
     }
   });
-  const _sfc_main$2c = vue.defineComponent({
+  const _sfc_main$2d = vue.defineComponent({
     name: "IconCaretLeft",
     props: {
       size: {
@@ -15524,8 +15524,8 @@
       };
     }
   });
-  const _hoisted_1$X = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$Y = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -15543,9 +15543,9 @@
         fill: "currentColor",
         stroke: "none"
       }, null, -1)
-    ]), 14, _hoisted_1$X);
+    ]), 14, _hoisted_1$Y);
   }
-  var _IconCaretLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["render", _sfc_render$2b]]);
+  var _IconCaretLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["render", _sfc_render$2c]]);
   const IconCaretLeft = Object.assign(_IconCaretLeft, {
     install: (app, options) => {
       var _a;
@@ -16139,7 +16139,7 @@
     float2Fixed,
     enableBoundaryChecking
   };
-  const _sfc_main$2b = vue.defineComponent({
+  const _sfc_main$2c = vue.defineComponent({
     name: "IconPlus",
     props: {
       size: {
@@ -16192,8 +16192,8 @@
       };
     }
   });
-  const _hoisted_1$W = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$X = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -16207,9 +16207,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "M5 24h38M24 5v38" }, null, -1)
-    ]), 14, _hoisted_1$W);
+    ]), 14, _hoisted_1$X);
   }
-  var _IconPlus = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["render", _sfc_render$2a]]);
+  var _IconPlus = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["render", _sfc_render$2b]]);
   const IconPlus = Object.assign(_IconPlus, {
     install: (app, options) => {
       var _a;
@@ -16217,7 +16217,7 @@
       app.component(iconPrefix + _IconPlus.name, _IconPlus);
     }
   });
-  const _sfc_main$2a = vue.defineComponent({
+  const _sfc_main$2b = vue.defineComponent({
     name: "IconMinus",
     props: {
       size: {
@@ -16270,8 +16270,8 @@
       };
     }
   });
-  const _hoisted_1$V = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$W = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -16285,9 +16285,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "M5 24h38" }, null, -1)
-    ]), 14, _hoisted_1$V);
+    ]), 14, _hoisted_1$W);
   }
-  var _IconMinus = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["render", _sfc_render$29]]);
+  var _IconMinus = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["render", _sfc_render$2a]]);
   const IconMinus = Object.assign(_IconMinus, {
     install: (app, options) => {
       var _a;
@@ -16493,6 +16493,8 @@
       };
       const handleInput = (value, ev) => {
         var _a2, _b, _c, _d;
+        if (props.readOnly)
+          return;
         value = value.trim().replace(/。/g, ".");
         value = (_b = (_a2 = props.parser) == null ? void 0 : _a2.call(props, value)) != null ? _b : value;
         if (isNumber$1(Number(value)) || /^(\.|-)$/.test(value)) {
@@ -17167,7 +17169,7 @@
   function hasPropOrSlot(props, slots, propName) {
     return vue.computed(() => Boolean(props[propName] || slots[propName]));
   }
-  const _sfc_main$29 = vue.defineComponent({
+  const _sfc_main$2a = vue.defineComponent({
     name: "Comment",
     props: {
       author: {
@@ -17214,11 +17216,11 @@
       };
     }
   });
-  const _hoisted_1$U = ["src"];
+  const _hoisted_1$V = ["src"];
   const _hoisted_2$5 = { key: 0 };
   const _hoisted_3$1 = { key: 0 };
   const _hoisted_4$1 = { key: 0 };
-  function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.prefixCls)
     }, [
@@ -17230,7 +17232,7 @@
           key: 0,
           src: _ctx.avatar,
           alt: "comment-avatar"
-        }, null, 8, _hoisted_1$U)) : vue.renderSlot(_ctx.$slots, "avatar", { key: 1 })
+        }, null, 8, _hoisted_1$V)) : vue.renderSlot(_ctx.$slots, "avatar", { key: 1 })
       ], 2)) : vue.createCommentVNode("v-if", true),
       vue.createElementVNode("div", {
         class: vue.normalizeClass(`${_ctx.prefixCls}-inner`)
@@ -17277,7 +17279,7 @@
       ], 2)
     ], 2);
   }
-  var _Comment = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["render", _sfc_render$28]]);
+  var _Comment = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["render", _sfc_render$29]]);
   const Comment = Object.assign(_Comment, {
     install: (app, options) => {
       setGlobalConfig(app, options);
@@ -17285,7 +17287,7 @@
       app.component(componentPrefix + _Comment.name, _Comment);
     }
   });
-  const _sfc_main$28 = vue.defineComponent({
+  const _sfc_main$29 = vue.defineComponent({
     name: "ConfigProvider",
     props: {
       prefixCls: {
@@ -17349,10 +17351,10 @@
       }
     }
   });
-  function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var _ConfigProvider = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$27]]);
+  var _ConfigProvider = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["render", _sfc_render$28]]);
   const ConfigProvider = Object.assign(_ConfigProvider, {
     install: (app, options) => {
       setGlobalConfig(app, options);
@@ -17384,7 +17386,7 @@
       setValue: setLocalValue
     };
   }
-  const _sfc_main$27 = vue.defineComponent({
+  const _sfc_main$28 = vue.defineComponent({
     name: "DateInput",
     components: {
       IconHover,
@@ -17484,8 +17486,8 @@
       }
     }
   });
-  const _hoisted_1$T = ["disabled", "placeholder", "value"];
-  function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$U = ["disabled", "placeholder", "value"];
+  function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_IconClose = vue.resolveComponent("IconClose");
     const _component_IconHover = vue.resolveComponent("IconHover");
     const _component_FeedbackIcon = vue.resolveComponent("FeedbackIcon");
@@ -17511,7 +17513,7 @@
           onKeydown: _cache[0] || (_cache[0] = vue.withKeys((...args) => _ctx.onPressEnter && _ctx.onPressEnter(...args), ["enter"])),
           onInput: _cache[1] || (_cache[1] = (...args) => _ctx.onChange && _ctx.onChange(...args)),
           onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-        }), null, 16, _hoisted_1$T)
+        }), null, 16, _hoisted_1$U)
       ], 2),
       vue.createElementVNode("div", {
         class: vue.normalizeClass(`${_ctx.prefixCls}-suffix`)
@@ -17539,7 +17541,7 @@
       ], 2)
     ], 2);
   }
-  var DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$26]]);
+  var DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$27]]);
   function getColumnsFromFormat(format) {
     const units2 = ["H", "h", "m", "s", "a", "A"];
     const list = [];
@@ -17639,7 +17641,7 @@
     const { datePickerT } = vue.inject(PickerInjectionKey) || {};
     return datePickerT || ((key, ...args) => key);
   }
-  const _sfc_main$26 = vue.defineComponent({
+  const _sfc_main$27 = vue.defineComponent({
     name: "PanelShortcuts",
     components: {
       Button,
@@ -17679,7 +17681,7 @@
       };
     }
   });
-  function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_Button = vue.resolveComponent("Button");
     const _component_RenderFunction = vue.resolveComponent("RenderFunction");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -17716,7 +17718,7 @@
       }), 128))
     ], 2);
   }
-  var PanelShortcuts = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$25]]);
+  var PanelShortcuts = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$26]]);
   function newArray(length) {
     return [...Array(length)];
   }
@@ -17737,7 +17739,7 @@
     const timeVal = timeValue || defaultValue;
     return timeVal.set("year", dateVal.year()).set("month", dateVal.month()).set("date", dateVal.date());
   }
-  const _sfc_main$25 = vue.defineComponent({
+  const _sfc_main$26 = vue.defineComponent({
     name: "IconDoubleLeft",
     props: {
       size: {
@@ -17790,8 +17792,8 @@
       };
     }
   });
-  const _hoisted_1$S = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$T = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -17805,9 +17807,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "M36.857 9.9 22.715 24.042l14.142 14.142M25.544 9.9 11.402 24.042l14.142 14.142" }, null, -1)
-    ]), 14, _hoisted_1$S);
+    ]), 14, _hoisted_1$T);
   }
-  var _IconDoubleLeft = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$24]]);
+  var _IconDoubleLeft = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$25]]);
   const IconDoubleLeft = Object.assign(_IconDoubleLeft, {
     install: (app, options) => {
       var _a;
@@ -17815,7 +17817,7 @@
       app.component(iconPrefix + _IconDoubleLeft.name, _IconDoubleLeft);
     }
   });
-  const _sfc_main$24 = vue.defineComponent({
+  const _sfc_main$25 = vue.defineComponent({
     name: "IconDoubleRight",
     props: {
       size: {
@@ -17868,8 +17870,8 @@
       };
     }
   });
-  const _hoisted_1$R = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$S = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -17883,9 +17885,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "m11.143 38.1 14.142-14.142L11.143 9.816M22.456 38.1l14.142-14.142L22.456 9.816" }, null, -1)
-    ]), 14, _hoisted_1$R);
+    ]), 14, _hoisted_1$S);
   }
-  var _IconDoubleRight = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$23]]);
+  var _IconDoubleRight = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$24]]);
   const IconDoubleRight = Object.assign(_IconDoubleRight, {
     install: (app, options) => {
       var _a;
@@ -17893,7 +17895,7 @@
       app.component(iconPrefix + _IconDoubleRight.name, _IconDoubleRight);
     }
   });
-  const _sfc_main$23 = vue.defineComponent({
+  const _sfc_main$24 = vue.defineComponent({
     name: "PanelHeader",
     components: {
       IconLeft,
@@ -17959,8 +17961,8 @@
       };
     }
   });
-  const _hoisted_1$Q = { key: 1 };
-  function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$R = { key: 1 };
+  function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_RenderFunction = vue.resolveComponent("RenderFunction");
     const _component_IconDoubleLeft = vue.resolveComponent("IconDoubleLeft");
     const _component_IconLeft = vue.resolveComponent("IconLeft");
@@ -18000,7 +18002,7 @@
             class: vue.normalizeClass(`${_ctx.prefixCls}-header-label`),
             onClick: _cache[2] || (_cache[2] = () => _ctx.onLabelClick && _ctx.onLabelClick("year"))
           }, vue.toDisplayString(_ctx.year), 3)) : vue.createCommentVNode("v-if", true),
-          _ctx.year && _ctx.month ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$Q, "-")) : vue.createCommentVNode("v-if", true),
+          _ctx.year && _ctx.month ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$R, "-")) : vue.createCommentVNode("v-if", true),
           _ctx.month ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 2,
             class: vue.normalizeClass(`${_ctx.prefixCls}-header-label`),
@@ -18034,7 +18036,7 @@
       ], 2)
     ], 2);
   }
-  var PanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$22]]);
+  var PanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$23]]);
   function useCellClassName(props) {
     const { rangeValues } = vue.toRefs(props);
     const sortedRangeValues = vue.computed(
@@ -18081,7 +18083,7 @@
       }
     };
   }
-  const _sfc_main$22 = vue.defineComponent({
+  const _sfc_main$23 = vue.defineComponent({
     name: "PanelBody",
     components: {
       RenderFunction
@@ -18156,8 +18158,8 @@
       };
     }
   });
-  const _hoisted_1$P = ["onMouseenter", "onMouseleave", "onClick"];
-  function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$Q = ["onMouseenter", "onMouseleave", "onClick"];
+  function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_RenderFunction = vue.resolveComponent("RenderFunction");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(`${_ctx.prefixCls}-body`)
@@ -18211,15 +18213,15 @@
                     class: vue.normalizeClass(`${_ctx.prefixCls}-date-value`)
                   }, vue.toDisplayString(cell.label), 3)
                 ], 2))
-              ], 42, _hoisted_1$P))
+              ], 42, _hoisted_1$Q))
             ], 64);
           }), 256))
         ], 2);
       }), 128))
     ], 2);
   }
-  var PanelBody = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$21]]);
-  const _sfc_main$21 = vue.defineComponent({
+  var PanelBody = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$22]]);
+  const _sfc_main$22 = vue.defineComponent({
     name: "PanelWeekList",
     props: {
       prefixCls: {
@@ -18249,7 +18251,7 @@
       };
     }
   });
-  function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(`${_ctx.prefixCls}-week-list`)
     }, [
@@ -18261,8 +18263,8 @@
       }), 128))
     ], 2);
   }
-  var PanelWeekList = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$20]]);
-  const _sfc_main$20 = vue.defineComponent({
+  var PanelWeekList = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$21]]);
+  const _sfc_main$21 = vue.defineComponent({
     name: "TimePickerColumn",
     props: {
       prefixCls: {
@@ -18320,8 +18322,8 @@
       };
     }
   });
-  const _hoisted_1$O = ["onClick"];
-  function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$P = ["onClick"];
+  function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "refWrapper",
       class: vue.normalizeClass(`${_ctx.prefixCls}-column`)
@@ -18348,12 +18350,12 @@
             vue.createElementVNode("div", {
               class: vue.normalizeClass(`${_ctx.prefixCls}-cell-inner`)
             }, vue.toDisplayString(item.label), 3)
-          ], 10, _hoisted_1$O);
+          ], 10, _hoisted_1$P);
         }), 128))
       ])
     ], 2);
   }
-  var TimeColumn = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1$]]);
+  var TimeColumn = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$20]]);
   function useTimeList(props) {
     const {
       format,
@@ -18480,7 +18482,7 @@
       return isArray$1(value) ? value.some((i2) => isDisabled(i2)) : isDisabled(value);
     };
   }
-  const _sfc_main$1$ = vue.defineComponent({
+  const _sfc_main$20 = vue.defineComponent({
     name: "TimePickerPanel",
     components: {
       TimeColumn,
@@ -18680,7 +18682,7 @@
       };
     }
   });
-  function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_TimeColumn = vue.resolveComponent("TimeColumn");
     const _component_Button = vue.resolveComponent("Button");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -18762,8 +18764,8 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 64);
   }
-  var Panel$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1_]]);
-  const _sfc_main$1_ = vue.defineComponent({
+  var Panel$1 = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1$]]);
+  const _sfc_main$1$ = vue.defineComponent({
     name: "IconCalendar",
     props: {
       size: {
@@ -18816,8 +18818,8 @@
       };
     }
   });
-  const _hoisted_1$N = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$O = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -18831,9 +18833,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "M7 22h34M14 5v8m20-8v8M8 41h32a1 1 0 0 0 1-1V10a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1Z" }, null, -1)
-    ]), 14, _hoisted_1$N);
+    ]), 14, _hoisted_1$O);
   }
-  var _IconCalendar = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1Z]]);
+  var _IconCalendar = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1_]]);
   const IconCalendar = Object.assign(_IconCalendar, {
     install: (app, options) => {
       var _a;
@@ -18841,7 +18843,7 @@
       app.component(iconPrefix + _IconCalendar.name, _IconCalendar);
     }
   });
-  const _sfc_main$1Z = vue.defineComponent({
+  const _sfc_main$1_ = vue.defineComponent({
     name: "IconClockCircle",
     props: {
       size: {
@@ -18894,8 +18896,8 @@
       };
     }
   });
-  const _hoisted_1$M = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$N = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -18909,9 +18911,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "M24 14v10h9.5m8.5 0c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1)
-    ]), 14, _hoisted_1$M);
+    ]), 14, _hoisted_1$N);
   }
-  var _IconClockCircle = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1Y]]);
+  var _IconClockCircle = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1Z]]);
   const IconClockCircle = Object.assign(_IconClockCircle, {
     install: (app, options) => {
       var _a;
@@ -18928,7 +18930,7 @@
       value: time
     };
   }
-  const _sfc_main$1Y = vue.defineComponent({
+  const _sfc_main$1Z = vue.defineComponent({
     name: "DatePanel",
     components: {
       PanelHeader,
@@ -19125,7 +19127,7 @@
       };
     }
   });
-  function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_PanelHeader = vue.resolveComponent("PanelHeader");
     const _component_PanelWeekList = vue.resolveComponent("PanelWeekList");
     const _component_PanelBody = vue.resolveComponent("PanelBody");
@@ -19218,8 +19220,8 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var DatePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$1X]]);
-  const _sfc_main$1X = vue.defineComponent({
+  var DatePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1Y]]);
+  const _sfc_main$1Y = vue.defineComponent({
     name: "WeekPanel",
     components: {
       DatePanel
@@ -19255,7 +19257,7 @@
       };
     }
   });
-  function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_DatePanel = vue.resolveComponent("DatePanel");
     return vue.openBlock(), vue.createBlock(_component_DatePanel, vue.mergeProps(_ctx.$attrs, {
       mode: "week",
@@ -19266,7 +19268,7 @@
       onCellMouseEnter: _ctx.onCellMouseEnter
     }), null, 16, ["day-start-of-week", "is-same-time", "onSelect", "onCellMouseEnter"]);
   }
-  var WeekPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["render", _sfc_render$1W]]);
+  var WeekPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$1X]]);
   const MONTH_LIST = [
     "January",
     "February",
@@ -19284,7 +19286,7 @@
   const CELL_COUNT$1 = 12;
   const ROW_COUNT$1 = 4;
   const COL_COUNT$1 = 3;
-  const _sfc_main$1W = vue.defineComponent({
+  const _sfc_main$1X = vue.defineComponent({
     name: "MonthPanel",
     components: {
       PanelHeader,
@@ -19360,7 +19362,7 @@
       };
     }
   });
-  function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_PanelHeader = vue.resolveComponent("PanelHeader");
     const _component_PanelBody = vue.resolveComponent("PanelBody");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -19394,12 +19396,12 @@
       ], 2)
     ], 2);
   }
-  var MonthPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["render", _sfc_render$1V]]);
+  var MonthPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["render", _sfc_render$1W]]);
   const ROW_COUNT = 4;
   const COL_COUNT = 3;
   const CELL_COUNT = ROW_COUNT * COL_COUNT;
   const SPAN = 10;
-  const _sfc_main$1V = vue.defineComponent({
+  const _sfc_main$1W = vue.defineComponent({
     name: "YearPanel",
     components: {
       PanelHeader,
@@ -19470,7 +19472,7 @@
       };
     }
   });
-  function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_PanelHeader = vue.resolveComponent("PanelHeader");
     const _component_PanelBody = vue.resolveComponent("PanelBody");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -19501,8 +19503,8 @@
       ], 2)
     ], 2);
   }
-  var YearPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["render", _sfc_render$1U]]);
-  const _sfc_main$1U = vue.defineComponent({
+  var YearPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["render", _sfc_render$1V]]);
+  const _sfc_main$1V = vue.defineComponent({
     name: "QuarterPanel",
     components: {
       PanelHeader,
@@ -19570,7 +19572,7 @@
       };
     }
   });
-  function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_PanelHeader = vue.resolveComponent("PanelHeader");
     const _component_PanelBody = vue.resolveComponent("PanelBody");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -19604,8 +19606,8 @@
       ], 2)
     ], 2);
   }
-  var QuarterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$1T]]);
-  const _sfc_main$1T = vue.defineComponent({
+  var QuarterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["render", _sfc_render$1U]]);
+  const _sfc_main$1U = vue.defineComponent({
     name: "IconLink",
     props: {
       size: {
@@ -19658,8 +19660,8 @@
       };
     }
   });
-  const _hoisted_1$L = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$M = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -19673,9 +19675,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "m14.1 25.414-4.95 4.95a6 6 0 0 0 8.486 8.485l8.485-8.485a6 6 0 0 0 0-8.485m7.779.707 4.95-4.95a6 6 0 1 0-8.486-8.485l-8.485 8.485a6 6 0 0 0 0 8.485" }, null, -1)
-    ]), 14, _hoisted_1$L);
+    ]), 14, _hoisted_1$M);
   }
-  var _IconLink = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$1S]]);
+  var _IconLink = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$1T]]);
   const IconLink = Object.assign(_IconLink, {
     install: (app, options) => {
       var _a;
@@ -19683,7 +19685,7 @@
       app.component(iconPrefix + _IconLink.name, _IconLink);
     }
   });
-  const _sfc_main$1S = vue.defineComponent({
+  const _sfc_main$1T = vue.defineComponent({
     name: "Link",
     components: { IconLink, IconLoading },
     props: {
@@ -19731,8 +19733,8 @@
       };
     }
   });
-  const _hoisted_1$K = ["href"];
-  function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$L = ["href"];
+  function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_icon_loading = vue.resolveComponent("icon-loading");
     const _component_icon_link = vue.resolveComponent("icon-link");
     return vue.openBlock(), vue.createElementBlock("a", {
@@ -19749,9 +19751,9 @@
         ])
       ], 2)) : vue.createCommentVNode("v-if", true),
       vue.renderSlot(_ctx.$slots, "default")
-    ], 10, _hoisted_1$K);
+    ], 10, _hoisted_1$L);
   }
-  var _Link = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["render", _sfc_render$1R]]);
+  var _Link = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$1S]]);
   const Link = Object.assign(_Link, {
     install: (app, options) => {
       setGlobalConfig(app, options);
@@ -19759,7 +19761,7 @@
       app.component(componentPrefix + _Link.name, _Link);
     }
   });
-  const _sfc_main$1R = vue.defineComponent({
+  const _sfc_main$1S = vue.defineComponent({
     name: "PanelFooter",
     components: {
       Link,
@@ -19794,7 +19796,7 @@
       };
     }
   });
-  function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_Link = vue.resolveComponent("Link");
     const _component_Button = vue.resolveComponent("Button");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -19838,7 +19840,7 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var PanelFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["render", _sfc_render$1Q]]);
+  var PanelFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["render", _sfc_render$1R]]);
   function usePanelSpan(props) {
     const { mode } = vue.toRefs(props);
     const span = vue.computed(
@@ -19929,7 +19931,7 @@
       getDefaultLocalValue
     };
   }
-  const _sfc_main$1Q = vue.defineComponent({
+  const _sfc_main$1R = vue.defineComponent({
     name: "DatePikerPanel",
     components: {
       DatePanel,
@@ -20162,7 +20164,7 @@
       };
     }
   });
-  function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_PanelShortcuts = vue.resolveComponent("PanelShortcuts");
     const _component_YearPanel = vue.resolveComponent("YearPanel");
     const _component_MonthPanel = vue.resolveComponent("MonthPanel");
@@ -20239,7 +20241,7 @@
       _ctx.showShortcutsInRight ? (vue.openBlock(), vue.createBlock(_component_PanelShortcuts, vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.shortcutsProps)), null, 16)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var PickerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1P]]);
+  var PickerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["render", _sfc_render$1Q]]);
   function getDefaultFormat(mode = "date", showTime = false) {
     switch (mode) {
       case "date":
@@ -20445,7 +20447,7 @@
   function getReturnRangeValue(dates, format) {
     return dates.map((date) => date ? getReturnValue(date, format) : void 0);
   }
-  const _sfc_main$1P = vue.defineComponent({
+  const _sfc_main$1Q = vue.defineComponent({
     name: "Picker",
     components: {
       DateInput,
@@ -20937,7 +20939,7 @@
       };
     }
   });
-  function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_IconCalendar = vue.resolveComponent("IconCalendar");
     const _component_DateInput = vue.resolveComponent("DateInput");
     const _component_PickerPanel = vue.resolveComponent("PickerPanel");
@@ -21001,7 +21003,7 @@
       _: 3
     }, 16, ["position", "disabled", "popup-visible", "unmount-on-close", "popup-container", "onPopupVisibleChange"])) : (vue.openBlock(), vue.createBlock(_component_PickerPanel, vue.normalizeProps(vue.mergeProps({ key: 1 }, { ..._ctx.$attrs, ..._ctx.panelProps })), null, 16));
   }
-  var Picker = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1O]]);
+  var Picker = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1P]]);
   var _DatePicker = vue.defineComponent({
     name: "DatePicker",
     props: {
@@ -21329,7 +21331,7 @@
       resetHeaderValue
     };
   }
-  const _sfc_main$1O = vue.defineComponent({
+  const _sfc_main$1P = vue.defineComponent({
     name: "DateInputRange",
     components: {
       IconHover,
@@ -21492,9 +21494,9 @@
       }
     }
   });
-  const _hoisted_1$J = ["disabled", "placeholder", "value"];
+  const _hoisted_1$K = ["disabled", "placeholder", "value"];
   const _hoisted_2$4 = ["disabled", "placeholder", "value"];
-  function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_IconClose = vue.resolveComponent("IconClose");
     const _component_IconHover = vue.resolveComponent("IconHover");
     const _component_FeedbackIcon = vue.resolveComponent("FeedbackIcon");
@@ -21522,7 +21524,7 @@
             _cache[2] || (_cache[2] = vue.withKeys((...args) => _ctx.onPressTab && _ctx.onPressTab(...args), ["tab"]))
           ],
           onClick: _cache[3] || (_cache[3] = () => _ctx.changeFocusedInput(0))
-        }), null, 16, _hoisted_1$J)
+        }), null, 16, _hoisted_1$K)
       ], 2),
       vue.createElementVNode("span", {
         class: vue.normalizeClass(`${_ctx.prefixCls}-separator`)
@@ -21574,8 +21576,8 @@
       ], 2)
     ], 2);
   }
-  var DateRangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1N]]);
-  const _sfc_main$1N = vue.defineComponent({
+  var DateRangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1O]]);
+  const _sfc_main$1O = vue.defineComponent({
     name: "DateRangePikerPanel",
     components: {
       PanelShortcuts,
@@ -21829,7 +21831,7 @@
       };
     }
   });
-  function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_PanelShortcuts = vue.resolveComponent("PanelShortcuts");
     const _component_YearPanel = vue.resolveComponent("YearPanel");
     const _component_MonthPanel = vue.resolveComponent("MonthPanel");
@@ -21938,7 +21940,7 @@
       _ctx.showShortcuts && _ctx.shortcutsPosition === "right" ? (vue.openBlock(), vue.createBlock(_component_PanelShortcuts, vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.shortcutsProps)), null, 16)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var RangePickerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1M]]);
+  var RangePickerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1N]]);
   function useRangeTimePickerValue(props) {
     const { timePickerProps, selectedValue } = vue.toRefs(props);
     const startValue = vue.computed(() => {
@@ -21995,7 +21997,7 @@
     }
     return [rangeTimePickerValue, setTimeValue, resetTimeValue];
   }
-  const _sfc_main$1M = vue.defineComponent({
+  const _sfc_main$1N = vue.defineComponent({
     name: "RangePicker",
     components: {
       RangePickerPanel,
@@ -22667,7 +22669,7 @@
       };
     }
   });
-  function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_IconCalendar = vue.resolveComponent("IconCalendar");
     const _component_DateRangeInput = vue.resolveComponent("DateRangeInput");
     const _component_RangePickerPanel = vue.resolveComponent("RangePickerPanel");
@@ -22735,7 +22737,7 @@
       _: 3
     }, 16, ["unmount-on-close", "position", "disabled", "popup-visible", "popup-container", "onPopupVisibleChange"])) : (vue.openBlock(), vue.createBlock(_component_RangePickerPanel, vue.normalizeProps(vue.mergeProps({ key: 1 }, { ..._ctx.$attrs, ..._ctx.rangePanelProps })), null, 16));
   }
-  var RangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1L]]);
+  var RangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1M]]);
   const DatePicker = Object.assign(_DatePicker, {
     WeekPicker,
     MonthPicker,
@@ -23087,7 +23089,7 @@
       };
     }
   });
-  const _sfc_main$1L = vue.defineComponent({
+  const _sfc_main$1M = vue.defineComponent({
     name: "DescriptionsItem",
     props: {
       span: {
@@ -23103,10 +23105,10 @@
       };
     }
   });
-  function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var DescriptionsItem = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1K]]);
+  var DescriptionsItem = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1L]]);
   const Descriptions = Object.assign(_Descriptions, {
     DescriptionsItem,
     install: (app, options) => {
@@ -23179,6 +23181,162 @@
       app.component(componentPrefix + _Divider.name, _Divider);
     }
   });
+  const _sfc_main$1L = vue.defineComponent({
+    name: "IconFullscreen",
+    props: {
+      size: {
+        type: [Number, String]
+      },
+      strokeWidth: {
+        type: Number,
+        default: 4
+      },
+      strokeLinecap: {
+        type: String,
+        default: "butt",
+        validator: (value) => {
+          return ["butt", "round", "square"].includes(value);
+        }
+      },
+      strokeLinejoin: {
+        type: String,
+        default: "miter",
+        validator: (value) => {
+          return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value);
+        }
+      },
+      rotate: Number,
+      spin: Boolean
+    },
+    emits: {
+      click: (ev) => true
+    },
+    setup(props, { emit }) {
+      const prefixCls = getPrefixCls("icon");
+      const cls = vue.computed(() => [prefixCls, `${prefixCls}-fullscreen`, { [`${prefixCls}-spin`]: props.spin }]);
+      const innerStyle = vue.computed(() => {
+        const styles = {};
+        if (props.size) {
+          styles.fontSize = isNumber$1(props.size) ? `${props.size}px` : props.size;
+        }
+        if (props.rotate) {
+          styles.transform = `rotate(${props.rotate}deg)`;
+        }
+        return styles;
+      });
+      const onClick = (ev) => {
+        emit("click", ev);
+      };
+      return {
+        cls,
+        innerStyle,
+        onClick
+      };
+    }
+  });
+  const _hoisted_1$J = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", {
+      viewBox: "0 0 48 48",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      stroke: "currentColor",
+      class: vue.normalizeClass(_ctx.cls),
+      style: vue.normalizeStyle(_ctx.innerStyle),
+      "stroke-width": _ctx.strokeWidth,
+      "stroke-linecap": _ctx.strokeLinecap,
+      "stroke-linejoin": _ctx.strokeLinejoin,
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+    }, _cache[1] || (_cache[1] = [
+      vue.createElementVNode("path", { d: "M42 17V9a1 1 0 0 0-1-1h-8M6 17V9a1 1 0 0 1 1-1h8m27 23v8a1 1 0 0 1-1 1h-8M6 31v8a1 1 0 0 0 1 1h8" }, null, -1)
+    ]), 14, _hoisted_1$J);
+  }
+  var _IconFullscreen = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1K]]);
+  const IconFullscreen = Object.assign(_IconFullscreen, {
+    install: (app, options) => {
+      var _a;
+      const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
+      app.component(iconPrefix + _IconFullscreen.name, _IconFullscreen);
+    }
+  });
+  const _sfc_main$1K = vue.defineComponent({
+    name: "IconFullscreenExit",
+    props: {
+      size: {
+        type: [Number, String]
+      },
+      strokeWidth: {
+        type: Number,
+        default: 4
+      },
+      strokeLinecap: {
+        type: String,
+        default: "butt",
+        validator: (value) => {
+          return ["butt", "round", "square"].includes(value);
+        }
+      },
+      strokeLinejoin: {
+        type: String,
+        default: "miter",
+        validator: (value) => {
+          return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value);
+        }
+      },
+      rotate: Number,
+      spin: Boolean
+    },
+    emits: {
+      click: (ev) => true
+    },
+    setup(props, { emit }) {
+      const prefixCls = getPrefixCls("icon");
+      const cls = vue.computed(() => [prefixCls, `${prefixCls}-fullscreen-exit`, { [`${prefixCls}-spin`]: props.spin }]);
+      const innerStyle = vue.computed(() => {
+        const styles = {};
+        if (props.size) {
+          styles.fontSize = isNumber$1(props.size) ? `${props.size}px` : props.size;
+        }
+        if (props.rotate) {
+          styles.transform = `rotate(${props.rotate}deg)`;
+        }
+        return styles;
+      });
+      const onClick = (ev) => {
+        emit("click", ev);
+      };
+      return {
+        cls,
+        innerStyle,
+        onClick
+      };
+    }
+  });
+  const _hoisted_1$I = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", {
+      viewBox: "0 0 48 48",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      stroke: "currentColor",
+      class: vue.normalizeClass(_ctx.cls),
+      style: vue.normalizeStyle(_ctx.innerStyle),
+      "stroke-width": _ctx.strokeWidth,
+      "stroke-linecap": _ctx.strokeLinecap,
+      "stroke-linejoin": _ctx.strokeLinejoin,
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+    }, _cache[1] || (_cache[1] = [
+      vue.createElementVNode("path", { d: "M35 6v8a1 1 0 0 0 1 1h8M13 6v8a1 1 0 0 1-1 1H4m31 27v-8a1 1 0 0 1 1-1h8m-31 9v-8a1 1 0 0 0-1-1H4" }, null, -1)
+    ]), 14, _hoisted_1$I);
+  }
+  var _IconFullscreenExit = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1J]]);
+  const IconFullscreenExit = Object.assign(_IconFullscreenExit, {
+    install: (app, options) => {
+      var _a;
+      const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
+      app.component(iconPrefix + _IconFullscreenExit.name, _IconFullscreenExit);
+    }
+  });
   const useOverflow = (elementRef) => {
     const isSetOverflow = vue.ref(false);
     const originStyle = {
@@ -23218,13 +23376,15 @@
     };
   };
   const DRAWER_PLACEMENTS = ["top", "right", "bottom", "left"];
-  const _sfc_main$1K = vue.defineComponent({
+  const _sfc_main$1J = vue.defineComponent({
     name: "Drawer",
     components: {
       ClientOnly,
       ArcoButton: Button,
       IconHover,
-      IconClose
+      IconClose,
+      IconFullscreen,
+      IconFullscreenExit
     },
     inheritAttrs: false,
     props: {
@@ -23313,10 +23473,19 @@
       hideCancel: {
         type: Boolean,
         default: false
+      },
+      fullscreen: {
+        type: Boolean,
+        default: false
+      },
+      showFullscreen: {
+        type: Boolean,
+        default: false
       }
     },
     emits: {
       "update:visible": (visible) => true,
+      "update:fullscreen": (fullscreen) => true,
       "ok": (e2) => true,
       "cancel": (e2) => true,
       "open": () => true,
@@ -23329,10 +23498,17 @@
       const prefixCls = getPrefixCls("drawer");
       const { t: t2 } = useI18n();
       const _visible = vue.ref(props.defaultVisible);
+      const _fullscreen = vue.ref(props.fullscreen);
       const computedVisible = vue.computed(() => {
         var _a;
         return (_a = props.visible) != null ? _a : _visible.value;
       });
+      const mergedFullscreen = vue.computed(
+        () => {
+          var _a;
+          return (_a = props.fullscreen) != null ? _a : _fullscreen.value;
+        }
+      );
       const _okLoading = vue.ref(false);
       const mergedOkLoading = vue.computed(() => props.okLoading || _okLoading.value);
       const { teleportContainer, containerRef } = useTeleportContainer({
@@ -23419,6 +23595,11 @@
           close();
         }
       };
+      const toggleFullscreen = () => {
+        const next = !mergedFullscreen.value;
+        _fullscreen.value = next;
+        emit("update:fullscreen", next);
+      };
       const handleMask = (e2) => {
         if (props.maskClosable) {
           handleCancel(e2);
@@ -23462,6 +23643,14 @@
           removeGlobalKeyDownListener();
         }
       });
+      vue.watch(
+        () => props.fullscreen,
+        (val) => {
+          if (_fullscreen.value !== val) {
+            _fullscreen.value = !!val;
+          }
+        }
+      );
       const style = vue.computed(() => {
         var _a;
         const style2 = {
@@ -23489,13 +23678,17 @@
         handleClose,
         handleMask,
         isFixed,
-        teleportContainer
+        teleportContainer,
+        mergedFullscreen,
+        toggleFullscreen
       };
     }
   });
-  function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_icon_close = vue.resolveComponent("icon-close");
+  function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_icon_fullscreen = vue.resolveComponent("icon-fullscreen");
+    const _component_icon_fullscreen_exit = vue.resolveComponent("icon-fullscreen-exit");
     const _component_icon_hover = vue.resolveComponent("icon-hover");
+    const _component_icon_close = vue.resolveComponent("icon-close");
     const _component_arco_button = vue.resolveComponent("arco-button");
     const _component_client_only = vue.resolveComponent("client-only");
     return vue.openBlock(), vue.createBlock(_component_client_only, null, {
@@ -23533,7 +23726,10 @@
             }, {
               default: vue.withCtx(() => [
                 vue.withDirectives(vue.createElementVNode("div", {
-                  class: vue.normalizeClass(_ctx.prefixCls),
+                  class: vue.normalizeClass([
+                    _ctx.prefixCls,
+                    { [`${_ctx.prefixCls}-fullscreen`]: _ctx.mergedFullscreen }
+                  ]),
                   style: vue.normalizeStyle(_ctx.style)
                 }, [
                   _ctx.header ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -23549,13 +23745,28 @@
                           vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
                         ])
                       ], 2)) : vue.createCommentVNode("v-if", true),
-                      _ctx.closable ? (vue.openBlock(), vue.createElementBlock("div", {
+                      _ctx.showFullscreen ? (vue.openBlock(), vue.createElementBlock("div", {
                         key: 1,
                         tabindex: "-1",
                         role: "button",
+                        "aria-label": "Fullscreen",
+                        class: vue.normalizeClass(`${_ctx.prefixCls}-fullscreen-btn`),
+                        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.toggleFullscreen && _ctx.toggleFullscreen(...args))
+                      }, [
+                        vue.createVNode(_component_icon_hover, null, {
+                          default: vue.withCtx(() => [
+                            !_ctx.mergedFullscreen ? (vue.openBlock(), vue.createBlock(_component_icon_fullscreen, { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_icon_fullscreen_exit, { key: 1 }))
+                          ]),
+                          _: 1
+                        })
+                      ], 2)) : vue.createCommentVNode("v-if", true),
+                      _ctx.closable ? (vue.openBlock(), vue.createElementBlock("div", {
+                        key: 2,
+                        tabindex: "-1",
+                        role: "button",
                         "aria-label": "Close",
                         class: vue.normalizeClass(`${_ctx.prefixCls}-close-btn`),
-                        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleCancel && _ctx.handleCancel(...args))
+                        onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleCancel && _ctx.handleCancel(...args))
                       }, [
                         vue.createVNode(_component_icon_hover, null, {
                           default: vue.withCtx(() => [
@@ -23608,7 +23819,7 @@
       _: 3
     });
   }
-  var _Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1J]]);
+  var _Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$1I]]);
   const open$1 = (config, appContext) => {
     let container2 = getOverlay("drawer");
     const handleOk = () => {
@@ -23787,7 +23998,7 @@
     const id = field.replace(/[[.]/g, "_").replace(/\]/g, "");
     return prefix ? `${prefix}-${id}` : `${id}`;
   };
-  const _sfc_main$1J = vue.defineComponent({
+  const _sfc_main$1I = vue.defineComponent({
     name: "Form",
     props: {
       model: {
@@ -24067,8 +24278,8 @@
       }
     }
   });
-  const _hoisted_1$I = ["id"];
-  function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$H = ["id"];
+  function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("form", {
       id: _ctx.id,
       ref: "formRef",
@@ -24076,9 +24287,9 @@
       onSubmit: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
     }, [
       vue.renderSlot(_ctx.$slots, "default")
-    ], 42, _hoisted_1$I);
+    ], 42, _hoisted_1$H);
   }
-  var _Form = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$1I]]);
+  var _Form = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1H]]);
   var opt = Object.prototype.toString;
   function isArray(obj) {
     return opt.call(obj) === "[object Array]";
@@ -24609,7 +24820,7 @@
     "GridContextInjectionKey"
   );
   const GridDataCollectorInjectionKey = Symbol("GridDataCollectorInjectionKey");
-  const _sfc_main$1I = vue.defineComponent({
+  const _sfc_main$1H = vue.defineComponent({
     name: "Row",
     props: {
       gutter: {
@@ -24684,7 +24895,7 @@
       };
     }
   });
-  function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.classNames),
       style: vue.normalizeStyle(_ctx.styles)
@@ -24692,7 +24903,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var Row = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1H]]);
+  var Row = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1G]]);
   function useResponsiveValue(props) {
     const value = vue.computed(() => {
       const { val, key, xs, sm, md, lg, xl, xxl } = props.value;
@@ -24721,7 +24932,7 @@
     }
     return void 0;
   }
-  const _sfc_main$1H = vue.defineComponent({
+  const _sfc_main$1G = vue.defineComponent({
     name: "Col",
     props: {
       span: {
@@ -24821,7 +25032,7 @@
       };
     }
   });
-  function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
     return _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,
       class: vue.normalizeClass(_ctx.classNames),
@@ -24830,7 +25041,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6)) : vue.createCommentVNode("v-if", true);
   }
-  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1G]]);
+  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1F]]);
   function resolveItemData(cols, props) {
     var _a, _b;
     const originSpan = (_a = props.span) != null ? _a : 1;
@@ -24890,7 +25101,7 @@
       displayIndexList
     };
   }
-  const _sfc_main$1G = vue.defineComponent({
+  const _sfc_main$1F = vue.defineComponent({
     name: "Grid",
     props: {
       cols: {
@@ -24976,7 +25187,7 @@
       };
     }
   });
-  function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.classNames),
       style: vue.normalizeStyle(_ctx.style)
@@ -24984,8 +25195,8 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var _Grid = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1F]]);
-  const _sfc_main$1F = vue.defineComponent({
+  var _Grid = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1E]]);
+  const _sfc_main$1E = vue.defineComponent({
     name: "GridItem",
     props: {
       span: {
@@ -25082,7 +25293,7 @@
       };
     }
   });
-  function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "domRef",
       class: vue.normalizeClass(_ctx.classNames),
@@ -25091,7 +25302,7 @@
       vue.renderSlot(_ctx.$slots, "default", { overflow: _ctx.overflow })
     ], 6);
   }
-  var GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1E]]);
+  var GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1D]]);
   const Grid = Object.assign(_Grid, {
     Row,
     Col,
@@ -25105,7 +25316,7 @@
       app.component(componentPrefix + GridItem.name, GridItem);
     }
   });
-  const _sfc_main$1E = vue.defineComponent({
+  const _sfc_main$1D = vue.defineComponent({
     name: "Tooltip",
     components: {
       Trigger
@@ -25203,7 +25414,7 @@
       };
     }
   });
-  function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_Trigger = vue.resolveComponent("Trigger");
     return vue.openBlock(), vue.createBlock(_component_Trigger, {
       class: vue.normalizeClass(_ctx.prefixCls),
@@ -25233,7 +25444,7 @@
       _: 3
     }, 8, ["class", "position", "popup-visible", "content-class", "content-style", "arrow-class", "arrow-style", "popup-container", "onPopupVisibleChange"]);
   }
-  var _Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1D]]);
+  var _Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1C]]);
   const Tooltip = Object.assign(_Tooltip, {
     install: (app, options) => {
       setGlobalConfig(app, options);
@@ -25241,7 +25452,7 @@
       app.component(componentPrefix + _Tooltip.name, _Tooltip);
     }
   });
-  const _sfc_main$1D = vue.defineComponent({
+  const _sfc_main$1C = vue.defineComponent({
     name: "IconQuestionCircle",
     props: {
       size: {
@@ -25294,8 +25505,8 @@
       };
     }
   });
-  const _hoisted_1$H = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$G = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -25310,9 +25521,9 @@
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1),
       vue.createElementVNode("path", { d: "M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465" }, null, -1)
-    ]), 14, _hoisted_1$H);
+    ]), 14, _hoisted_1$G);
   }
-  var _IconQuestionCircle = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1C]]);
+  var _IconQuestionCircle = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1B]]);
   const IconQuestionCircle = Object.assign(_IconQuestionCircle, {
     install: (app, options) => {
       var _a;
@@ -25320,7 +25531,7 @@
       app.component(iconPrefix + _IconQuestionCircle.name, _IconQuestionCircle);
     }
   });
-  const _sfc_main$1C = vue.defineComponent({
+  const _sfc_main$1B = vue.defineComponent({
     name: "FormItemLabel",
     components: {
       ResizeObserver,
@@ -25374,7 +25585,7 @@
       };
     }
   });
-  function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_icon_question_circle = vue.resolveComponent("icon-question-circle");
     const _component_Tooltip = vue.resolveComponent("Tooltip");
     const _component_ResizeObserver = vue.resolveComponent("ResizeObserver");
@@ -25431,8 +25642,8 @@
       _: 3
     }, 8, ["onResize"]);
   }
-  var FormItemLabel = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1B]]);
-  const _sfc_main$1B = vue.defineComponent({
+  var FormItemLabel = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1A]]);
+  const _sfc_main$1A = vue.defineComponent({
     name: "FormItemMessage",
     props: {
       error: {
@@ -25448,7 +25659,7 @@
       };
     }
   });
-  function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     return _ctx.error.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.error, (item) => {
       return vue.openBlock(), vue.createBlock(vue.Transition, {
         key: item,
@@ -25480,8 +25691,8 @@
       _: 3
     })) : vue.createCommentVNode("v-if", true);
   }
-  var FormItemMessage = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1A]]);
-  const _sfc_main$1A = vue.defineComponent({
+  var FormItemMessage = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1z]]);
+  const _sfc_main$1z = vue.defineComponent({
     name: "FormItem",
     components: {
       ArcoRow: Row,
@@ -25850,7 +26061,7 @@
       };
     }
   });
-  function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_FormItemLabel = vue.resolveComponent("FormItemLabel");
     const _component_ArcoCol = vue.resolveComponent("ArcoCol");
@@ -25940,7 +26151,7 @@
       _: 3
     }, 16, ["class", "wrap", "div"]));
   }
-  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1z]]);
+  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1y]]);
   const Form = Object.assign(_Form, {
     Item: FormItem,
     install: (app, options) => {
@@ -25950,7 +26161,7 @@
       app.component(componentPrefix + FormItem.name, FormItem);
     }
   });
-  const _sfc_main$1z = vue.defineComponent({
+  const _sfc_main$1y = vue.defineComponent({
     name: "Icon",
     props: {
       type: String,
@@ -25983,7 +26194,7 @@
       };
     }
   });
-  function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       class: vue.normalizeClass(_ctx.cls),
       style: vue.normalizeStyle(_ctx.innerStyle),
@@ -25992,7 +26203,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var _Icon = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1y]]);
+  var _Icon = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1x]]);
   function _isSlot$c(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
@@ -26040,7 +26251,7 @@
       app.component(componentPrefix + _Icon.name, _Icon);
     }
   });
-  const _sfc_main$1y = vue.defineComponent({
+  const _sfc_main$1x = vue.defineComponent({
     name: "ImageFooter",
     props: {
       title: {
@@ -26057,9 +26268,9 @@
       };
     }
   });
-  const _hoisted_1$G = ["title"];
+  const _hoisted_1$F = ["title"];
   const _hoisted_2$3 = ["title"];
-  function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.prefixCls)
     }, [
@@ -26071,7 +26282,7 @@
           key: 0,
           class: vue.normalizeClass(`${_ctx.prefixCls}-caption-title`),
           title: _ctx.title
-        }, vue.toDisplayString(_ctx.title), 11, _hoisted_1$G)) : vue.createCommentVNode("v-if", true),
+        }, vue.toDisplayString(_ctx.title), 11, _hoisted_1$F)) : vue.createCommentVNode("v-if", true),
         _ctx.description ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
           class: vue.normalizeClass(`${_ctx.prefixCls}-caption-description`),
@@ -26086,8 +26297,8 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var ImageFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1x]]);
-  const _sfc_main$1x = vue.defineComponent({
+  var ImageFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1w]]);
+  const _sfc_main$1w = vue.defineComponent({
     name: "ImagePreviewArrow",
     components: {
       IconLeft,
@@ -26108,7 +26319,7 @@
       };
     }
   });
-  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_icon_left = vue.resolveComponent("icon-left");
     const _component_icon_right = vue.resolveComponent("icon-right");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -26144,7 +26355,7 @@
       ], 2)
     ], 2);
   }
-  var PreviewArrow = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1w]]);
+  var PreviewArrow = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1v]]);
   function _isSlot$b(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
@@ -26195,7 +26406,7 @@
       };
     }
   });
-  var _sfc_main$1w = vue.defineComponent({
+  var _sfc_main$1v = vue.defineComponent({
     name: "ImagePreviewToolbar",
     components: {
       RenderFunction,
@@ -26233,7 +26444,7 @@
       };
     }
   });
-  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_RenderFunction = vue.resolveComponent("RenderFunction");
     const _component_PreviewAction = vue.resolveComponent("PreviewAction");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -26257,7 +26468,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var PreviewToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1v]]);
+  var PreviewToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1u]]);
   function useImageLoadStatus(defaultValue) {
     const status = vue.ref(defaultValue || "beforeLoad");
     const isBeforeLoad = vue.computed(() => status.value === "beforeLoad");
@@ -26372,7 +26583,7 @@
       }
     };
   }
-  const _sfc_main$1v = vue.defineComponent({
+  const _sfc_main$1u = vue.defineComponent({
     name: "IconZoomOut",
     props: {
       size: {
@@ -26425,8 +26636,8 @@
       };
     }
   });
-  const _hoisted_1$F = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$E = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
@@ -26440,9 +26651,9 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
       vue.createElementVNode("path", { d: "M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15" }, null, -1)
-    ]), 14, _hoisted_1$F);
+    ]), 14, _hoisted_1$E);
   }
-  var _IconZoomOut = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1u]]);
+  var _IconZoomOut = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1t]]);
   const IconZoomOut = Object.assign(_IconZoomOut, {
     install: (app, options) => {
       var _a;
@@ -26450,7 +26661,7 @@
       app.component(iconPrefix + _IconZoomOut.name, _IconZoomOut);
     }
   });
-  const _sfc_main$1u = vue.defineComponent({
+  const _sfc_main$1t = vue.defineComponent({
     name: "IconZoomIn",
     props: {
       size: {
@@ -26503,84 +26714,6 @@
       };
     }
   });
-  const _hoisted_1$E = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", {
-      viewBox: "0 0 48 48",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      stroke: "currentColor",
-      class: vue.normalizeClass(_ctx.cls),
-      style: vue.normalizeStyle(_ctx.innerStyle),
-      "stroke-width": _ctx.strokeWidth,
-      "stroke-linecap": _ctx.strokeLinecap,
-      "stroke-linejoin": _ctx.strokeLinejoin,
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-    }, _cache[1] || (_cache[1] = [
-      vue.createElementVNode("path", { d: "M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15m7 7V15" }, null, -1)
-    ]), 14, _hoisted_1$E);
-  }
-  var _IconZoomIn = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1t]]);
-  const IconZoomIn = Object.assign(_IconZoomIn, {
-    install: (app, options) => {
-      var _a;
-      const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
-      app.component(iconPrefix + _IconZoomIn.name, _IconZoomIn);
-    }
-  });
-  const _sfc_main$1t = vue.defineComponent({
-    name: "IconFullscreen",
-    props: {
-      size: {
-        type: [Number, String]
-      },
-      strokeWidth: {
-        type: Number,
-        default: 4
-      },
-      strokeLinecap: {
-        type: String,
-        default: "butt",
-        validator: (value) => {
-          return ["butt", "round", "square"].includes(value);
-        }
-      },
-      strokeLinejoin: {
-        type: String,
-        default: "miter",
-        validator: (value) => {
-          return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value);
-        }
-      },
-      rotate: Number,
-      spin: Boolean
-    },
-    emits: {
-      click: (ev) => true
-    },
-    setup(props, { emit }) {
-      const prefixCls = getPrefixCls("icon");
-      const cls = vue.computed(() => [prefixCls, `${prefixCls}-fullscreen`, { [`${prefixCls}-spin`]: props.spin }]);
-      const innerStyle = vue.computed(() => {
-        const styles = {};
-        if (props.size) {
-          styles.fontSize = isNumber$1(props.size) ? `${props.size}px` : props.size;
-        }
-        if (props.rotate) {
-          styles.transform = `rotate(${props.rotate}deg)`;
-        }
-        return styles;
-      });
-      const onClick = (ev) => {
-        emit("click", ev);
-      };
-      return {
-        cls,
-        innerStyle,
-        onClick
-      };
-    }
-  });
   const _hoisted_1$D = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
   function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", {
@@ -26595,15 +26728,15 @@
       "stroke-linejoin": _ctx.strokeLinejoin,
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, _cache[1] || (_cache[1] = [
-      vue.createElementVNode("path", { d: "M42 17V9a1 1 0 0 0-1-1h-8M6 17V9a1 1 0 0 1 1-1h8m27 23v8a1 1 0 0 1-1 1h-8M6 31v8a1 1 0 0 0 1 1h8" }, null, -1)
+      vue.createElementVNode("path", { d: "M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15m7 7V15" }, null, -1)
     ]), 14, _hoisted_1$D);
   }
-  var _IconFullscreen = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1s]]);
-  const IconFullscreen = Object.assign(_IconFullscreen, {
+  var _IconZoomIn = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1s]]);
+  const IconZoomIn = Object.assign(_IconZoomIn, {
     install: (app, options) => {
       var _a;
       const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
-      app.component(iconPrefix + _IconFullscreen.name, _IconFullscreen);
+      app.component(iconPrefix + _IconZoomIn.name, _IconZoomIn);
     }
   });
   const _sfc_main$1s = vue.defineComponent({
@@ -32333,6 +32466,8 @@
       ArcoButton: Button,
       IconHover,
       IconClose,
+      IconFullscreen,
+      IconFullscreenExit,
       IconInfoCircleFill,
       IconCheckCircleFill,
       IconExclamationCircleFill,
@@ -32439,6 +32574,10 @@
         type: Boolean,
         default: false
       },
+      showFullscreen: {
+        type: Boolean,
+        default: false
+      },
       maskAnimationName: {
         type: String,
         default: (props) => {
@@ -32473,6 +32612,7 @@
     },
     emits: {
       "update:visible": (visible) => true,
+      "update:fullscreen": (fullscreen) => true,
       "ok": (e2) => true,
       "cancel": (e2) => true,
       "open": () => true,
@@ -32501,6 +32641,11 @@
       });
       const _okLoading = vue.ref(false);
       const mergedOkLoading = vue.computed(() => props.okLoading || _okLoading.value);
+      const _fullscreen = vue.ref(props.fullscreen);
+      const mergedFullscreen = vue.computed(() => {
+        var _a;
+        return (_a = props.fullscreen) != null ? _a : _fullscreen.value;
+      });
       const mergedDraggable = vue.computed(() => props.draggable && !props.fullscreen);
       const {
         teleportContainer,
@@ -32663,7 +32808,15 @@
         if (position.value) {
           position.value = void 0;
         }
+        if (_fullscreen.value !== fullscreen.value) {
+          _fullscreen.value = !!fullscreen.value;
+        }
       });
+      const toggleFullscreen = () => {
+        const next = !mergedFullscreen.value;
+        _fullscreen.value = next;
+        emit("update:fullscreen", next);
+      };
       const wrapperCls = vue.computed(() => [`${prefixCls}-wrapper`, {
         [`${prefixCls}-wrapper-align-center`]: props.alignCenter && !props.fullscreen,
         [`${prefixCls}-wrapper-moved`]: Boolean(position.value)
@@ -32671,7 +32824,7 @@
       const modalCls = vue.computed(() => [`${prefixCls}`, props.modalClass, {
         [`${prefixCls}-simple`]: props.simple,
         [`${prefixCls}-draggable`]: mergedDraggable.value,
-        [`${prefixCls}-fullscreen`]: props.fullscreen
+        [`${prefixCls}-fullscreen`]: mergedFullscreen.value
       }]);
       const mergedModalStyle = vue.computed(() => {
         var _a;
@@ -32710,7 +32863,9 @@
         wrapperCls,
         modalCls,
         teleportContainer,
-        handleMoveDown
+        handleMoveDown,
+        mergedFullscreen,
+        toggleFullscreen
       };
     }
   });
@@ -32719,8 +32874,10 @@
     const _component_icon_check_circle_fill = vue.resolveComponent("icon-check-circle-fill");
     const _component_icon_exclamation_circle_fill = vue.resolveComponent("icon-exclamation-circle-fill");
     const _component_icon_close_circle_fill = vue.resolveComponent("icon-close-circle-fill");
-    const _component_icon_close = vue.resolveComponent("icon-close");
+    const _component_icon_fullscreen = vue.resolveComponent("icon-fullscreen");
+    const _component_icon_fullscreen_exit = vue.resolveComponent("icon-fullscreen-exit");
     const _component_icon_hover = vue.resolveComponent("icon-hover");
+    const _component_icon_close = vue.resolveComponent("icon-close");
     const _component_arco_button = vue.resolveComponent("arco-button");
     const _component_client_only = vue.resolveComponent("client-only");
     return vue.openBlock(), vue.createBlock(_component_client_only, null, {
@@ -32753,8 +32910,8 @@
             vue.createElementVNode("div", {
               ref: "wrapperRef",
               class: vue.normalizeClass(_ctx.wrapperCls),
-              onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args) => _ctx.handleMaskClick && _ctx.handleMaskClick(...args), ["self"])),
-              onMousedown: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.handleMaskMouseDown && _ctx.handleMaskMouseDown(...args), ["self"]))
+              onClick: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.handleMaskClick && _ctx.handleMaskClick(...args), ["self"])),
+              onMousedown: _cache[4] || (_cache[4] = vue.withModifiers((...args) => _ctx.handleMaskMouseDown && _ctx.handleMaskMouseDown(...args), ["self"]))
             }, [
               vue.createVNode(vue.Transition, {
                 name: _ctx.modalAnimationName,
@@ -32772,7 +32929,7 @@
                     !_ctx.hideTitle && (_ctx.$slots.title || _ctx.title || _ctx.closable) ? (vue.openBlock(), vue.createElementBlock("div", {
                       key: 0,
                       class: vue.normalizeClass(`${_ctx.prefixCls}-header`),
-                      onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.handleMoveDown && _ctx.handleMoveDown(...args))
+                      onMousedown: _cache[2] || (_cache[2] = (...args) => _ctx.handleMoveDown && _ctx.handleMoveDown(...args))
                     }, [
                       _ctx.$slots.title || _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", {
                         key: 0,
@@ -32794,13 +32951,28 @@
                           vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
                         ])
                       ], 2)) : vue.createCommentVNode("v-if", true),
-                      !_ctx.simple && _ctx.closable ? (vue.openBlock(), vue.createElementBlock("div", {
+                      !_ctx.simple && _ctx.showFullscreen ? (vue.openBlock(), vue.createElementBlock("div", {
                         key: 1,
                         tabindex: "-1",
                         role: "button",
+                        "aria-label": "Fullscreen",
+                        class: vue.normalizeClass(`${_ctx.prefixCls}-fullscreen-btn`),
+                        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggleFullscreen && _ctx.toggleFullscreen(...args))
+                      }, [
+                        vue.createVNode(_component_icon_hover, null, {
+                          default: vue.withCtx(() => [
+                            !_ctx.mergedFullscreen ? (vue.openBlock(), vue.createBlock(_component_icon_fullscreen, { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_icon_fullscreen_exit, { key: 1 }))
+                          ]),
+                          _: 1
+                        })
+                      ], 2)) : vue.createCommentVNode("v-if", true),
+                      !_ctx.simple && _ctx.closable ? (vue.openBlock(), vue.createElementBlock("div", {
+                        key: 2,
+                        tabindex: "-1",
+                        role: "button",
                         "aria-label": "Close",
                         class: vue.normalizeClass(`${_ctx.prefixCls}-close-btn`),
-                        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleCancel && _ctx.handleCancel(...args))
+                        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleCancel && _ctx.handleCancel(...args))
                       }, [
                         vue.createVNode(_component_icon_hover, null, {
                           default: vue.withCtx(() => [
@@ -38966,11 +39138,15 @@
   const getSelectionStatus = (selectedRowKeys, leafKeys) => {
     let checked = false;
     let indeterminate = false;
-    const selectedLeafKeys = leafKeys.filter(
-      (key) => selectedRowKeys.includes(key)
-    );
-    if (selectedLeafKeys.length > 0) {
-      if (selectedLeafKeys.length >= leafKeys.length) {
+    const selectedSet = selectedRowKeys instanceof Set ? selectedRowKeys : new Set(selectedRowKeys);
+    let selectedLeafCount = 0;
+    for (const key of leafKeys) {
+      if (selectedSet.has(key)) {
+        selectedLeafCount += 1;
+      }
+    }
+    if (selectedLeafCount > 0) {
+      if (selectedLeafCount >= leafKeys.length) {
         checked = true;
       } else {
         indeterminate = true;
@@ -38982,7 +39158,24 @@
     };
   };
   const union = (target2, source, difference = false) => {
-    return difference ? target2.filter((item) => !source.includes(item)) : Array.from(new Set(target2.concat(source)));
+    if (difference) {
+      const sourceSet = source instanceof Set ? source : new Set(source);
+      const result = [];
+      for (const item of target2) {
+        if (!sourceSet.has(item)) {
+          result.push(item);
+        }
+      }
+      return result;
+    }
+    const resultSet = /* @__PURE__ */ new Set();
+    for (const item of target2) {
+      resultSet.add(item);
+    }
+    for (const item of source) {
+      resultSet.add(item);
+    }
+    return Array.from(resultSet);
   };
   const getReverse = (array) => {
     const result = [];
@@ -39013,9 +39206,11 @@
         return (_c2 = (_b2 = selectedKeys.value) != null ? _b2 : (_a2 = rowSelection.value) == null ? void 0 : _a2.selectedRowKeys) != null ? _c2 : _selectedRowKeys.value;
       }
     );
-    const currentSelectedRowKeys = vue.computed(
-      () => selectedRowKeys.value.filter((key) => currentAllRowKeys.value.includes(key))
-    );
+    const currentAllRowKeySet = vue.computed(() => new Set(currentAllRowKeys.value));
+    const currentSelectedRowKeys = vue.computed(() => {
+      const allKeySet = currentAllRowKeySet.value;
+      return selectedRowKeys.value.filter((key) => allKeySet.has(key));
+    });
     const handleSelectAll = (checked) => {
       const newKeys = union(
         selectedRowKeys.value,
@@ -40120,13 +40315,13 @@
       };
       const style = vue.computed(() => {
         var _a;
-        const style2 = getStyle(props.column, {
+        const fixedStyle = getStyle(props.column, {
           dataColumns: props.dataColumns,
           operations: props.operations
         });
         const customStyle = getCustomStyle();
         return {
-          ...style2,
+          ...fixedStyle,
           ...(_a = props.column) == null ? void 0 : _a.cellStyle,
           ...customStyle
         };
@@ -40248,15 +40443,27 @@
       const prefixCls = getPrefixCls("table");
       const tableCtx = vue.inject(tableInjectionKey, {});
       const checkboxStatus = vue.computed(() => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         let checked = false;
         let indeterminate = false;
-        const currentSelectedEnabledRowKeys = (_b = (_a = tableCtx.currentSelectedRowKeys) == null ? void 0 : _a.filter((key) => {
-          var _a2, _b2;
-          return (_b2 = (_a2 = tableCtx.currentAllEnabledRowKeys) == null ? void 0 : _a2.includes(key)) != null ? _b2 : true;
-        })) != null ? _b : [];
-        const selectedNumber = currentSelectedEnabledRowKeys.length;
-        const totalEnabledNumber = (_d = (_c = tableCtx.currentAllEnabledRowKeys) == null ? void 0 : _c.length) != null ? _d : 0;
+        const totalEnabledNumber = (_b = (_a = tableCtx.currentAllEnabledRowKeys) == null ? void 0 : _a.length) != null ? _b : 0;
+        if (totalEnabledNumber === 0) {
+          return {
+            checked,
+            indeterminate
+          };
+        }
+        const enabledKeySet = (_d = tableCtx.currentAllEnabledRowKeySet) != null ? _d : new Set((_c = tableCtx.currentAllEnabledRowKeys) != null ? _c : []);
+        const currentSelectedRowKeys = (_e = tableCtx.currentSelectedRowKeys) != null ? _e : [];
+        let selectedNumber = 0;
+        for (const key of currentSelectedRowKeys) {
+          if (enabledKeySet.has(key)) {
+            selectedNumber += 1;
+            if (selectedNumber >= totalEnabledNumber) {
+              break;
+            }
+          }
+        }
         if (selectedNumber > 0) {
           if (selectedNumber >= totalEnabledNumber) {
             checked = true;
@@ -40361,11 +40568,11 @@
       }, ...getOperationFixedCls(prefixCls, props.operationColumn)]);
       const leafKeys = vue.computed(() => getLeafKeys(props.record));
       const selectionStatus = vue.computed(() => {
-        var _a;
-        return getSelectionStatus((_a = tableCtx.currentSelectedRowKeys) != null ? _a : [], leafKeys.value);
+        var _a, _b;
+        return getSelectionStatus((_b = (_a = tableCtx.currentSelectedRowKeySet) != null ? _a : tableCtx.currentSelectedRowKeys) != null ? _b : [], leafKeys.value);
       });
       const renderContent = () => {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
         if (props.summary) {
           return null;
         }
@@ -40388,7 +40595,7 @@
             }, null);
           }
           return vue.createVNode(Checkbox, {
-            "modelValue": (_b = (_a = props.selectedRowKeys) == null ? void 0 : _a.includes(value)) != null ? _b : false,
+            "modelValue": (_d = (_c = (_a = tableCtx.selectedRowKeySet) == null ? void 0 : _a.has(value)) != null ? _c : (_b = props.selectedRowKeys) == null ? void 0 : _b.includes(value)) != null ? _d : false,
             "disabled": Boolean(props.record.disabled),
             "uninjectGroupContext": true,
             "onChange": (checked) => {
@@ -40401,7 +40608,7 @@
         if (props.operationColumn.name === "selection-radio") {
           const value = props.record.key;
           return vue.createVNode(Radio, {
-            "modelValue": (_d = (_c = props.selectedRowKeys) == null ? void 0 : _c.includes(value)) != null ? _d : false,
+            "modelValue": (_h = (_g = (_e = tableCtx.selectedRowKeySet) == null ? void 0 : _e.has(value)) != null ? _g : (_f = props.selectedRowKeys) == null ? void 0 : _f.includes(value)) != null ? _h : false,
             "disabled": Boolean(props.record.disabled),
             "uninjectGroupContext": true,
             "onChange": (checked) => {
@@ -40418,7 +40625,7 @@
           return null;
         }
         if (props.operationColumn.name === "drag-handle") {
-          return (_f = (_e = slots["drag-handle-icon"]) == null ? void 0 : _e.call(slots)) != null ? _f : vue.createVNode(IconDragDotVertical, null, null);
+          return (_j = (_i = slots["drag-handle-icon"]) == null ? void 0 : _i.call(slots)) != null ? _j : vue.createVNode(IconDragDotVertical, null, null);
         }
         return null;
       };
@@ -40986,7 +41193,7 @@
       const {
         componentRef: virtualComRef,
         elementRef: virtualRef
-      } = useComponentRef("viewportRef");
+      } = useComponentRef("containerRef");
       const {
         componentRef: theadComRef,
         elementRef: theadRef
@@ -41182,6 +41389,9 @@
         currentAllEnabledRowKeys,
         emit
       });
+      const currentAllEnabledRowKeySet = vue.computed(() => new Set(currentAllEnabledRowKeys.value));
+      const currentSelectedRowKeySet = vue.computed(() => new Set(currentSelectedRowKeys.value));
+      const selectedRowKeySet = vue.computed(() => new Set(selectedRowKeys.value));
       const {
         expandedRowKeys,
         handleExpand,
@@ -41237,18 +41447,27 @@
               expand: _record.expand,
               isLeaf: _record.isLeaf
             };
-            if (_record.children) {
-              record.isLeaf = false;
-              record.children = travel(_record.children);
+            const recordChildren = _record.children;
+            if (Array.isArray(recordChildren)) {
+              if (recordChildren.length > 0) {
+                record.isLeaf = false;
+                record.children = travel(recordChildren);
+              } else if (showEmptyTree.value) {
+                record.isLeaf = false;
+                record.children = [];
+              } else {
+                record.isLeaf = true;
+              }
             } else if (props.loadMore && !_record.isLeaf) {
               record.isLeaf = false;
-              if (lazyLoadData[record.key]) {
-                record.children = travel(lazyLoadData[record.key]);
+              const lazyChildren = lazyLoadData[record.key];
+              if (lazyChildren) {
+                record.children = travel(lazyChildren);
               }
             } else {
               record.isLeaf = true;
             }
-            record.hasSubtree = Boolean(record.children ? props.hideExpandButtonOnEmpty ? record.children.length > 0 : true : props.loadMore && !record.isLeaf);
+            record.hasSubtree = Boolean(record.children ? props.hideExpandButtonOnEmpty ? record.children.length > 0 : showEmptyTree.value || record.children.length > 0 : props.loadMore && !record.isLeaf);
             result.push(record);
           }
           return result;
@@ -41566,7 +41785,10 @@
         resizingColumn,
         checkStrictly,
         currentAllEnabledRowKeys,
+        currentAllEnabledRowKeySet,
         currentSelectedRowKeys,
+        currentSelectedRowKeySet,
+        selectedRowKeySet,
         addColumn,
         removeColumn,
         onSelectAll: handleSelectAll,
@@ -41586,7 +41808,8 @@
         [`${prefixCls}-dragging`]: dragState.dragging,
         [`${prefixCls}-type-selection`]: Boolean(props.rowSelection),
         [`${prefixCls}-empty`]: props.data && flattenData.value.length === 0,
-        [`${prefixCls}-layout-fixed`]: props.tableLayoutFixed || isScroll2.value.x || splitTable.value || hasEllipsis.value
+        [`${prefixCls}-layout-fixed`]: props.tableLayoutFixed || isScroll2.value.x || splitTable.value || hasEllipsis.value,
+        [`${prefixCls}-virtualized`]: Boolean(props.virtualListProps)
       }]);
       const paginationCls = vue.computed(() => [`${prefixCls}-pagination`, {
         [`${prefixCls}-pagination-left`]: props.pagePosition === "tl" || props.pagePosition === "bl",
@@ -41613,6 +41836,13 @@
         }
         thWidth.value = width;
       };
+      vue.watch(columnWidth, () => {
+        if (isVirtualList.value) {
+          vue.nextTick(getThWidth);
+        }
+      }, {
+        deep: true
+      });
       const hasScrollBar = vue.ref(false);
       const isTbodyHasScrollBar = () => {
         if (tbodyRef.value) {
@@ -41685,11 +41915,16 @@
         columns: allColumns
       });
       const getVirtualColumnStyle = (name) => {
-        if (!isVirtualList.value || !name || !thWidth.value[name]) {
+        var _a;
+        if (!isVirtualList.value || !name) {
+          return void 0;
+        }
+        const width = (_a = columnWidth[name]) != null ? _a : thWidth.value[name];
+        if (!width) {
           return void 0;
         }
         return {
-          width: `${thWidth.value[name]}px`
+          width: `${width}px`
         };
       };
       const renderSummaryRow = (record, rowIndex) => {
@@ -41805,16 +42040,14 @@
         }
         return null;
       };
-      const renderRecord = (record, rowIndex, {
+      const renderRecordRow = (record, rowIndex, {
         indentSize = 0,
         indexPath,
         allowDrag = true
       } = {}) => {
-        var _a;
         const currentKey = record.key;
         const currentPath = (indexPath != null ? indexPath : []).concat(rowIndex);
         const expandContent = renderExpandContent(record);
-        const showExpand = expandedRowKeys.value.includes(currentKey);
         const isDragTarget = dragState.sourceKey === record.key;
         const dragSourceEvent = dragType.value ? {
           draggable: allowDrag,
@@ -41847,7 +42080,7 @@
             handleDrop(ev);
           }
         } : {};
-        return vue.createVNode(vue.Fragment, null, [vue.createVNode(Tr, vue.mergeProps({
+        return vue.createVNode(Tr, vue.mergeProps({
           "key": currentKey,
           "class": [{
             [`${prefixCls}-tr-draggable`]: dragType.value === "row",
@@ -41855,15 +42088,15 @@
           }, isFunction$1(props.rowClass) ? props.rowClass(record.raw, rowIndex) : props.rowClass],
           "rowIndex": rowIndex,
           "record": record,
-          "checked": props.rowSelection && ((_a = selectedRowKeys.value) == null ? void 0 : _a.includes(currentKey)),
+          "checked": props.rowSelection && selectedRowKeySet.value.has(currentKey),
           "onClick": (ev) => handleRowClick(record, ev),
           "onDblclick": (ev) => handleRowDblclick(record, ev),
           "onContextmenu": (ev) => handleRowContextMenu(record, ev)
         }, dragType.value === "row" ? dragSourceEvent : {}, dragTargetEvent), {
           default: () => [operations.value.map((operation, index2) => {
-            var _a2;
+            var _a;
             const cellId = `${rowIndex}-${index2}-${record.key}`;
-            const [rowspan, colspan] = props.spanAll ? (_a2 = tableSpan.value[cellId]) != null ? _a2 : [1, 1] : [1, 1];
+            const [rowspan, colspan] = props.spanAll ? (_a = tableSpan.value[cellId]) != null ? _a : [1, 1] : [1, 1];
             if (props.spanAll && removedCells.value.includes(cellId)) {
               return null;
             }
@@ -41883,9 +42116,9 @@
               "drag-handle-icon": slots["drag-handle-icon"]
             });
           }), dataColumns.value.map((column, index2) => {
-            var _a2;
+            var _a;
             const cellId = `${rowIndex}-${props.spanAll ? operations.value.length + index2 : index2}-${record.key}`;
-            const [rowspan, colspan] = (_a2 = tableSpan.value[cellId]) != null ? _a2 : [1, 1];
+            const [rowspan, colspan] = (_a = tableSpan.value[cellId]) != null ? _a : [1, 1];
             if (removedCells.value.includes(cellId)) {
               return null;
             }
@@ -41916,13 +42149,123 @@
             });
           })],
           tr: slots.tr
+        });
+      };
+      const renderRecord = (record, rowIndex, {
+        indentSize = 0,
+        indexPath,
+        allowDrag = true
+      } = {}) => {
+        const currentKey = record.key;
+        const currentPath = (indexPath != null ? indexPath : []).concat(rowIndex);
+        const expandContent = renderExpandContent(record);
+        const showExpand = expandedRowKeys.value.includes(currentKey);
+        return vue.createVNode(vue.Fragment, null, [renderRecordRow(record, rowIndex, {
+          indentSize,
+          indexPath,
+          allowDrag
         }), showExpand && renderExpand(record, {
           indentSize: indentSize + props.indentSize,
           indexPath: currentPath,
-          allowDrag: allowDrag && !isDragTarget,
+          allowDrag,
           expandContent
         })]);
       };
+      const renderVirtualEmptyRow = (key) => {
+        return vue.createVNode(Tr, {
+          "key": key,
+          "empty": true
+        }, {
+          default: () => [vue.createVNode(Td, {
+            "colSpan": dataColumns.value.length + operations.value.length
+          }, {
+            default: () => {
+              var _a, _b, _c, _d, _e;
+              return [(_e = (_d = (_a = slots.empty) == null ? void 0 : _a.call(slots)) != null ? _d : (_c = configCtx == null ? void 0 : (_b = configCtx.slots).empty) == null ? void 0 : _c.call(_b, {
+                component: "table"
+              })) != null ? _e : vue.createVNode(Empty, null, null)];
+            }
+          })]
+        });
+      };
+      const virtualListData = vue.computed(() => {
+        if (!isVirtualList.value || flattenData.value.length === 0) {
+          return [];
+        }
+        const hasSubData = flattenData.value.some((record) => Boolean(record.hasSubtree));
+        const baseIndentSize = hasSubData ? 20 : 0;
+        const expandedKeySet = new Set(expandedRowKeys.value);
+        const list = [];
+        let recordIndex = 0;
+        const travel = (data, indentSize, indexPath) => {
+          data.forEach((record, index2) => {
+            var _a;
+            const currentPath = indexPath.concat(index2);
+            list.push({
+              type: "record",
+              _key: `r-${String(record.key)}`,
+              record,
+              rowIndex: recordIndex,
+              indentSize,
+              indexPath: currentPath
+            });
+            recordIndex += 1;
+            if (!expandedKeySet.has(record.key))
+              return;
+            if (record.hasSubtree) {
+              if (((_a = record.children) == null ? void 0 : _a.length) === 0 && showEmptyTree.value) {
+                list.push({
+                  type: "empty-subtree",
+                  _key: `empty-subtree-${String(record.key)}`
+                });
+                return;
+              }
+              if (record.children && record.children.length > 0) {
+                travel(record.children, indentSize + props.indentSize, currentPath);
+              }
+              return;
+            }
+            const expandContent = renderExpandContent(record);
+            if (expandContent) {
+              list.push({
+                type: "expand",
+                _key: `expand-${String(record.key)}`,
+                record
+              });
+            }
+          });
+        };
+        travel(flattenData.value, baseIndentSize, []);
+        return list;
+      });
+      const renderVirtualItem = (item) => {
+        if (item.type === "record") {
+          return renderRecordRow(item.record, item.rowIndex, {
+            indentSize: item.indentSize,
+            indexPath: item.indexPath
+          });
+        }
+        if (item.type === "empty-subtree") {
+          return renderVirtualEmptyRow(item._key);
+        }
+        const expandContent = renderExpandContent(item.record);
+        if (!expandContent) {
+          return null;
+        }
+        const scrollContainer = containerElement.value;
+        return vue.createVNode(Tr, {
+          "key": `${item.record.key}-expand`,
+          "expand": true
+        }, {
+          default: () => [vue.createVNode(Td, {
+            "isFixedExpand": hasLeftFixedColumn.value || hasRightFixedColumn.value,
+            "containerWidth": scrollContainer == null ? void 0 : scrollContainer.clientWidth,
+            "colSpan": dataColumns.value.length + operations.value.length
+          }, _isSlot$3(expandContent) ? expandContent : {
+            default: () => [expandContent]
+          })]
+        });
+      };
       const renderBody = () => {
         const hasSubData = flattenData.value.some((record) => Boolean(record.hasSubtree));
         return vue.createVNode(Tbody, null, {
@@ -41951,7 +42294,7 @@
               "rowSpan": groupColumns.value.length
             }, null);
           }), row.map((column, index3) => {
-            const resizable = props.columnResizable && Boolean(column.dataIndex) && index3 < row.length - 1;
+            const resizable = props.columnResizable && Boolean(column.dataIndex) && index3 < row.length - 1 && !column.fixed;
             return vue.createVNode(Th, {
               "key": `th-${index3}`,
               "ref": (ins) => {
@@ -42014,14 +42357,11 @@
             "onResize": handleTbodyResize
           }, {
             default: () => {
-              var _a2, _b2;
+              var _a2, _b2, _c, _d;
               return [isVirtualList.value && flattenData.value.length ? vue.createVNode(VirtualList, vue.mergeProps({
-                "ref": (ins) => {
-                  if (ins == null ? void 0 : ins.$el)
-                    tbodyRef.value = ins.$el;
-                },
+                "ref": virtualComRef.value,
                 "class": `${prefixCls}-body`,
-                "data": flattenData.value,
+                "data": virtualListData.value,
                 "itemKey": "_key",
                 "component": {
                   list: "table",
@@ -42032,19 +42372,18 @@
                   style: contentStyle.value
                 },
                 "paddingPosition": "list",
-                "height": "auto"
+                "height": (_b2 = (_a2 = props.scroll) == null ? void 0 : _a2.y) != null ? _b2 : "auto"
               }, props.virtualListProps, {
                 "onScroll": onTbodyScroll
               }), {
                 item: ({
-                  item,
-                  index: index2
-                }) => renderRecord(item, index2)
+                  item
+                }) => renderVirtualItem(item)
               }) : vue.createVNode(Component, vue.mergeProps({
                 "ref": tbodyComRef,
                 "class": `${prefixCls}-body`,
                 "style": {
-                  maxHeight: isNumber$1((_a2 = props.scroll) == null ? void 0 : _a2.y) ? `${(_b2 = props.scroll) == null ? void 0 : _b2.y}px` : "100%"
+                  maxHeight: isNumber$1((_c = props.scroll) == null ? void 0 : _c.y) ? `${(_d = props.scroll) == null ? void 0 : _d.y}px` : "100%"
                 }
               }, scrollbar.value ? {
                 outerStyle: {