@koi-design/uxd-ui 14.0.6 → 14.0.7

package/uxd-ui.esm.mjs

@@ -1,7 +1,7 @@
-/*! @koi-design/uxd-ui@4.0.6 */
+/*! @koi-design/uxd-ui@4.0.7 */
 
 import { defineComponent, reactive, watch, provide, inject, computed, onMounted, ref, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, withDirectives, vShow, createBlock, resolveDynamicComponent, createCommentVNode, toRaw, resolveComponent, Transition, withCtx, createVNode, toDisplayString, isVNode, Comment as Comment$1, Fragment, Text as Text$1, h, shallowRef, toRef, nextTick, onUpdated, onUnmounted, cloneVNode, Teleport, toRefs, withModifiers, mergeProps, renderList, onBeforeUpdate, createTextVNode, createStaticVNode, watchEffect, onActivated, onDeactivated, normalizeProps, guardReactiveProps, withKeys, TransitionGroup, createApp, onBeforeMount, unref } from 'vue';
-import { X, Terminal, CircleAlert, Info, CircleCheck, LoaderCircle, CircleX, Search, Eye, EyeOff, Check, CornerDownLeft, ChevronUp, ChevronDown, ChevronRight, MenuIcon, Minus, ChevronLeft, CheckCircle, ChevronsLeft, ChevronsRight, Calendar as Calendar$1, ZoomIn, ZoomOut, RotateCcw, RotateCw, PanelLeft, Image as Image$2, XCircle, Star as Star$1, CheckIcon, XIcon, FilterIcon, GripVertical, Plus, Clock, FileIcon, HelpCircle, CircleHelp, AlertCircle, SearchIcon } from 'lucide-vue-next';
+import { X, Terminal, CircleAlert, Info, CircleCheck, LoaderCircle, CircleX, Search, Eye, EyeOff, Check, CornerDownLeft, ChevronUp, ChevronDown, ChevronRight, MenuIcon, Minus, ChevronLeft, CheckCircle, ChevronsLeft, ChevronsRight, Calendar as Calendar$1, ZoomIn, ZoomOut, RotateCcw, RotateCw, PanelLeft, PanelRight, Image as Image$2, XCircle, Star as Star$1, CheckIcon, XIcon, FilterIcon, GripVertical, Plus, Clock, FileIcon, HelpCircle, CircleHelp, AlertCircle, SearchIcon } from 'lucide-vue-next';
 
 const isFunction$2 = (val) => typeof val === "function";
 const cacheStringFunction = (fn) => {
@@ -1527,7 +1527,7 @@ function contains(parent, child) {
   return false;
 }
 
-function getComputedStyle$1(element) {
+function getComputedStyle(element) {
   return getWindow(element).getComputedStyle(element);
 }
 
@@ -1547,7 +1547,7 @@ function getParentNode(element) {
 }
 
 function getTrueOffsetParent(element) {
-  if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
+  if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
     return null;
   }
   return element.offsetParent;
@@ -1556,7 +1556,7 @@ function getContainingBlock(element) {
   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;
     }
@@ -1566,7 +1566,7 @@ function getContainingBlock(element) {
     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 {
@@ -1578,10 +1578,10 @@ function getContainingBlock(element) {
 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;
@@ -1722,7 +1722,7 @@ function mapToStyles(_ref2) {
     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";
       }
@@ -1905,7 +1905,7 @@ function getDocumentRect(element) {
   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 {
@@ -1917,7 +1917,7 @@ function getDocumentRect(element) {
 }
 
 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);
 }
 
@@ -1970,7 +1970,7 @@ function getClientRectFromMixedType(element, clippingParent, strategy) {
 }
 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 [];
@@ -11133,24 +11133,14 @@ function useTriggerProps(mode) {
 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";
   },
@@ -11163,8 +11153,6 @@ const TransitionEvents = {
   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";
@@ -11173,16 +11161,12 @@ const TransitionEvents = {
     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 }) => {
@@ -11203,11 +11187,6 @@ const menuProps = {
     default: "vertical",
     validator: oneOf(menuMode)
   },
-  theme: {
-    type: String,
-    default: "light",
-    validator: oneOf(menuTheme)
-  },
   selectedKeys: {
     type: Array,
     validator: isArrayOf([Number, String])
@@ -11317,7 +11296,6 @@ const _sfc_main$22 = defineComponent({
     const {
       openKeys,
       mode: menuMode,
-      theme,
       subMenuOpenDelay,
       subMenuCloseDelay,
       rootPrefixCls,
@@ -11418,7 +11396,6 @@ const _sfc_main$22 = defineComponent({
       titleStyle,
       mode,
       subMode,
-      theme,
       isOpen,
       isSelected,
       menuId,
@@ -11497,7 +11474,7 @@ function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
       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,
@@ -11704,7 +11681,6 @@ var Menu = defineComponent({
     } = useGlobalConfig(inDrop ? "dropdown-menu" : "menu");
     const {
       mode,
-      theme,
       subMenuOpenDelay,
       subMenuCloseDelay,
       inlineCollapsed
@@ -11837,7 +11813,6 @@ var Menu = defineComponent({
     provide("menuStore", {
       mode: computedMode,
       originalMode: mode,
-      theme,
       selectedKeys,
       openKeys,
       subMenuOpenDelay,
@@ -11868,7 +11843,7 @@ var Menu = defineComponent({
     return 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()]);
@@ -12462,7 +12437,7 @@ function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
 }
 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]" && !isVNode(s);
 }
 var DropdownMenu = defineComponent({
@@ -12526,7 +12501,7 @@ var DropdownMenu = defineComponent({
         let _slot;
         return createVNode(UMenu.ItemGroup, {
           "title": m.title
-        }, _isSlot$5(_slot = m.children.map(renderItem)) ? _slot : {
+        }, _isSlot$4(_slot = m.children.map(renderItem)) ? _slot : {
           default: () => [_slot]
         });
       }
@@ -12572,7 +12547,7 @@ var DropdownMenu = defineComponent({
         [`${prefixCls}-menu-with-icon`]: this.icon
       },
       "style": this.style
-    }, _isSlot$5(menus) ? menus : {
+    }, _isSlot$4(menus) ? menus : {
       default: () => [menus]
     });
   }
@@ -12984,7 +12959,7 @@ var BreadcrumbItem = defineComponent({
   }
 });
 
-function _isSlot$4(s) {
+function _isSlot$3(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 const UMenuItem = UMenu.Item;
@@ -13054,11 +13029,11 @@ var Breadcrumb = defineComponent({
       if (routeChildren && !!routeChildren.length) {
         return () => {
           let _slot2;
-          return createVNode(UMenu, null, _isSlot$4(_slot2 = routeChildren.map((routeChild, index) => {
+          return createVNode(UMenu, null, _isSlot$3(_slot2 = routeChildren.map((routeChild, index) => {
             let _slot;
             return createVNode(UMenuItem, {
               "key": index
-            }, _isSlot$4(_slot = renderRouteItem(routeChild)) ? _slot : {
+            }, _isSlot$3(_slot = renderRouteItem(routeChild)) ? _slot : {
               default: () => [_slot]
             });
           })) ? _slot2 : {
@@ -16798,223 +16773,6 @@ var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render
 
 const UCalendar = withInstall(Calendar);
 
-function useGutter(_gutter) {
-  const screens = ref({});
-  const token = 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;
-      }
-    });
-  };
-  onMounted(getScreensRepsponsive);
-  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 = 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 = defineComponent({
-  name: "URow",
-  props: rowProps,
-  setup(props) {
-    const { gutter } = 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 openBlock(), createElementBlock("div", {
-    class: normalizeClass({
-      [`${_ctx.prefixCls}`]: true,
-      [`${_ctx.prefixCls}-flex-${_ctx.justify}`]: _ctx.flex && _ctx.justify,
-      [`${_ctx.prefixCls}-flex-${_ctx.align}`]: _ctx.flex && _ctx.align
-    }),
-    style: normalizeStyle(_ctx.styles)
-  }, [
-    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 = defineComponent({
-  name: "UCol",
-  props: colProps,
-  setup(props) {
-    const { prefixCls } = useGlobalConfig("col");
-    const sizeCls = 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 = 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 openBlock(), createElementBlock("div", {
-    class: 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: normalizeStyle(_ctx.styles)
-  }, [
-    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,
@@ -17028,14 +16786,14 @@ const cardProps = {
     type: Boolean,
     default: false
   },
-  padding: {
-    type: Number,
-    default: 16
-  },
   title: {
     type: String,
     default: ""
   },
+  description: {
+    type: String,
+    default: ""
+  },
   icon: {
     type: [String, Object, Function]
   },
@@ -17059,13 +16817,6 @@ const cardMetaProps = {
   }
 };
 
-function _isSlot$3(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const {
-  Col: UCol,
-  Row: URow
-} = UGrid;
 var Card = defineComponent({
   name: "UCard",
   components: {
@@ -17087,7 +16838,8 @@ var Card = defineComponent({
         disHover,
         title,
         icon,
-        grid
+        grid,
+        description
       } = props;
       const showHead = !!title || slots.title !== void 0;
       const showExtra = showHead && slots.extra !== void 0;
@@ -17107,27 +16859,29 @@ var Card = defineComponent({
       };
       const headRender = showHead ? createVNode("div", {
         "class": `${prefixCls.value}-head`
-      }, [slots.title !== void 0 ? (_a = slots.title) == null ? void 0 : _a.call(slots) : createVNode("div", {
-        "class": `${prefixCls.value}-head-inner`
-      }, [iconRender(), createVNode("span", null, [title])])]) : null;
+      }, [slots.title !== void 0 ? (_a = slots.title) == null ? void 0 : _a.call(slots) : createVNode(Fragment, null, [createVNode("div", {
+        "class": `${prefixCls.value}-head-title`
+      }, [iconRender(), createVNode("span", null, [title])]), description && createVNode("div", {
+        "class": `${prefixCls.value}-head-description`
+      }, [description])])]) : null;
       const extraRender = showExtra ? createVNode("div", {
         "class": `${prefixCls.value}-extra`
       }, [(_b = slots.extra) == null ? void 0 : _b.call(slots)]) : null;
       const coverRender = slots.cover !== void 0 ? createVNode("div", {
         "class": `${prefixCls.value}-cover`
       }, [(_c = slots.cover) == null ? void 0 : _c.call(slots)]) : null;
-      const actionRenderer = slots.action ? createVNode("ul", {
+      const actionRenderer = slots.action ? createVNode("div", {
         "class": `${prefixCls.value}-action`
-      }, [getSlot(slots, "action").map((child) => createVNode("li", null, [child]))]) : null;
+      }, [getSlot(slots, "action").map((child) => 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 createVNode(UCol, {
-            "span": colSpan
-          }, _isSlot$3(_slot = getSlot(child.children, "default")) ? _slot : {
-            default: () => [_slot]
-          });
+          return createVNode("div", {
+            "class": `${prefixCls.value}-grid-item`,
+            "style": {
+              gridColumn: `span ${colSpan} / span ${colSpan}`
+            }
+          }, [getSlot(child.children, "default")]);
         });
         const classString = {
           [`${prefixCls.value}-grid`]: true,
@@ -17135,9 +16889,7 @@ var Card = defineComponent({
         };
         return createVNode("div", {
           "class": classString
-        }, [createVNode(URow, null, _isSlot$3(cols) ? cols : {
-          default: () => [cols]
-        })]);
+        }, [cols]);
       };
       const bodyRender = getSlot(slots).length ? createVNode("div", {
         "class": `${prefixCls.value}-body`
@@ -17145,11 +16897,11 @@ var Card = defineComponent({
       return 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]);
     };
   }
 });
@@ -17163,7 +16915,7 @@ var CardGrid = defineComponent({
   }
 });
 
-const _sfc_main$1G = defineComponent({
+const _sfc_main$1I = defineComponent({
   name: "UCardMeta",
   components: {
     UAvatar
@@ -17176,7 +16928,7 @@ const _sfc_main$1G = defineComponent({
     };
   }
 });
-function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_UAvatar = resolveComponent("UAvatar");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(`${_ctx.prefixCls}`)
@@ -17211,7 +16963,7 @@ function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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,
@@ -17279,7 +17031,7 @@ const carouselEmits = {
   change: (cur, pre) => typeof cur === "number" && typeof pre === "number"
 };
 
-const _sfc_main$1F = defineComponent({
+const _sfc_main$1H = defineComponent({
   name: "UCarousel",
   components: {
     UIcon,
@@ -17578,7 +17330,7 @@ const _sfc_main$1F = defineComponent({
 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 = resolveComponent("ChevronLeft");
   const _component_UIcon = resolveComponent("UIcon");
   const _component_ChevronRight = resolveComponent("ChevronRight");
@@ -17715,10 +17467,10 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : 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 = defineComponent({
+const _sfc_main$1G = defineComponent({
   name: "UCarouselItem",
   setup(props, { slots }) {
     const { prefixCls } = useGlobalConfig("carousel");
@@ -17829,7 +17581,7 @@ const _sfc_main$1E = defineComponent({
     };
   }
 });
-function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass({
       [`${_ctx.prefixCls}-item`]: true,
@@ -17850,7 +17602,7 @@ function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
     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
@@ -17920,7 +17672,7 @@ const collapsePanelProps = {
   }
 };
 
-const _sfc_main$1D = defineComponent({
+const _sfc_main$1F = defineComponent({
   name: "UCollapse",
   props: collapseProps,
   emits: collapseEmits,
@@ -17989,7 +17741,7 @@ const _sfc_main$1D = defineComponent({
     };
   }
 });
-function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([
       _ctx.prefixCls,
@@ -18000,9 +17752,9 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     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 = defineComponent({
+const _sfc_main$1E = defineComponent({
   name: "UCollapsePanel",
   components: {
     UIcon,
@@ -18074,7 +17826,7 @@ const _sfc_main$1C = defineComponent({
     };
   }
 });
-function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_UIcon = resolveComponent("UIcon");
   const _component_CollapseTransition = resolveComponent("CollapseTransition");
   return openBlock(), createElementBlock("div", {
@@ -18138,7 +17890,7 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 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
@@ -19734,7 +19486,7 @@ var drag = (element, { dragStart, dragEnd, dragMove }) => {
   });
 };
 
-const _sfc_main$1B = defineComponent({
+const _sfc_main$1D = defineComponent({
   name: "UColorSvPanel",
   props: {
     prefixCls: {
@@ -19798,7 +19550,7 @@ const _sfc_main$1B = defineComponent({
     };
   }
 });
-function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "hueRef",
     class: normalizeClass(_ctx.prefixCls)
@@ -19817,9 +19569,9 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = defineComponent({
+const _sfc_main$1C = defineComponent({
   name: "UColorSvPanel",
   props: {
     prefixCls: {
@@ -19885,7 +19637,7 @@ const _sfc_main$1A = defineComponent({
     };
   }
 });
-function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "panelRef",
     class: normalizeClass(_ctx.prefixCls),
@@ -19908,9 +19660,9 @@ function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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 = defineComponent({
+const _sfc_main$1B = defineComponent({
   name: "UColorAlphaSlider",
   props: {
     prefixCls: {
@@ -19984,7 +19736,7 @@ const _sfc_main$1z = defineComponent({
     };
   }
 });
-function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "rootRef",
     class: normalizeClass(_ctx.prefixCls)
@@ -20005,9 +19757,9 @@ function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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 = defineComponent({
+const _sfc_main$1A = defineComponent({
   name: "UColorPrevColors",
   props: {
     prefixCls: {
@@ -20047,7 +19799,7 @@ const _sfc_main$1y = defineComponent({
   }
 });
 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 openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.prefixCls)
   }, [
@@ -20069,7 +19821,7 @@ function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     }), 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 = {
@@ -20117,7 +19869,7 @@ const colorPickerEmits = {
   "open-change": (v) => typeof v === "boolean"
 };
 
-const _sfc_main$1x = defineComponent({
+const _sfc_main$1z = defineComponent({
   name: "UColorPicker",
   components: {
     Popup,
@@ -20249,7 +20001,7 @@ const _sfc_main$1x = defineComponent({
     };
   }
 });
-function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ChevronDown = resolveComponent("ChevronDown");
   const _component_UIcon = resolveComponent("UIcon");
   const _component_SvPanel = resolveComponent("SvPanel");
@@ -20379,7 +20131,7 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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);
 
@@ -20721,7 +20473,7 @@ const defineProps$9 = {
     default: "date"
   }
 };
-const _sfc_main$1w = defineComponent({
+const _sfc_main$1y = defineComponent({
   name: "DatePickerInput",
   props: defineProps$9,
   emits: {
@@ -20838,7 +20590,7 @@ const _sfc_main$1w = defineComponent({
   }
 });
 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 openBlock(), createElementBlock("input", {
     ref: "inputRef",
     class: normalizeClass([`${_ctx.prefixCls}-picker-input`]),
@@ -20853,9 +20605,9 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
     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 = defineComponent({
+const _sfc_main$1x = defineComponent({
   name: "RangeSeparator"
 });
 const _hoisted_1$C = {
@@ -20869,7 +20621,7 @@ const _hoisted_1$C = {
   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 openBlock(), createElementBlock("svg", _hoisted_1$C, _cache[0] || (_cache[0] = [
     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",
@@ -20878,7 +20630,7 @@ function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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: {
@@ -20924,7 +20676,7 @@ const defineProps$8 = {
     type: [Number, Object, Function]
   }
 };
-const _sfc_main$1u = defineComponent({
+const _sfc_main$1w = defineComponent({
   name: "DateRangeInput",
   components: {
     URender: Render,
@@ -21059,7 +20811,7 @@ const _sfc_main$1u = defineComponent({
 });
 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 = resolveComponent("URender");
   const _component_RangeSeparator = resolveComponent("RangeSeparator");
   const _component_UIcon = resolveComponent("UIcon");
@@ -21105,9 +20857,9 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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 = defineComponent({
+const _sfc_main$1v = defineComponent({
   name: "DatePanelHeader",
   components: { UIcon, ChevronsLeft, ChevronsRight, ChevronLeft, ChevronRight },
   props: {
@@ -21187,7 +20939,7 @@ const _hoisted_1$A = ["title"];
 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 = resolveComponent("ChevronsLeft");
   const _component_UIcon = resolveComponent("UIcon");
   const _component_ChevronLeft = resolveComponent("ChevronLeft");
@@ -21297,7 +21049,7 @@ function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
     ], 10, _hoisted_4)) : 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 = {
@@ -21694,7 +21446,7 @@ var Scrollbar = defineComponent({
 
 const UScrollbar = withInstall(Scrollbar);
 
-const _sfc_main$1s = defineComponent({
+const _sfc_main$1u = defineComponent({
   name: "TimePickerSelect",
   components: { Scrollbar: UScrollbar },
   props: {
@@ -21763,7 +21515,7 @@ const _sfc_main$1s = defineComponent({
 });
 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 = resolveComponent("Scrollbar");
   return openBlock(), createBlock(_component_Scrollbar, {
     ref: "selectRef",
@@ -21793,7 +21545,7 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 {
@@ -21900,7 +21652,7 @@ const fixTime = (time, disabledTime, step, invert = false) => {
   return time.second(fixSecond);
 };
 
-const _sfc_main$1r = defineComponent({
+const _sfc_main$1t = defineComponent({
   name: "TimePickerPanel",
   components: {
     SelectList
@@ -22117,7 +21869,7 @@ const _sfc_main$1r = defineComponent({
     };
   }
 });
-function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_SelectList = resolveComponent("SelectList");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([`${_ctx.prefixCls}-inner`, `${_ctx.prefixCls}-column-${_ctx.columns}`])
@@ -22156,9 +21908,9 @@ function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["prefix-cls", "options", "selected", "onSelect"])) : 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 = defineComponent({
+const _sfc_main$1s = defineComponent({
   name: "DatePanel",
   components: {
     DatePanelHeader,
@@ -22275,7 +22027,7 @@ const _sfc_main$1q = defineComponent({
     };
   }
 });
-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 = resolveComponent("DatePanelHeader");
   const _component_DateTable = resolveComponent("DateTable");
@@ -22339,9 +22091,9 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : 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 = defineComponent({
+const _sfc_main$1r = defineComponent({
   name: "MonthPanelHeader",
   components: { UIcon, ChevronsLeft, ChevronsRight },
   props: {
@@ -22394,7 +22146,7 @@ const _sfc_main$1p = defineComponent({
 });
 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 = resolveComponent("ChevronsLeft");
   const _component_UIcon = resolveComponent("UIcon");
   const _component_ChevronsRight = resolveComponent("ChevronsRight");
@@ -22445,9 +22197,9 @@ function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = defineComponent({
+const _sfc_main$1q = defineComponent({
   name: "MonthPanel",
   components: {
     MonthPanelHeader,
@@ -22525,7 +22277,7 @@ const _sfc_main$1o = defineComponent({
     };
   }
 });
-function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_MonthPanelHeader = resolveComponent("MonthPanelHeader");
   const _component_MonthTable = resolveComponent("MonthTable");
   return openBlock(), createElementBlock("div", {
@@ -22557,9 +22309,9 @@ function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = defineComponent({
+const _sfc_main$1p = defineComponent({
   name: "YearPanelHeader",
   components: { UIcon, ChevronsLeft, ChevronsRight },
   props: {
@@ -22609,7 +22361,7 @@ const _sfc_main$1n = defineComponent({
 });
 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 = resolveComponent("ChevronsLeft");
   const _component_UIcon = resolveComponent("UIcon");
   const _component_ChevronsRight = resolveComponent("ChevronsRight");
@@ -22655,9 +22407,9 @@ function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = defineComponent({
+const _sfc_main$1o = defineComponent({
   name: "YearTable",
   props: {
     prefixCls: {
@@ -22802,7 +22554,7 @@ const _sfc_main$1m = defineComponent({
   }
 });
 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 openBlock(), createElementBlock("table", {
     class: normalizeClass(`${_ctx.prefixCls}-table`)
   }, [
@@ -22826,9 +22578,9 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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 = defineComponent({
+const _sfc_main$1n = defineComponent({
   name: "YearPanel",
   components: {
     YearPanelHeader,
@@ -22906,7 +22658,7 @@ const _sfc_main$1l = defineComponent({
     };
   }
 });
-function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_YearPanelHeader = resolveComponent("YearPanelHeader");
   const _component_YearTable = resolveComponent("YearTable");
   return openBlock(), createElementBlock("div", {
@@ -22938,9 +22690,9 @@ function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = defineComponent({
+const _sfc_main$1m = defineComponent({
   name: "QuarterPanelHeader",
   components: { UIcon, ChevronsLeft, ChevronsRight },
   props: {
@@ -22993,7 +22745,7 @@ const _sfc_main$1k = defineComponent({
 });
 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 = resolveComponent("ChevronsLeft");
   const _component_UIcon = resolveComponent("UIcon");
   const _component_ChevronsRight = resolveComponent("ChevronsRight");
@@ -23044,7 +22796,7 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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) {
@@ -23074,7 +22826,7 @@ var quarterOfYear = createCommonjsModule(function(module, exports) {
 });
 
 dayjs_min.extend(quarterOfYear);
-const _sfc_main$1j = defineComponent({
+const _sfc_main$1l = defineComponent({
   name: "QuarterTable",
   props: {
     prefixCls: {
@@ -23214,7 +22966,7 @@ const _sfc_main$1j = defineComponent({
   }
 });
 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 openBlock(), createElementBlock("table", {
     class: normalizeClass(`${_ctx.prefixCls}-table`)
   }, [
@@ -23240,9 +22992,9 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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 = defineComponent({
+const _sfc_main$1k = defineComponent({
   name: "QuarterPanel",
   components: {
     QuarterPanelHeader,
@@ -23320,7 +23072,7 @@ const _sfc_main$1i = defineComponent({
     };
   }
 });
-function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_QuarterPanelHeader = resolveComponent("QuarterPanelHeader");
   const _component_QuarterTable = resolveComponent("QuarterTable");
   return openBlock(), createElementBlock("div", {
@@ -23352,9 +23104,9 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = defineComponent({
+const _sfc_main$1j = defineComponent({
   name: "DatePickerPanel",
   components: {
     DatePanel,
@@ -23535,7 +23287,7 @@ const _sfc_main$1h = defineComponent({
     };
   }
 });
-function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_USelect = resolveComponent("USelect");
   const _component_DatePanel = resolveComponent("DatePanel");
   const _component_QuarterPanel = resolveComponent("QuarterPanel");
@@ -23563,6 +23315,7 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
         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"])
@@ -23617,7 +23370,7 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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 = {
@@ -23829,7 +23582,7 @@ const defineProps$7 = {
     type: Object
   }
 };
-const _sfc_main$1g = defineComponent({
+const _sfc_main$1i = defineComponent({
   name: "DatePickerRangePart",
   components: {
     DatePanel,
@@ -24121,7 +23874,7 @@ const _sfc_main$1g = defineComponent({
     };
   }
 });
-function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_DatePanel = resolveComponent("DatePanel");
   const _component_MonthPanel = resolveComponent("MonthPanel");
   const _component_YearPanel = resolveComponent("YearPanel");
@@ -24212,9 +23965,9 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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"])) : 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 = defineComponent({
+const _sfc_main$1h = defineComponent({
   name: "DateRangePanel",
   components: {
     RangePart
@@ -24486,7 +24239,7 @@ const _sfc_main$1f = defineComponent({
   }
 });
 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 = resolveComponent("RangePart");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([
@@ -24561,9 +24314,9 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = defineComponent({
+const _sfc_main$1g = defineComponent({
   name: "UDatePicker",
   components: {
     Popup,
@@ -24737,7 +24490,7 @@ const _sfc_main$1e = defineComponent({
     };
   }
 });
-function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_DateRangeInput = resolveComponent("DateRangeInput");
   const _component_DatePickerInput = resolveComponent("DatePickerInput");
   const _component_CircleX = resolveComponent("CircleX");
@@ -24768,13 +24521,12 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
         "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"])) : (openBlock(), createBlock(_component_DateRangePanel, {
+      }, null, 8, ["prefix-cls", "locale", "value", "open", "mode", "disabled-date", "disabled-time", "time-options", "shortcuts", "show-time-clear", "direction", "onSelect", "onPanelChange"])) : (openBlock(), createBlock(_component_DateRangePanel, {
         key: 1,
         ref: "panelRef",
         "prefix-cls": _ctx.prefixCls,
@@ -24785,7 +24537,6 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
         "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,
@@ -24793,7 +24544,7 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
         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: withCtx(() => [
       createElementVNode("div", mergeProps({
@@ -24892,7 +24643,7 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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);
 
@@ -24921,7 +24672,7 @@ const dividerProps = {
   }
 };
 
-const _sfc_main$1d = defineComponent({
+const _sfc_main$1f = defineComponent({
   name: "UDivider",
   props: dividerProps,
   setup(props, { slots }) {
@@ -24935,7 +24686,7 @@ const _sfc_main$1d = defineComponent({
     };
   }
 });
-function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([
       _ctx.prefixCls,
@@ -24955,7 +24706,7 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : 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);
 
@@ -25456,6 +25207,223 @@ const Empty = defineComponent({
 
 const UEmpty = withInstall(Empty);
 
+function useGutter(_gutter) {
+  const screens = ref({});
+  const token = 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;
+      }
+    });
+  };
+  onMounted(getScreensRepsponsive);
+  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 = 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 = defineComponent({
+  name: "URow",
+  props: rowProps,
+  setup(props) {
+    const { gutter } = 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 openBlock(), createElementBlock("div", {
+    class: normalizeClass({
+      [`${_ctx.prefixCls}`]: true,
+      [`${_ctx.prefixCls}-flex-${_ctx.justify}`]: _ctx.flex && _ctx.justify,
+      [`${_ctx.prefixCls}-flex-${_ctx.align}`]: _ctx.flex && _ctx.align
+    }),
+    style: normalizeStyle(_ctx.styles)
+  }, [
+    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 = defineComponent({
+  name: "UCol",
+  props: colProps,
+  setup(props) {
+    const { prefixCls } = useGlobalConfig("col");
+    const sizeCls = 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 = 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 openBlock(), createElementBlock("div", {
+    class: 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: normalizeStyle(_ctx.styles)
+  }, [
+    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",
@@ -27807,7 +27775,7 @@ const siderProps = {
     type: Boolean,
     default: void 0
   },
-  reverseArrow: {
+  isRight: {
     type: Boolean,
     default: false
   },
@@ -27825,7 +27793,7 @@ const siderProps = {
     type: [Number, String],
     default: 200
   },
-  collapseWidth: {
+  collapsedWidth: {
     type: [Number, String],
     default: 80
   },
@@ -27833,11 +27801,6 @@ const siderProps = {
     type: String,
     validator: oneOf(responsiveArray)
   },
-  theme: {
-    type: String,
-    default: "dark",
-    validator: oneOf(siderTheme)
-  },
   background: {
     type: String
   }
@@ -27860,7 +27823,10 @@ const _sfc_main$17 = defineComponent({
   name: "USider",
   components: {
     UIcon,
-    PanelLeft
+    PanelLeft,
+    PanelRight,
+    ChevronLeft,
+    ChevronRight
   },
   props: siderProps,
   emits: siderEmits,
@@ -27887,7 +27853,6 @@ const _sfc_main$17 = defineComponent({
     const isBreakpoint = ref(false);
     let mql;
     const responsiveHandler = ({ matches }) => {
-      emit("breakpoint", matches);
       isBreakpoint.value = matches;
       if (matches !== stateCollapse.value) {
         setCollapsed(matches, "responsive");
@@ -27895,7 +27860,7 @@ const _sfc_main$17 = defineComponent({
     };
     onMounted(() => {
       nextTick(() => {
-        if (typeof window === "undefined") {
+        if (typeof window !== "undefined") {
           if (!!matchMedia && props.breakpoint) {
             mql = matchMedia(breakpointMap[props.breakpoint]);
           }
@@ -27904,7 +27869,9 @@ const _sfc_main$17 = defineComponent({
           } catch (error) {
             mql == null ? void 0 : mql.addListener(responsiveHandler);
           }
-          responsiveHandler(mql);
+          if (mql) {
+            responsiveHandler(mql);
+          }
         }
         if (siderHook.attachSider) {
           siderHook.attachSider(uniqueId);
@@ -27926,12 +27893,12 @@ const _sfc_main$17 = defineComponent({
     const siderWidth = computed(() => {
       let ret = getPixer(props.width);
       if (stateCollapse.value) {
-        ret = getPixer(props.collapseWidth);
+        ret = getPixer(props.collapsedWidth);
       }
       return ret;
     });
     const isZeroCollapse = computed(() => {
-      return parseFloat(String(props.collapseWidth)) === 0 || props.zeroTrigger;
+      return parseFloat(String(props.collapsedWidth)) === 0 || props.zeroTrigger;
     });
     const showZeroTrigger = computed(() => {
       return (props.collapsible || isBreakpoint.value) && !props.hideTrigger && isZeroCollapse.value;
@@ -27943,16 +27910,16 @@ const _sfc_main$17 = defineComponent({
       if (props.triggerIcon) {
         return props.triggerIcon;
       }
-      return props.reverseArrow ? PanelLeft : PanelLeft;
+      return props.isRight ? PanelLeft : PanelRight;
     });
     const handleToggle = () => {
       const collapsed = !stateCollapse.value;
       setCollapsed(collapsed, "triggerClick");
     };
-    const { collapseWidth } = toRefs(props);
+    const { collapsedWidth } = toRefs(props);
     provide("layoutSiderContext", {
       collapsed: stateCollapse,
-      collapseWidth
+      collapsedWidth
     });
     return {
       prefixCls,
@@ -27968,7 +27935,8 @@ const _sfc_main$17 = defineComponent({
 });
 function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
   var _a;
-  const _component_PanelLeft = resolveComponent("PanelLeft");
+  const _component_ChevronRight = resolveComponent("ChevronRight");
+  const _component_ChevronLeft = resolveComponent("ChevronLeft");
   const _component_UIcon = resolveComponent("UIcon");
   return openBlock(), createElementBlock("aside", {
     style: normalizeStyle({
@@ -27980,8 +27948,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     class: 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,
@@ -27991,12 +27958,12 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     _ctx.showZeroTrigger ? (openBlock(), createElementBlock("span", {
       key: 0,
-      class: normalizeClass([`${_ctx.prefixCls}-zero-trigger`, `${_ctx.prefixCls}-zero-trigger-${_ctx.reverseArrow ? "right" : "left"}`]),
+      class: normalizeClass([`${_ctx.prefixCls}-zero-trigger`, `${_ctx.prefixCls}-zero-trigger-${_ctx.isRight ? "right" : "left"}`]),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleToggle && _ctx.handleToggle(...args))
     }, [
       createVNode(_component_UIcon, null, {
         default: withCtx(() => [
-          _ctx.reverseArrow ? (openBlock(), createBlock(_component_PanelLeft, { key: 0 })) : (openBlock(), createBlock(_component_PanelLeft, { key: 1 }))
+          _ctx.isRight ? (openBlock(), createBlock(_component_ChevronRight, { key: 0 })) : (openBlock(), createBlock(_component_ChevronLeft, { key: 1 }))
         ]),
         _: 1
       })
@@ -28011,7 +27978,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2),
     _ctx.showBottomTrigger ? renderSlot(_ctx.$slots, "trigger", { key: 1 }, () => [
       createElementVNode("div", {
-        class: normalizeClass([`${_ctx.prefixCls}-trigger`, `${_ctx.prefixCls}-trigger-${_ctx.reverseArrow ? "right" : "left"}`]),
+        class: normalizeClass([`${_ctx.prefixCls}-trigger`, `${_ctx.prefixCls}-trigger-${_ctx.isRight ? "right" : "left"}`]),
         style: normalizeStyle({ width: _ctx.siderWidth }),
         onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleToggle && _ctx.handleToggle(...args))
       }, [