@koi-design/uxd-ui 14.0.6 → 14.0.7

package/uxd-ui.umd.js

@@ -1,4 +1,4 @@
-/*! @koi-design/uxd-ui@4.0.6 */
+/*! @koi-design/uxd-ui@4.0.7 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('lucide-vue-next')) :
@@ -1530,7 +1530,7 @@
     return false;
   }
 
-  function getComputedStyle$1(element) {
+  function getComputedStyle(element) {
     return getWindow(element).getComputedStyle(element);
   }
 
@@ -1550,7 +1550,7 @@
   }
 
   function getTrueOffsetParent(element) {
-    if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
+    if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
       return null;
     }
     return element.offsetParent;
@@ -1559,7 +1559,7 @@
     var isFirefox = /firefox/i.test(getUAString());
     var isIE = /Trident/i.test(getUAString());
     if (isIE && isHTMLElement(element)) {
-      var elementCss = getComputedStyle$1(element);
+      var elementCss = getComputedStyle(element);
       if (elementCss.position === "fixed") {
         return null;
       }
@@ -1569,7 +1569,7 @@
       currentNode = currentNode.host;
     }
     while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
-      var css = getComputedStyle$1(currentNode);
+      var css = getComputedStyle(currentNode);
       if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
         return currentNode;
       } else {
@@ -1581,10 +1581,10 @@
   function getOffsetParent(element) {
     var window = getWindow(element);
     var offsetParent = getTrueOffsetParent(element);
-    while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === "static") {
+    while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === "static") {
       offsetParent = getTrueOffsetParent(offsetParent);
     }
-    if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle$1(offsetParent).position === "static")) {
+    if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle(offsetParent).position === "static")) {
       return window;
     }
     return offsetParent || getContainingBlock(element) || window;
@@ -1725,7 +1725,7 @@
       var widthProp = "clientWidth";
       if (offsetParent === getWindow(popper)) {
         offsetParent = getDocumentElement(popper);
-        if (getComputedStyle$1(offsetParent).position !== "static" && position === "absolute") {
+        if (getComputedStyle(offsetParent).position !== "static" && position === "absolute") {
           heightProp = "scrollHeight";
           widthProp = "scrollWidth";
         }
@@ -1908,7 +1908,7 @@
     var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
     var x = -winScroll.scrollLeft + getWindowScrollBarX(element);
     var y = -winScroll.scrollTop;
-    if (getComputedStyle$1(body || html).direction === "rtl") {
+    if (getComputedStyle(body || html).direction === "rtl") {
       x += max(html.clientWidth, body ? body.clientWidth : 0) - width;
     }
     return {
@@ -1920,7 +1920,7 @@
   }
 
   function isScrollParent(element) {
-    var _getComputedStyle = getComputedStyle$1(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
+    var _getComputedStyle = getComputedStyle(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
     return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
   }
 
@@ -1973,7 +1973,7 @@
   }
   function getClippingParents(element) {
     var clippingParents = listScrollParents(getParentNode(element));
-    var canEscapeClipping = ["absolute", "fixed"].indexOf(getComputedStyle$1(element).position) >= 0;
+    var canEscapeClipping = ["absolute", "fixed"].indexOf(getComputedStyle(element).position) >= 0;
     var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
     if (!isElement(clipperElement)) {
       return [];
@@ -11136,24 +11136,14 @@
   const TransitionEvents = {
     onBeforeEnter(el) {
       addClass(el, "collapse-transition");
-      if (!el.dataset)
-        el.dataset = {};
-      el.dataset.oldPaddingTop = getComputedStyle(el).paddingTop || 0;
-      el.dataset.oldPaddingBottom = getComputedStyle(el).paddingBottom || 0;
       el.style.height = 0;
-      el.style.paddingTop = 0;
-      el.style.paddingBottom = 0;
     },
     onEnter(el) {
       el.dataset.oldOverflow = el.style.overflow;
       if (el.scrollHeight !== 0) {
         el.style.height = `${el.scrollHeight}px`;
-        el.style.paddingTop = el.dataset.oldPaddingTop;
-        el.style.paddingBottom = el.dataset.oldPaddingBottom;
       } else {
         el.style.height = "";
-        el.style.paddingTop = el.dataset.oldPaddingTop;
-        el.style.paddingBottom = el.dataset.oldPaddingBottom;
       }
       el.style.overflow = "hidden";
     },
@@ -11166,8 +11156,6 @@
     onBeforeLeave(el) {
       if (!el.dataset)
         el.dataset = {};
-      el.dataset.oldPaddingTop = el.style.paddingTop;
-      el.dataset.oldPaddingBottom = el.style.paddingBottom;
       el.dataset.oldOverflow = el.style.overflow;
       el.style.height = `${el.scrollHeight}px`;
       el.style.overflow = "hidden";
@@ -11176,16 +11164,12 @@
       if (el.scrollHeight !== 0) {
         addClass(el, "collapse-transition");
         el.style.height = 0;
-        el.style.paddingTop = 0;
-        el.style.paddingBottom = 0;
       }
     },
     onAfterLeave(el) {
       removeClass(el, "collapse-transition");
       el.style.height = "";
       el.style.overflow = el.dataset.oldOverflow || "0";
-      el.style.paddingTop = el.dataset.oldPaddingTop || "0";
-      el.style.paddingBottom = el.dataset.oldPaddingBottom || "0";
     }
   };
   const CollapseTransition = (props, { slots }) => {
@@ -11206,11 +11190,6 @@
       default: "vertical",
       validator: oneOf(menuMode)
     },
-    theme: {
-      type: String,
-      default: "light",
-      validator: oneOf(menuTheme)
-    },
     selectedKeys: {
       type: Array,
       validator: isArrayOf([Number, String])
@@ -11320,7 +11299,6 @@
       const {
         openKeys,
         mode: menuMode,
-        theme,
         subMenuOpenDelay,
         subMenuCloseDelay,
         rootPrefixCls,
@@ -11421,7 +11399,6 @@
         titleStyle,
         mode,
         subMode,
-        theme,
         isOpen,
         isSelected,
         menuId,
@@ -11500,7 +11477,7 @@
         key: 1,
         "aria-owns": _ctx.menuId,
         "aria-haspopup": "true",
-        "popup-class": `${_ctx.prefixCls}-popup ${_ctx.rootPrefixCls}-${_ctx.theme} ${_ctx.popupClassName || ""}`,
+        "popup-class": `${_ctx.prefixCls}-popup  ${_ctx.popupClassName || ""}`,
         prefix: _ctx.prefixCls,
         placement: _ctx.popupPlacement,
         offset: _ctx.popupOffset,
@@ -11707,7 +11684,6 @@
       } = useGlobalConfig(inDrop ? "dropdown-menu" : "menu");
       const {
         mode,
-        theme,
         subMenuOpenDelay,
         subMenuCloseDelay,
         inlineCollapsed
@@ -11840,7 +11816,6 @@
       vue.provide("menuStore", {
         mode: computedMode,
         originalMode: mode,
-        theme,
         selectedKeys,
         openKeys,
         subMenuOpenDelay,
@@ -11871,7 +11846,7 @@
       return vue.createVNode("ul", {
         "ref": "rootMenu",
         "role": this.role || "menu",
-        "class": [`${this.computedPrefixCls}`, `${this.computedPrefixCls}-${this.computedMode}`, `${this.computedPrefixCls}-root`, `${this.computedPrefixCls}-${this.theme}`, {
+        "class": [`${this.computedPrefixCls}`, `${this.computedPrefixCls}-${this.computedMode}`, `${this.computedPrefixCls}-root`, {
           [`${this.computedPrefixCls}-inline-collapsed`]: this.inlineCollapsed || !!this.layoutSiderCollapsed
         }]
       }, [this.renderChild()]);
@@ -12465,7 +12440,7 @@
   }
   var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1X], ["__file", "Dropdown.vue"]]);
 
-  function _isSlot$5(s) {
+  function _isSlot$4(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
   var DropdownMenu = vue.defineComponent({
@@ -12529,7 +12504,7 @@
           let _slot;
           return vue.createVNode(UMenu.ItemGroup, {
             "title": m.title
-          }, _isSlot$5(_slot = m.children.map(renderItem)) ? _slot : {
+          }, _isSlot$4(_slot = m.children.map(renderItem)) ? _slot : {
             default: () => [_slot]
           });
         }
@@ -12575,7 +12550,7 @@
           [`${prefixCls}-menu-with-icon`]: this.icon
         },
         "style": this.style
-      }, _isSlot$5(menus) ? menus : {
+      }, _isSlot$4(menus) ? menus : {
         default: () => [menus]
       });
     }
@@ -12987,7 +12962,7 @@
     }
   });
 
-  function _isSlot$4(s) {
+  function _isSlot$3(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
   const UMenuItem = UMenu.Item;
@@ -13057,11 +13032,11 @@
         if (routeChildren && !!routeChildren.length) {
           return () => {
             let _slot2;
-            return vue.createVNode(UMenu, null, _isSlot$4(_slot2 = routeChildren.map((routeChild, index) => {
+            return vue.createVNode(UMenu, null, _isSlot$3(_slot2 = routeChildren.map((routeChild, index) => {
               let _slot;
               return vue.createVNode(UMenuItem, {
                 "key": index
-              }, _isSlot$4(_slot = renderRouteItem(routeChild)) ? _slot : {
+              }, _isSlot$3(_slot = renderRouteItem(routeChild)) ? _slot : {
                 default: () => [_slot]
               });
             })) ? _slot2 : {
@@ -16801,223 +16776,6 @@
 
   const UCalendar = withInstall(Calendar);
 
-  function useGutter(_gutter) {
-    const screens = vue.ref({});
-    const token = vue.ref();
-    const getScreensRepsponsive = () => {
-      token.value = responsiveObserve.subscribe((scn) => {
-        if (isPlainObject$1(_gutter.value) || Array.isArray(_gutter.value) && (isPlainObject$1(_gutter.value[0]) || isPlainObject$1(_gutter.value[1]))) {
-          screens.value = scn;
-        }
-      });
-    };
-    vue.onMounted(getScreensRepsponsive);
-    vue.onUnmounted(() => {
-      responsiveObserve.unsubscribe(token.value);
-    });
-    const getGutter = () => {
-      const result = [0, 0];
-      const gutterArray = Array.isArray(_gutter.value) ? _gutter.value : [_gutter.value, 0];
-      if (screens.value) {
-        gutterArray.forEach((g, index) => {
-          if (isPlainObject$1(g)) {
-            for (let i = 0; i < responsiveArray.length; i += 1) {
-              const breakpoint = responsiveArray[i];
-              if (screens.value[breakpoint] && g[breakpoint] !== void 0) {
-                result[index] = g[breakpoint];
-                break;
-              }
-            }
-          } else {
-            result[index] = g || 0;
-          }
-        });
-      }
-      return result;
-    };
-    const styles = vue.computed(() => {
-      let ret = {};
-      const g = getGutter();
-      if (g[0] > 0) {
-        ret = {
-          [`--grid-gutter-width`]: `${g[0]}px`
-        };
-      }
-      if (g[1] > 0) {
-        ret = {
-          ...ret,
-          rowGap: `${g[1]}px`
-        };
-      }
-      return ret;
-    });
-    return {
-      getGutter,
-      styles
-    };
-  }
-
-  const gridAlign = ["top", "middle", "bottom", "stretch"];
-  const gridJustify = ["start", "end", "center", "space-around", "space-between"];
-  const rowProps = {
-    gutter: {
-      type: [Object, Number, Array],
-      default: 0
-    },
-    flex: {
-      type: Boolean,
-      default: false
-    },
-    align: {
-      type: String,
-      default: "top",
-      validator: oneOf(gridAlign)
-    },
-    justify: {
-      type: String,
-      default: "start",
-      validator: oneOf(gridJustify)
-    }
-  };
-  const colProps = {
-    span: {
-      type: [String, Number]
-    },
-    order: {
-      type: [String, Number]
-    },
-    offset: {
-      type: [String, Number]
-    },
-    push: {
-      type: [String, Number]
-    },
-    pull: {
-      type: [String, Number]
-    },
-    xs: {
-      type: [String, Number, Object]
-    },
-    sm: {
-      type: [String, Number, Object]
-    },
-    md: {
-      type: [String, Number, Object]
-    },
-    lg: {
-      type: [String, Number, Object]
-    },
-    xl: {
-      type: [String, Number, Object]
-    },
-    xxl: {
-      type: [String, Number, Object]
-    },
-    flex: {
-      type: [String, Number]
-    }
-  };
-
-  const _sfc_main$1I = vue.defineComponent({
-    name: "URow",
-    props: rowProps,
-    setup(props) {
-      const { gutter } = vue.toRefs(props);
-      const { prefixCls } = useGlobalConfig("row");
-      const { getGutter, styles } = useGutter(gutter);
-      return {
-        prefixCls,
-        getGutter,
-        styles
-      };
-    }
-  });
-  function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass({
-        [`${_ctx.prefixCls}`]: true,
-        [`${_ctx.prefixCls}-flex-${_ctx.justify}`]: _ctx.flex && _ctx.justify,
-        [`${_ctx.prefixCls}-flex-${_ctx.align}`]: _ctx.flex && _ctx.align
-      }),
-      style: vue.normalizeStyle(_ctx.styles)
-    }, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 6);
-  }
-  var Row$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1G], ["__file", "Row.vue"]]);
-
-  const parseFlex = (flex) => {
-    if (typeof flex === "number") {
-      return `${flex} ${flex} auto`;
-    }
-    if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
-      return `0 0 ${flex}`;
-    }
-    return flex;
-  };
-  const _sfc_main$1H = vue.defineComponent({
-    name: "UCol",
-    props: colProps,
-    setup(props) {
-      const { prefixCls } = useGlobalConfig("col");
-      const sizeCls = vue.computed(() => {
-        const ret = [];
-        ["xs", "sm", "md", "lg", "xl", "xxl"].forEach((size) => {
-          const sizeProp = props[size];
-          if (typeof sizeProp === "number" || typeof sizeProp === "string") {
-            ret.push(`${prefixCls.value}-${size}-${sizeProp}`);
-          } else if (typeof sizeProp === "object") {
-            Object.keys(sizeProp).forEach((key) => {
-              ret.push(key === "span" ? `${prefixCls.value}-${size}-${sizeProp[key]}` : `${prefixCls.value}-${size}-${key}-${sizeProp[key]}`);
-            });
-          }
-        });
-        return ret;
-      });
-      const styles = vue.computed(() => {
-        let ret = {};
-        ret = {
-          ...ret,
-          flex: parseFlex(props.flex)
-        };
-        return ret;
-      });
-      return {
-        sizeCls,
-        prefixCls,
-        styles
-      };
-    }
-  });
-  function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass([
-        _ctx.prefixCls,
-        ..._ctx.sizeCls,
-        {
-          [`${_ctx.prefixCls}-${_ctx.span}`]: _ctx.span,
-          [`${_ctx.prefixCls}-order-${_ctx.order}`]: _ctx.order,
-          [`${_ctx.prefixCls}-offset-${_ctx.offset}`]: _ctx.offset,
-          [`${_ctx.prefixCls}-push-${_ctx.push}`]: _ctx.push,
-          [`${_ctx.prefixCls}-pull-${_ctx.pull}`]: _ctx.pull
-        }
-      ]),
-      style: vue.normalizeStyle(_ctx.styles)
-    }, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 6);
-  }
-  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1F], ["__file", "Col.vue"]]);
-
-  const UGrid = {
-    Row: Row$1,
-    Col,
-    install: (app) => {
-      app.component(Row$1.name, Row$1);
-      app.component(Col.name, Col);
-    }
-  };
-
   const cardProps = {
     bordered: {
       type: Boolean,
@@ -17031,14 +16789,14 @@
       type: Boolean,
       default: false
     },
-    padding: {
-      type: Number,
-      default: 16
-    },
     title: {
       type: String,
       default: ""
     },
+    description: {
+      type: String,
+      default: ""
+    },
     icon: {
       type: [String, Object, Function]
     },
@@ -17062,13 +16820,6 @@
     }
   };
 
-  function _isSlot$3(s) {
-    return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-  }
-  const {
-    Col: UCol,
-    Row: URow
-  } = UGrid;
   var Card = vue.defineComponent({
     name: "UCard",
     components: {
@@ -17090,7 +16841,8 @@
           disHover,
           title,
           icon,
-          grid
+          grid,
+          description
         } = props;
         const showHead = !!title || slots.title !== void 0;
         const showExtra = showHead && slots.extra !== void 0;
@@ -17110,27 +16862,29 @@
         };
         const headRender = showHead ? vue.createVNode("div", {
           "class": `${prefixCls.value}-head`
-        }, [slots.title !== void 0 ? (_a = slots.title) == null ? void 0 : _a.call(slots) : vue.createVNode("div", {
-          "class": `${prefixCls.value}-head-inner`
-        }, [iconRender(), vue.createVNode("span", null, [title])])]) : null;
+        }, [slots.title !== void 0 ? (_a = slots.title) == null ? void 0 : _a.call(slots) : vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
+          "class": `${prefixCls.value}-head-title`
+        }, [iconRender(), vue.createVNode("span", null, [title])]), description && vue.createVNode("div", {
+          "class": `${prefixCls.value}-head-description`
+        }, [description])])]) : null;
         const extraRender = showExtra ? vue.createVNode("div", {
           "class": `${prefixCls.value}-extra`
         }, [(_b = slots.extra) == null ? void 0 : _b.call(slots)]) : null;
         const coverRender = slots.cover !== void 0 ? vue.createVNode("div", {
           "class": `${prefixCls.value}-cover`
         }, [(_c = slots.cover) == null ? void 0 : _c.call(slots)]) : null;
-        const actionRenderer = slots.action ? vue.createVNode("ul", {
+        const actionRenderer = slots.action ? vue.createVNode("div", {
           "class": `${prefixCls.value}-action`
-        }, [getSlot(slots, "action").map((child) => vue.createVNode("li", null, [child]))]) : null;
+        }, [getSlot(slots, "action").map((child) => vue.createVNode("div", null, [child]))]) : null;
         const gridRenderer = () => {
           const cols = getSlot(slots).map((child) => {
-            let _slot;
             const colSpan = child.props && child.props.span ? child.props.span : grid;
-            return vue.createVNode(UCol, {
-              "span": colSpan
-            }, _isSlot$3(_slot = getSlot(child.children, "default")) ? _slot : {
-              default: () => [_slot]
-            });
+            return vue.createVNode("div", {
+              "class": `${prefixCls.value}-grid-item`,
+              "style": {
+                gridColumn: `span ${colSpan} / span ${colSpan}`
+              }
+            }, [getSlot(child.children, "default")]);
           });
           const classString = {
             [`${prefixCls.value}-grid`]: true,
@@ -17138,9 +16892,7 @@
           };
           return vue.createVNode("div", {
             "class": classString
-          }, [vue.createVNode(URow, null, _isSlot$3(cols) ? cols : {
-            default: () => [cols]
-          })]);
+          }, [cols]);
         };
         const bodyRender = getSlot(slots).length ? vue.createVNode("div", {
           "class": `${prefixCls.value}-body`
@@ -17148,11 +16900,11 @@
         return vue.createVNode("div", {
           "class": [`${prefixCls.value}`, {
             [`${prefixCls.value}-bordered`]: bordered && !shadow,
-            [`${prefixCls.value}-dis-hover`]: disHover || shadow,
+            [`${prefixCls.value}-dis-hover`]: disHover && !shadow,
             [`${prefixCls.value}-shadow`]: shadow,
             [`${prefixCls.value}-contain-grid`]: grid
           }]
-        }, [headRender, extraRender, coverRender, bodyRender, actionRenderer]);
+        }, [extraRender, headRender, coverRender, bodyRender, actionRenderer]);
       };
     }
   });
@@ -17166,7 +16918,7 @@
     }
   });
 
-  const _sfc_main$1G = vue.defineComponent({
+  const _sfc_main$1I = vue.defineComponent({
     name: "UCardMeta",
     components: {
       UAvatar
@@ -17179,7 +16931,7 @@
       };
     }
   });
-  function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_UAvatar = vue.resolveComponent("UAvatar");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(`${_ctx.prefixCls}`)
@@ -17214,7 +16966,7 @@
       ], 2)
     ], 2);
   }
-  var CardMeta = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1E], ["__file", "CardMeta.vue"]]);
+  var CardMeta = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1G], ["__file", "CardMeta.vue"]]);
 
   const UCard = withInstall(Card, {
     UCard: CardGrid,
@@ -17282,7 +17034,7 @@
     change: (cur, pre) => typeof cur === "number" && typeof pre === "number"
   };
 
-  const _sfc_main$1F = vue.defineComponent({
+  const _sfc_main$1H = vue.defineComponent({
     name: "UCarousel",
     components: {
       UIcon,
@@ -17581,7 +17333,7 @@
   const _hoisted_1$F = ["disabled"];
   const _hoisted_2$g = ["disabled"];
   const _hoisted_3$3 = ["onMouseenter", "onClick"];
-  function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ChevronLeft = vue.resolveComponent("ChevronLeft");
     const _component_UIcon = vue.resolveComponent("UIcon");
     const _component_ChevronRight = vue.resolveComponent("ChevronRight");
@@ -17718,10 +17470,10 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 34);
   }
-  var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1D], ["__file", "Carousel.vue"]]);
+  var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1F], ["__file", "Carousel.vue"]]);
 
   const CARD_SCALE = 0.9;
-  const _sfc_main$1E = vue.defineComponent({
+  const _sfc_main$1G = vue.defineComponent({
     name: "UCarouselItem",
     setup(props, { slots }) {
       const { prefixCls } = useGlobalConfig("carousel");
@@ -17832,7 +17584,7 @@
       };
     }
   });
-  function _sfc_render$1C(_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.prefixCls}-item`]: true,
@@ -17853,7 +17605,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1C], ["__file", "CarouselItem.vue"]]);
+  var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1E], ["__file", "CarouselItem.vue"]]);
 
   const UCarousel = withInstall(Carousel, {
     Item: CarouselItem
@@ -17923,7 +17675,7 @@
     }
   };
 
-  const _sfc_main$1D = vue.defineComponent({
+  const _sfc_main$1F = vue.defineComponent({
     name: "UCollapse",
     props: collapseProps,
     emits: collapseEmits,
@@ -17992,7 +17744,7 @@
       };
     }
   });
-  function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([
         _ctx.prefixCls,
@@ -18003,9 +17755,9 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1B], ["__file", "Collapse.vue"]]);
+  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1D], ["__file", "Collapse.vue"]]);
 
-  const _sfc_main$1C = vue.defineComponent({
+  const _sfc_main$1E = vue.defineComponent({
     name: "UCollapsePanel",
     components: {
       UIcon,
@@ -18077,7 +17829,7 @@
       };
     }
   });
-  function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_UIcon = vue.resolveComponent("UIcon");
     const _component_CollapseTransition = vue.resolveComponent("CollapseTransition");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -18141,7 +17893,7 @@
       })
     ], 2);
   }
-  var CollapsePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1A], ["__file", "Panel.vue"]]);
+  var CollapsePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1C], ["__file", "Panel.vue"]]);
 
   const UCollapse = withInstall(Collapse, {
     Panel: CollapsePanel
@@ -19737,7 +19489,7 @@
     });
   };
 
-  const _sfc_main$1B = vue.defineComponent({
+  const _sfc_main$1D = vue.defineComponent({
     name: "UColorSvPanel",
     props: {
       prefixCls: {
@@ -19801,7 +19553,7 @@
       };
     }
   });
-  function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "hueRef",
       class: vue.normalizeClass(_ctx.prefixCls)
@@ -19820,9 +19572,9 @@
       ], 2)
     ], 2);
   }
-  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1z], ["__file", "HueSlider.vue"]]);
+  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1B], ["__file", "HueSlider.vue"]]);
 
-  const _sfc_main$1A = vue.defineComponent({
+  const _sfc_main$1C = vue.defineComponent({
     name: "UColorSvPanel",
     props: {
       prefixCls: {
@@ -19888,7 +19640,7 @@
       };
     }
   });
-  function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "panelRef",
       class: vue.normalizeClass(_ctx.prefixCls),
@@ -19911,9 +19663,9 @@
       }, null, 6)
     ], 6);
   }
-  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1y], ["__file", "SvPanel.vue"]]);
+  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1A], ["__file", "SvPanel.vue"]]);
 
-  const _sfc_main$1z = vue.defineComponent({
+  const _sfc_main$1B = vue.defineComponent({
     name: "UColorAlphaSlider",
     props: {
       prefixCls: {
@@ -19987,7 +19739,7 @@
       };
     }
   });
-  function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "rootRef",
       class: vue.normalizeClass(_ctx.prefixCls)
@@ -20008,9 +19760,9 @@
       }, null, 6)
     ], 2);
   }
-  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1x], ["__file", "AlphaSlider.vue"]]);
+  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1z], ["__file", "AlphaSlider.vue"]]);
 
-  const _sfc_main$1y = vue.defineComponent({
+  const _sfc_main$1A = vue.defineComponent({
     name: "UColorPrevColors",
     props: {
       prefixCls: {
@@ -20050,7 +19802,7 @@
     }
   });
   const _hoisted_1$E = ["onClick"];
-  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.prefixCls)
     }, [
@@ -20072,7 +19824,7 @@
       }), 128))
     ], 2);
   }
-  var PreColors = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1w], ["__file", "PreColors.vue"]]);
+  var PreColors = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1y], ["__file", "PreColors.vue"]]);
 
   const colorPickerFormat = ["hsv", "hsl", "hex", "rgb"];
   const colorPickerProps = {
@@ -20120,7 +19872,7 @@
     "open-change": (v) => typeof v === "boolean"
   };
 
-  const _sfc_main$1x = vue.defineComponent({
+  const _sfc_main$1z = vue.defineComponent({
     name: "UColorPicker",
     components: {
       Popup,
@@ -20252,7 +20004,7 @@
       };
     }
   });
-  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ChevronDown = vue.resolveComponent("ChevronDown");
     const _component_UIcon = vue.resolveComponent("UIcon");
     const _component_SvPanel = vue.resolveComponent("SvPanel");
@@ -20382,7 +20134,7 @@
       _: 1
     }, 8, ["trigger", "prefix-cls", "popup-class", "popup-style", "visible", "disabled", "onPopupVisibleChange"]);
   }
-  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1v], ["__file", "ColorPicker.vue"]]);
+  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1x], ["__file", "ColorPicker.vue"]]);
 
   const UColorPicker = withInstall(ColorPicker);
 
@@ -20724,7 +20476,7 @@
       default: "date"
     }
   };
-  const _sfc_main$1w = vue.defineComponent({
+  const _sfc_main$1y = vue.defineComponent({
     name: "DatePickerInput",
     props: defineProps$9,
     emits: {
@@ -20841,7 +20593,7 @@
     }
   });
   const _hoisted_1$D = ["placeholder", "disabled", "value", "size"];
-  function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("input", {
       ref: "inputRef",
       class: vue.normalizeClass([`${_ctx.prefixCls}-picker-input`]),
@@ -20856,9 +20608,9 @@
       onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.onInputBlur && _ctx.onInputBlur(...args))
     }, null, 42, _hoisted_1$D);
   }
-  var DatePickerInput = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1u], ["__file", "DatePickerInput.vue"]]);
+  var DatePickerInput = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1w], ["__file", "DatePickerInput.vue"]]);
 
-  const _sfc_main$1v = vue.defineComponent({
+  const _sfc_main$1x = vue.defineComponent({
     name: "RangeSeparator"
   });
   const _hoisted_1$C = {
@@ -20872,7 +20624,7 @@
     width: "200",
     height: "200"
   };
-  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$C, _cache[0] || (_cache[0] = [
       vue.createElementVNode("path", {
         d: "M883.328 572.352l-0.149333-0.170667-181.013334-181.013333a42.666667 42.666667 0 0 0-60.330666 60.330667l108.501333 108.501333H170.666667a42.666667 42.666667 0 1 0 0 85.333333h682.666666a42.666667 42.666667 0 0 0 29.994667-72.981333z",
@@ -20881,7 +20633,7 @@
       }, null, -1)
     ]));
   }
-  var RangeSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1t], ["__file", "RangeSeparator.vue"]]);
+  var RangeSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1v], ["__file", "RangeSeparator.vue"]]);
 
   const defineProps$8 = {
     prefixCls: {
@@ -20927,7 +20679,7 @@
       type: [Number, Object, Function]
     }
   };
-  const _sfc_main$1u = vue.defineComponent({
+  const _sfc_main$1w = vue.defineComponent({
     name: "DateRangeInput",
     components: {
       URender: Render,
@@ -21062,7 +20814,7 @@
   });
   const _hoisted_1$B = ["value", "placeholder", "size"];
   const _hoisted_2$f = ["value", "size", "placeholder"];
-  function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_URender = vue.resolveComponent("URender");
     const _component_RangeSeparator = vue.resolveComponent("RangeSeparator");
     const _component_UIcon = vue.resolveComponent("UIcon");
@@ -21108,9 +20860,9 @@
       }, null, 42, _hoisted_2$f)
     ], 2);
   }
-  var DateRangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1s], ["__file", "DateRangeInput.vue"]]);
+  var DateRangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1u], ["__file", "DateRangeInput.vue"]]);
 
-  const _sfc_main$1t = vue.defineComponent({
+  const _sfc_main$1v = vue.defineComponent({
     name: "DatePanelHeader",
     components: { UIcon, ChevronsLeft: lucideVueNext.ChevronsLeft, ChevronsRight: lucideVueNext.ChevronsRight, ChevronLeft: lucideVueNext.ChevronLeft, ChevronRight: lucideVueNext.ChevronRight },
     props: {
@@ -21190,7 +20942,7 @@
   const _hoisted_2$e = ["title"];
   const _hoisted_3$2 = ["title"];
   const _hoisted_4 = ["title"];
-  function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ChevronsLeft = vue.resolveComponent("ChevronsLeft");
     const _component_UIcon = vue.resolveComponent("UIcon");
     const _component_ChevronLeft = vue.resolveComponent("ChevronLeft");
@@ -21300,7 +21052,7 @@
       ], 10, _hoisted_4)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var DatePanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1r], ["__file", "DatePanelHeader.vue"]]);
+  var DatePanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1t], ["__file", "DatePanelHeader.vue"]]);
 
   const scrollbarContextKey = Symbol("scrollbarContextKey");
   const scrollbarProps = {
@@ -21697,7 +21449,7 @@
 
   const UScrollbar = withInstall(Scrollbar);
 
-  const _sfc_main$1s = vue.defineComponent({
+  const _sfc_main$1u = vue.defineComponent({
     name: "TimePickerSelect",
     components: { Scrollbar: UScrollbar },
     props: {
@@ -21766,7 +21518,7 @@
   });
   const _hoisted_1$z = { ref: "listRef" };
   const _hoisted_2$d = ["disabled", "onClick"];
-  function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_Scrollbar = vue.resolveComponent("Scrollbar");
     return vue.openBlock(), vue.createBlock(_component_Scrollbar, {
       ref: "selectRef",
@@ -21796,7 +21548,7 @@
       _: 1
     }, 8, ["class", "onMouseenter"]);
   }
-  var SelectList = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1q], ["__file", "SelectList.vue"]]);
+  var SelectList = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1s], ["__file", "SelectList.vue"]]);
 
   const generateShowWhat = (format) => {
     return {
@@ -21903,7 +21655,7 @@
     return time.second(fixSecond);
   };
 
-  const _sfc_main$1r = vue.defineComponent({
+  const _sfc_main$1t = vue.defineComponent({
     name: "TimePickerPanel",
     components: {
       SelectList
@@ -22120,7 +21872,7 @@
       };
     }
   });
-  function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_SelectList = vue.resolveComponent("SelectList");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([`${_ctx.prefixCls}-inner`, `${_ctx.prefixCls}-column-${_ctx.columns}`])
@@ -22159,9 +21911,9 @@
       }, null, 8, ["prefix-cls", "options", "selected", "onSelect"])) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var TimePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1p], ["__file", "TimePanel.vue"]]);
+  var TimePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1r], ["__file", "TimePanel.vue"]]);
 
-  const _sfc_main$1q = vue.defineComponent({
+  const _sfc_main$1s = vue.defineComponent({
     name: "DatePanel",
     components: {
       DatePanelHeader,
@@ -22278,7 +22030,7 @@
       };
     }
   });
-  function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
     var _a, _b, _c, _d, _e;
     const _component_DatePanelHeader = vue.resolveComponent("DatePanelHeader");
     const _component_DateTable = vue.resolveComponent("DateTable");
@@ -22342,9 +22094,9 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var DatePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1o], ["__file", "DatePanel.vue"]]);
+  var DatePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1q], ["__file", "DatePanel.vue"]]);
 
-  const _sfc_main$1p = vue.defineComponent({
+  const _sfc_main$1r = vue.defineComponent({
     name: "MonthPanelHeader",
     components: { UIcon, ChevronsLeft: lucideVueNext.ChevronsLeft, ChevronsRight: lucideVueNext.ChevronsRight },
     props: {
@@ -22397,7 +22149,7 @@
   });
   const _hoisted_1$y = ["title"];
   const _hoisted_2$c = ["title"];
-  function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ChevronsLeft = vue.resolveComponent("ChevronsLeft");
     const _component_UIcon = vue.resolveComponent("UIcon");
     const _component_ChevronsRight = vue.resolveComponent("ChevronsRight");
@@ -22448,9 +22200,9 @@
       ], 10, _hoisted_2$c)
     ], 2);
   }
-  var MonthPanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1n], ["__file", "MonthPanelHeader.vue"]]);
+  var MonthPanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1p], ["__file", "MonthPanelHeader.vue"]]);
 
-  const _sfc_main$1o = vue.defineComponent({
+  const _sfc_main$1q = vue.defineComponent({
     name: "MonthPanel",
     components: {
       MonthPanelHeader,
@@ -22528,7 +22280,7 @@
       };
     }
   });
-  function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_MonthPanelHeader = vue.resolveComponent("MonthPanelHeader");
     const _component_MonthTable = vue.resolveComponent("MonthTable");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -22560,9 +22312,9 @@
       ], 2)
     ], 2);
   }
-  var MonthPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1m], ["__file", "MonthPanel.vue"]]);
+  var MonthPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1o], ["__file", "MonthPanel.vue"]]);
 
-  const _sfc_main$1n = vue.defineComponent({
+  const _sfc_main$1p = vue.defineComponent({
     name: "YearPanelHeader",
     components: { UIcon, ChevronsLeft: lucideVueNext.ChevronsLeft, ChevronsRight: lucideVueNext.ChevronsRight },
     props: {
@@ -22612,7 +22364,7 @@
   });
   const _hoisted_1$x = ["title"];
   const _hoisted_2$b = ["title"];
-  function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ChevronsLeft = vue.resolveComponent("ChevronsLeft");
     const _component_UIcon = vue.resolveComponent("UIcon");
     const _component_ChevronsRight = vue.resolveComponent("ChevronsRight");
@@ -22658,9 +22410,9 @@
       ], 10, _hoisted_2$b)
     ], 2);
   }
-  var YearPanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1l], ["__file", "YearPanelHeader.vue"]]);
+  var YearPanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1n], ["__file", "YearPanelHeader.vue"]]);
 
-  const _sfc_main$1m = vue.defineComponent({
+  const _sfc_main$1o = vue.defineComponent({
     name: "YearTable",
     props: {
       prefixCls: {
@@ -22805,7 +22557,7 @@
     }
   });
   const _hoisted_1$w = ["onClick", "onMouseenter"];
-  function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("table", {
       class: vue.normalizeClass(`${_ctx.prefixCls}-table`)
     }, [
@@ -22829,9 +22581,9 @@
       ])
     ], 2);
   }
-  var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1k], ["__file", "YearTable.vue"]]);
+  var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1m], ["__file", "YearTable.vue"]]);
 
-  const _sfc_main$1l = vue.defineComponent({
+  const _sfc_main$1n = vue.defineComponent({
     name: "YearPanel",
     components: {
       YearPanelHeader,
@@ -22909,7 +22661,7 @@
       };
     }
   });
-  function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_YearPanelHeader = vue.resolveComponent("YearPanelHeader");
     const _component_YearTable = vue.resolveComponent("YearTable");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -22941,9 +22693,9 @@
       ], 2)
     ], 2);
   }
-  var YearPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1j], ["__file", "YearPanel.vue"]]);
+  var YearPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1l], ["__file", "YearPanel.vue"]]);
 
-  const _sfc_main$1k = vue.defineComponent({
+  const _sfc_main$1m = vue.defineComponent({
     name: "QuarterPanelHeader",
     components: { UIcon, ChevronsLeft: lucideVueNext.ChevronsLeft, ChevronsRight: lucideVueNext.ChevronsRight },
     props: {
@@ -22996,7 +22748,7 @@
   });
   const _hoisted_1$v = ["title"];
   const _hoisted_2$a = ["title"];
-  function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ChevronsLeft = vue.resolveComponent("ChevronsLeft");
     const _component_UIcon = vue.resolveComponent("UIcon");
     const _component_ChevronsRight = vue.resolveComponent("ChevronsRight");
@@ -23047,7 +22799,7 @@
       ], 10, _hoisted_2$a)
     ], 2);
   }
-  var QuarterPanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1i], ["__file", "QuarterPanelHeader.vue"]]);
+  var QuarterPanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1k], ["__file", "QuarterPanelHeader.vue"]]);
 
   var quarterOfYear = createCommonjsModule(function(module, exports) {
     !function(t, n) {
@@ -23077,7 +22829,7 @@
   });
 
   dayjs_min.extend(quarterOfYear);
-  const _sfc_main$1j = vue.defineComponent({
+  const _sfc_main$1l = vue.defineComponent({
     name: "QuarterTable",
     props: {
       prefixCls: {
@@ -23217,7 +22969,7 @@
     }
   });
   const _hoisted_1$u = ["onClick", "onMouseenter"];
-  function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("table", {
       class: vue.normalizeClass(`${_ctx.prefixCls}-table`)
     }, [
@@ -23243,9 +22995,9 @@
       ])
     ], 2);
   }
-  var QuarterTable = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1h], ["__file", "QuarterTable.vue"]]);
+  var QuarterTable = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1j], ["__file", "QuarterTable.vue"]]);
 
-  const _sfc_main$1i = vue.defineComponent({
+  const _sfc_main$1k = vue.defineComponent({
     name: "QuarterPanel",
     components: {
       QuarterPanelHeader,
@@ -23323,7 +23075,7 @@
       };
     }
   });
-  function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_QuarterPanelHeader = vue.resolveComponent("QuarterPanelHeader");
     const _component_QuarterTable = vue.resolveComponent("QuarterTable");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -23355,9 +23107,9 @@
       ], 2)
     ], 2);
   }
-  var QuarterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1g], ["__file", "QuarterPanel.vue"]]);
+  var QuarterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1i], ["__file", "QuarterPanel.vue"]]);
 
-  const _sfc_main$1h = vue.defineComponent({
+  const _sfc_main$1j = vue.defineComponent({
     name: "DatePickerPanel",
     components: {
       DatePanel,
@@ -23538,7 +23290,7 @@
       };
     }
   });
-  function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_USelect = vue.resolveComponent("USelect");
     const _component_DatePanel = vue.resolveComponent("DatePanel");
     const _component_QuarterPanel = vue.resolveComponent("QuarterPanel");
@@ -23566,6 +23318,7 @@
           options: _ctx.shortcuts.map((shortcut) => ({ label: shortcut.text, value: shortcut.text, func: shortcut.value })),
           placeholder: _ctx.locale.shortcutsPlaceholder,
           onChange: _cache[1] || (_cache[1] = (value, option) => _ctx.onShortcutClick({
+            text: value,
             value: option.func
           }))
         }, null, 8, ["modelValue", "options", "placeholder"])
@@ -23620,7 +23373,7 @@
       ])
     ], 2);
   }
-  var DatePickerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1f], ["__file", "DatePickerPanel.vue"]]);
+  var DatePickerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1h], ["__file", "DatePickerPanel.vue"]]);
 
   const rangeDirection = ["left", "right"];
   const datePickerProps = {
@@ -23832,7 +23585,7 @@
       type: Object
     }
   };
-  const _sfc_main$1g = vue.defineComponent({
+  const _sfc_main$1i = vue.defineComponent({
     name: "DatePickerRangePart",
     components: {
       DatePanel,
@@ -24124,7 +23877,7 @@
       };
     }
   });
-  function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_DatePanel = vue.resolveComponent("DatePanel");
     const _component_MonthPanel = vue.resolveComponent("MonthPanel");
     const _component_YearPanel = vue.resolveComponent("YearPanel");
@@ -24215,9 +23968,9 @@
       }, null, 8, ["prefix-cls", "locale", "current-date", "selected-date", "hovered-date", "disabled-date", "disabled-year", "disabled-quarter", "disabled-next", "disabled-prev", "range", "onSelectedChange", "onPanelChange", "onHoverDate"])) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var RangePart = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1e], ["__file", "RangePart.vue"]]);
+  var RangePart = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1g], ["__file", "RangePart.vue"]]);
 
-  const _sfc_main$1f = vue.defineComponent({
+  const _sfc_main$1h = vue.defineComponent({
     name: "DateRangePanel",
     components: {
       RangePart
@@ -24489,7 +24242,7 @@
     }
   });
   const _hoisted_1$t = ["onClick"];
-  function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_RangePart = vue.resolveComponent("RangePart");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([
@@ -24564,9 +24317,9 @@
       ], 2)
     ], 34);
   }
-  var DateRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$1d], ["__file", "DateRangePanel.vue"]]);
+  var DateRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1f], ["__file", "DateRangePanel.vue"]]);
 
-  const _sfc_main$1e = vue.defineComponent({
+  const _sfc_main$1g = vue.defineComponent({
     name: "UDatePicker",
     components: {
       Popup,
@@ -24740,7 +24493,7 @@
       };
     }
   });
-  function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_DateRangeInput = vue.resolveComponent("DateRangeInput");
     const _component_DatePickerInput = vue.resolveComponent("DatePickerInput");
     const _component_CircleX = vue.resolveComponent("CircleX");
@@ -24771,13 +24524,12 @@
           "disabled-date": _ctx.disabledDate,
           "disabled-time": _ctx.disabledTime,
           "time-options": _ctx.timeOptions,
-          "show-confirm": _ctx.showConfirm,
           shortcuts: _ctx.shortcuts,
           "show-time-clear": _ctx.showTimeClear,
           direction: _ctx.computedDirection,
           onSelect: _ctx.onSelected,
           onPanelChange: _ctx.onPanelChange
-        }, null, 8, ["prefix-cls", "locale", "value", "open", "mode", "disabled-date", "disabled-time", "time-options", "show-confirm", "shortcuts", "show-time-clear", "direction", "onSelect", "onPanelChange"])) : (vue.openBlock(), vue.createBlock(_component_DateRangePanel, {
+        }, null, 8, ["prefix-cls", "locale", "value", "open", "mode", "disabled-date", "disabled-time", "time-options", "shortcuts", "show-time-clear", "direction", "onSelect", "onPanelChange"])) : (vue.openBlock(), vue.createBlock(_component_DateRangePanel, {
           key: 1,
           ref: "panelRef",
           "prefix-cls": _ctx.prefixCls,
@@ -24788,7 +24540,6 @@
           "disabled-time": _ctx.disabledTime,
           "time-options": _ctx.timeOptions,
           "default-time": _ctx.defaultTime,
-          "show-confirm": _ctx.showConfirm,
           mode: _ctx.singeType,
           shortcuts: _ctx.shortcuts,
           "limit-duration": _ctx.limitDuration,
@@ -24796,7 +24547,7 @@
           direction: _ctx.computedDirection,
           onSelect: _ctx.onSelected,
           onPanelChange: _ctx.onPanelChange
-        }, null, 8, ["prefix-cls", "locale", "value", "open", "disabled-date", "disabled-time", "time-options", "default-time", "show-confirm", "mode", "shortcuts", "limit-duration", "show-time-clear", "direction", "onSelect", "onPanelChange"]))
+        }, null, 8, ["prefix-cls", "locale", "value", "open", "disabled-date", "disabled-time", "time-options", "default-time", "mode", "shortcuts", "limit-duration", "show-time-clear", "direction", "onSelect", "onPanelChange"]))
       ]),
       default: vue.withCtx(() => [
         vue.createElementVNode("div", vue.mergeProps({
@@ -24895,7 +24646,7 @@
       _: 3
     }, 8, ["visible", "prefix-cls", "placement", "popup-class", "click-outside", "get-popup-container", "modifiers"]);
   }
-  var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1c], ["__file", "DatePicker.vue"]]);
+  var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1e], ["__file", "DatePicker.vue"]]);
 
   const UDatePicker = withInstall(DatePicker);
 
@@ -24924,7 +24675,7 @@
     }
   };
 
-  const _sfc_main$1d = vue.defineComponent({
+  const _sfc_main$1f = vue.defineComponent({
     name: "UDivider",
     props: dividerProps,
     setup(props, { slots }) {
@@ -24938,7 +24689,7 @@
       };
     }
   });
-  function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([
         _ctx.prefixCls,
@@ -24958,7 +24709,7 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$1b], ["__file", "Divider.vue"]]);
+  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$1d], ["__file", "Divider.vue"]]);
 
   const UDivider = withInstall(Divider);
 
@@ -25459,6 +25210,223 @@
 
   const UEmpty = withInstall(Empty);
 
+  function useGutter(_gutter) {
+    const screens = vue.ref({});
+    const token = vue.ref();
+    const getScreensRepsponsive = () => {
+      token.value = responsiveObserve.subscribe((scn) => {
+        if (isPlainObject$1(_gutter.value) || Array.isArray(_gutter.value) && (isPlainObject$1(_gutter.value[0]) || isPlainObject$1(_gutter.value[1]))) {
+          screens.value = scn;
+        }
+      });
+    };
+    vue.onMounted(getScreensRepsponsive);
+    vue.onUnmounted(() => {
+      responsiveObserve.unsubscribe(token.value);
+    });
+    const getGutter = () => {
+      const result = [0, 0];
+      const gutterArray = Array.isArray(_gutter.value) ? _gutter.value : [_gutter.value, 0];
+      if (screens.value) {
+        gutterArray.forEach((g, index) => {
+          if (isPlainObject$1(g)) {
+            for (let i = 0; i < responsiveArray.length; i += 1) {
+              const breakpoint = responsiveArray[i];
+              if (screens.value[breakpoint] && g[breakpoint] !== void 0) {
+                result[index] = g[breakpoint];
+                break;
+              }
+            }
+          } else {
+            result[index] = g || 0;
+          }
+        });
+      }
+      return result;
+    };
+    const styles = vue.computed(() => {
+      let ret = {};
+      const g = getGutter();
+      if (g[0] > 0) {
+        ret = {
+          [`--grid-gutter-width`]: `${g[0]}px`
+        };
+      }
+      if (g[1] > 0) {
+        ret = {
+          ...ret,
+          rowGap: `${g[1]}px`
+        };
+      }
+      return ret;
+    });
+    return {
+      getGutter,
+      styles
+    };
+  }
+
+  const gridAlign = ["top", "middle", "bottom", "stretch"];
+  const gridJustify = ["start", "end", "center", "space-around", "space-between"];
+  const rowProps = {
+    gutter: {
+      type: [Object, Number, Array],
+      default: 0
+    },
+    flex: {
+      type: Boolean,
+      default: false
+    },
+    align: {
+      type: String,
+      default: "top",
+      validator: oneOf(gridAlign)
+    },
+    justify: {
+      type: String,
+      default: "start",
+      validator: oneOf(gridJustify)
+    }
+  };
+  const colProps = {
+    span: {
+      type: [String, Number]
+    },
+    order: {
+      type: [String, Number]
+    },
+    offset: {
+      type: [String, Number]
+    },
+    push: {
+      type: [String, Number]
+    },
+    pull: {
+      type: [String, Number]
+    },
+    xs: {
+      type: [String, Number, Object]
+    },
+    sm: {
+      type: [String, Number, Object]
+    },
+    md: {
+      type: [String, Number, Object]
+    },
+    lg: {
+      type: [String, Number, Object]
+    },
+    xl: {
+      type: [String, Number, Object]
+    },
+    xxl: {
+      type: [String, Number, Object]
+    },
+    flex: {
+      type: [String, Number]
+    }
+  };
+
+  const _sfc_main$1e = vue.defineComponent({
+    name: "URow",
+    props: rowProps,
+    setup(props) {
+      const { gutter } = vue.toRefs(props);
+      const { prefixCls } = useGlobalConfig("row");
+      const { getGutter, styles } = useGutter(gutter);
+      return {
+        prefixCls,
+        getGutter,
+        styles
+      };
+    }
+  });
+  function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("div", {
+      class: vue.normalizeClass({
+        [`${_ctx.prefixCls}`]: true,
+        [`${_ctx.prefixCls}-flex-${_ctx.justify}`]: _ctx.flex && _ctx.justify,
+        [`${_ctx.prefixCls}-flex-${_ctx.align}`]: _ctx.flex && _ctx.align
+      }),
+      style: vue.normalizeStyle(_ctx.styles)
+    }, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ], 6);
+  }
+  var Row$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1c], ["__file", "Row.vue"]]);
+
+  const parseFlex = (flex) => {
+    if (typeof flex === "number") {
+      return `${flex} ${flex} auto`;
+    }
+    if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
+      return `0 0 ${flex}`;
+    }
+    return flex;
+  };
+  const _sfc_main$1d = vue.defineComponent({
+    name: "UCol",
+    props: colProps,
+    setup(props) {
+      const { prefixCls } = useGlobalConfig("col");
+      const sizeCls = vue.computed(() => {
+        const ret = [];
+        ["xs", "sm", "md", "lg", "xl", "xxl"].forEach((size) => {
+          const sizeProp = props[size];
+          if (typeof sizeProp === "number" || typeof sizeProp === "string") {
+            ret.push(`${prefixCls.value}-${size}-${sizeProp}`);
+          } else if (typeof sizeProp === "object") {
+            Object.keys(sizeProp).forEach((key) => {
+              ret.push(key === "span" ? `${prefixCls.value}-${size}-${sizeProp[key]}` : `${prefixCls.value}-${size}-${key}-${sizeProp[key]}`);
+            });
+          }
+        });
+        return ret;
+      });
+      const styles = vue.computed(() => {
+        let ret = {};
+        ret = {
+          ...ret,
+          flex: parseFlex(props.flex)
+        };
+        return ret;
+      });
+      return {
+        sizeCls,
+        prefixCls,
+        styles
+      };
+    }
+  });
+  function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("div", {
+      class: vue.normalizeClass([
+        _ctx.prefixCls,
+        ..._ctx.sizeCls,
+        {
+          [`${_ctx.prefixCls}-${_ctx.span}`]: _ctx.span,
+          [`${_ctx.prefixCls}-order-${_ctx.order}`]: _ctx.order,
+          [`${_ctx.prefixCls}-offset-${_ctx.offset}`]: _ctx.offset,
+          [`${_ctx.prefixCls}-push-${_ctx.push}`]: _ctx.push,
+          [`${_ctx.prefixCls}-pull-${_ctx.pull}`]: _ctx.pull
+        }
+      ]),
+      style: vue.normalizeStyle(_ctx.styles)
+    }, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ], 6);
+  }
+  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$1b], ["__file", "Col.vue"]]);
+
+  const UGrid = {
+    Row: Row$1,
+    Col,
+    install: (app) => {
+      app.component(Row$1.name, Row$1);
+      app.component(Col.name, Col);
+    }
+  };
+
   const fitList = {
     none: "none",
     contain: "contain",
@@ -27810,7 +27778,7 @@
       type: Boolean,
       default: void 0
     },
-    reverseArrow: {
+    isRight: {
       type: Boolean,
       default: false
     },
@@ -27828,7 +27796,7 @@
       type: [Number, String],
       default: 200
     },
-    collapseWidth: {
+    collapsedWidth: {
       type: [Number, String],
       default: 80
     },
@@ -27836,11 +27804,6 @@
       type: String,
       validator: oneOf(responsiveArray)
     },
-    theme: {
-      type: String,
-      default: "dark",
-      validator: oneOf(siderTheme)
-    },
     background: {
       type: String
     }
@@ -27863,7 +27826,10 @@
     name: "USider",
     components: {
       UIcon,
-      PanelLeft: lucideVueNext.PanelLeft
+      PanelLeft: lucideVueNext.PanelLeft,
+      PanelRight: lucideVueNext.PanelRight,
+      ChevronLeft: lucideVueNext.ChevronLeft,
+      ChevronRight: lucideVueNext.ChevronRight
     },
     props: siderProps,
     emits: siderEmits,
@@ -27890,7 +27856,6 @@
       const isBreakpoint = vue.ref(false);
       let mql;
       const responsiveHandler = ({ matches }) => {
-        emit("breakpoint", matches);
         isBreakpoint.value = matches;
         if (matches !== stateCollapse.value) {
           setCollapsed(matches, "responsive");
@@ -27898,7 +27863,7 @@
       };
       vue.onMounted(() => {
         vue.nextTick(() => {
-          if (typeof window === "undefined") {
+          if (typeof window !== "undefined") {
             if (!!matchMedia && props.breakpoint) {
               mql = matchMedia(breakpointMap[props.breakpoint]);
             }
@@ -27907,7 +27872,9 @@
             } catch (error) {
               mql == null ? void 0 : mql.addListener(responsiveHandler);
             }
-            responsiveHandler(mql);
+            if (mql) {
+              responsiveHandler(mql);
+            }
           }
           if (siderHook.attachSider) {
             siderHook.attachSider(uniqueId);
@@ -27929,12 +27896,12 @@
       const siderWidth = vue.computed(() => {
         let ret = getPixer(props.width);
         if (stateCollapse.value) {
-          ret = getPixer(props.collapseWidth);
+          ret = getPixer(props.collapsedWidth);
         }
         return ret;
       });
       const isZeroCollapse = vue.computed(() => {
-        return parseFloat(String(props.collapseWidth)) === 0 || props.zeroTrigger;
+        return parseFloat(String(props.collapsedWidth)) === 0 || props.zeroTrigger;
       });
       const showZeroTrigger = vue.computed(() => {
         return (props.collapsible || isBreakpoint.value) && !props.hideTrigger && isZeroCollapse.value;
@@ -27946,16 +27913,16 @@
         if (props.triggerIcon) {
           return props.triggerIcon;
         }
-        return props.reverseArrow ? lucideVueNext.PanelLeft : lucideVueNext.PanelLeft;
+        return props.isRight ? lucideVueNext.PanelLeft : lucideVueNext.PanelRight;
       });
       const handleToggle = () => {
         const collapsed = !stateCollapse.value;
         setCollapsed(collapsed, "triggerClick");
       };
-      const { collapseWidth } = vue.toRefs(props);
+      const { collapsedWidth } = vue.toRefs(props);
       vue.provide("layoutSiderContext", {
         collapsed: stateCollapse,
-        collapseWidth
+        collapsedWidth
       });
       return {
         prefixCls,
@@ -27971,7 +27938,8 @@
   });
   function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
-    const _component_PanelLeft = vue.resolveComponent("PanelLeft");
+    const _component_ChevronRight = vue.resolveComponent("ChevronRight");
+    const _component_ChevronLeft = vue.resolveComponent("ChevronLeft");
     const _component_UIcon = vue.resolveComponent("UIcon");
     return vue.openBlock(), vue.createElementBlock("aside", {
       style: vue.normalizeStyle({
@@ -27983,8 +27951,7 @@
       }),
       class: vue.normalizeClass([
         _ctx.prefixCls,
-        `${_ctx.prefixCls}-${_ctx.theme}`,
-        `${_ctx.prefixCls}-${_ctx.reverseArrow ? "right" : "left"}`,
+        `${_ctx.prefixCls}-${_ctx.isRight ? "right" : "left"}`,
         {
           [`${_ctx.prefixCls}-collapsed`]: !!_ctx.stateCollapse,
           [`${_ctx.prefixCls}-has-trigger`]: _ctx.collapsible && !_ctx.hideTrigger && !_ctx.isZeroCollapse,
@@ -27994,12 +27961,12 @@
     }, [
       _ctx.showZeroTrigger ? (vue.openBlock(), vue.createElementBlock("span", {
         key: 0,
-        class: vue.normalizeClass([`${_ctx.prefixCls}-zero-trigger`, `${_ctx.prefixCls}-zero-trigger-${_ctx.reverseArrow ? "right" : "left"}`]),
+        class: vue.normalizeClass([`${_ctx.prefixCls}-zero-trigger`, `${_ctx.prefixCls}-zero-trigger-${_ctx.isRight ? "right" : "left"}`]),
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleToggle && _ctx.handleToggle(...args))
       }, [
         vue.createVNode(_component_UIcon, null, {
           default: vue.withCtx(() => [
-            _ctx.reverseArrow ? (vue.openBlock(), vue.createBlock(_component_PanelLeft, { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_PanelLeft, { key: 1 }))
+            _ctx.isRight ? (vue.openBlock(), vue.createBlock(_component_ChevronRight, { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_ChevronLeft, { key: 1 }))
           ]),
           _: 1
         })
@@ -28014,7 +27981,7 @@
       ], 2),
       _ctx.showBottomTrigger ? vue.renderSlot(_ctx.$slots, "trigger", { key: 1 }, () => [
         vue.createElementVNode("div", {
-          class: vue.normalizeClass([`${_ctx.prefixCls}-trigger`, `${_ctx.prefixCls}-trigger-${_ctx.reverseArrow ? "right" : "left"}`]),
+          class: vue.normalizeClass([`${_ctx.prefixCls}-trigger`, `${_ctx.prefixCls}-trigger-${_ctx.isRight ? "right" : "left"}`]),
           style: vue.normalizeStyle({ width: _ctx.siderWidth }),
           onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleToggle && _ctx.handleToggle(...args))
         }, [