@koi-design/uxd-ui 14.0.6 → 14.0.8

package/uxd-ui.umd.js

@@ -1,4 +1,4 @@
-/*! @koi-design/uxd-ui@4.0.6 */
+/*! @koi-design/uxd-ui@4.0.8 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('lucide-vue-next')) :
@@ -690,9 +690,9 @@
       };
     }
   });
-  const _hoisted_1$Z = { ref: "containerRef" };
+  const _hoisted_1$Y = { ref: "containerRef" };
   function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Z, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Y, [
       vue.createElementVNode("div", {
         ref: "pointRef",
         class: vue.normalizeClass(_ctx.classes),
@@ -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 [];
@@ -9053,7 +9053,7 @@
       };
     }
   });
-  const _hoisted_1$Y = ["title", "onMousemove", "onClick"];
+  const _hoisted_1$X = ["title", "onMousemove", "onClick"];
   const _hoisted_2$n = ["id"];
   function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_u_checkbox = vue.resolveComponent("u-checkbox");
@@ -9161,7 +9161,7 @@
               ]),
               _: 1
             }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-          ], 46, _hoisted_1$Y))
+          ], 46, _hoisted_1$X))
         ]),
         _: 1
       }, 8, ["prefix-cls", "data", "height", "item-height", "virtual", "onScrollAtTop", "onScrollAtBottom"])
@@ -10363,7 +10363,7 @@
       };
     }
   });
-  const _hoisted_1$X = ["href", "data-scroll-offset", "data-href", "title"];
+  const _hoisted_1$W = ["href", "data-scroll-offset", "data-href", "title"];
   function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([`${_ctx.prefixCls}`, { [`${_ctx.prefixCls}-active`]: !!_ctx.anchorLinkClasses }])
@@ -10375,7 +10375,7 @@
         "data-href": _ctx.href,
         title: _ctx.title,
         onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.goAnchor && _ctx.goAnchor(...args), ["prevent"]))
-      }, vue.toDisplayString(_ctx.title), 11, _hoisted_1$X),
+      }, vue.toDisplayString(_ctx.title), 11, _hoisted_1$W),
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
@@ -10485,7 +10485,7 @@
       };
     }
   });
-  const _hoisted_1$W = ["src"];
+  const _hoisted_1$V = ["src"];
   function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_UIcon = vue.resolveComponent("UIcon");
     return vue.openBlock(), vue.createElementBlock("span", {
@@ -10505,7 +10505,7 @@
         key: 0,
         src: _ctx.src,
         onError: _cache[0] || (_cache[0] = (...args) => _ctx.handleError && _ctx.handleError(...args))
-      }, null, 40, _hoisted_1$W)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_UIcon, { key: 1 }, {
+      }, null, 40, _hoisted_1$V)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_UIcon, { key: 1 }, {
         default: vue.withCtx(() => [
           (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
         ]),
@@ -11031,7 +11031,7 @@
       };
     }
   });
-  const _hoisted_1$V = ["data-color"];
+  const _hoisted_1$U = ["data-color"];
   const _hoisted_2$m = { class: "uui-badge-status-text" };
   const _hoisted_3$7 = ["data-color"];
   function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
@@ -11060,7 +11060,7 @@
         ]),
         "data-color": _ctx.computedColor,
         style: vue.normalizeStyle(_ctx.statusStyles)
-      }, null, 14, _hoisted_1$V),
+      }, null, 14, _hoisted_1$U),
       vue.createElementVNode("span", _hoisted_2$m, [
         vue.renderSlot(_ctx.$slots, "text", {}, () => [
           vue.createTextVNode(vue.toDisplayString(_ctx.text), 1)
@@ -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,
@@ -11437,7 +11414,7 @@
       };
     }
   });
-  const _hoisted_1$U = ["aria-expanded", "aria-owns"];
+  const _hoisted_1$T = ["aria-expanded", "aria-owns"];
   const _hoisted_2$l = ["id"];
   const _hoisted_3$6 = ["data-color", "aria-owns"];
   const _hoisted_4$2 = ["id"];
@@ -11479,7 +11456,7 @@
             ]),
             _: 1
           }, 8, ["class"])
-        ], 14, _hoisted_1$U),
+        ], 14, _hoisted_1$T),
         vue.createCommentVNode(' <transition name="slide-up"> '),
         vue.createVNode(_component_CollapseTransition, { appear: "" }, {
           default: vue.withCtx(() => [
@@ -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()]);
@@ -12086,7 +12061,7 @@
       };
     }
   });
-  const _hoisted_1$T = ["data-color"];
+  const _hoisted_1$S = ["data-color"];
   const _hoisted_2$k = ["data-color"];
   function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_Popup = vue.resolveComponent("Popup");
@@ -12110,7 +12085,7 @@
           class: vue.normalizeClass(`${_ctx.prefixCls}-arrow`),
           "data-color": _ctx.color,
           style: vue.normalizeStyle(_ctx.arrowStyle)
-        }, null, 14, _hoisted_1$T),
+        }, null, 14, _hoisted_1$S),
         vue.createElementVNode("div", {
           ref: "innerRef",
           class: vue.normalizeClass(`${_ctx.prefixCls}-inner`),
@@ -12221,7 +12196,7 @@
       };
     }
   });
-  const _hoisted_1$S = ["data-color"];
+  const _hoisted_1$R = ["data-color"];
   function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_UTooltip = vue.resolveComponent("UTooltip");
     return vue.openBlock(), vue.createBlock(_component_UTooltip, {
@@ -12248,7 +12223,7 @@
           vue.renderSlot(_ctx.$slots, "default", {}, () => [
             vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
           ])
-        ], 16, _hoisted_1$S)
+        ], 16, _hoisted_1$R)
       ]),
       _: 3
     }, 8, ["title", "disabled", "class"]);
@@ -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]
       });
     }
@@ -12706,7 +12681,7 @@
       };
     }
   });
-  const _hoisted_1$R = ["data-color", "type", "disabled"];
+  const _hoisted_1$Q = ["data-color", "type", "disabled"];
   const _hoisted_2$j = {
     width: "24",
     height: "24",
@@ -12792,7 +12767,7 @@
       _ctx.showSlot ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [
         vue.renderSlot(_ctx.$slots, "default")
       ])) : vue.createCommentVNode("v-if", true)
-    ], 10, _hoisted_1$R);
+    ], 10, _hoisted_1$Q);
   }
   var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$1W], ["__file", "Button.vue"]]);
 
@@ -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 : {
@@ -13411,7 +13386,8 @@
   };
   const checkboxEmits = {
     "update:modelValue": (val) => val === void 0 || typeof val === "boolean" || typeof val === "number" || typeof val === "string",
-    change: (val, ev) => (val === void 0 || typeof val === "boolean" || typeof val === "number" || typeof val === "string") && ev instanceof Event
+    change: (val, ev) => (val === void 0 || typeof val === "boolean" || typeof val === "number" || typeof val === "string") && ev instanceof Event,
+    click: (ev) => ev instanceof Event
   };
   const checkboxButtonType = ["border", "fill", "card"];
   const checkboxGroupProps = {
@@ -13502,6 +13478,7 @@
       let eventShiftKey = false;
       const onClick = (e) => {
         eventShiftKey = e.shiftKey;
+        emit("click", e);
       };
       const { onFieldChange } = vue.inject(FormItemKey, {});
       const change = (event) => {
@@ -13559,7 +13536,7 @@
       };
     }
   });
-  const _hoisted_1$Q = ["disabled", "checked", "name"];
+  const _hoisted_1$P = ["disabled", "checked", "name"];
   function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_Check = vue.resolveComponent("Check");
     const _component_Minus = vue.resolveComponent("Minus");
@@ -13606,7 +13583,7 @@
           onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
           onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
           onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args))
-        }, null, 42, _hoisted_1$Q)
+        }, null, 42, _hoisted_1$P)
       ], 2),
       _ctx.showSlot ? (vue.openBlock(), vue.createElementBlock("span", {
         key: 0,
@@ -13692,7 +13669,7 @@
       };
     }
   });
-  const _hoisted_1$P = { key: 0 };
+  const _hoisted_1$O = { key: 0 };
   function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_LoaderCircle = vue.resolveComponent("LoaderCircle");
     const _component_UIcon = vue.resolveComponent("UIcon");
@@ -13709,7 +13686,7 @@
       ])
     }, [
       _ctx.hasSlot ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-        _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [
+        _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
           vue.createVNode(_component_UIcon, { spin: "" }, {
             default: vue.withCtx(() => [
               vue.createVNode(_component_LoaderCircle)
@@ -13820,7 +13797,7 @@
       };
     }
   });
-  const _hoisted_1$O = ["id", "aria-expanded", "aria-own", "aria-controls", "aria-activedescendant", "disabled", "tabindex", "autocomplete", "autofocus", "value", "readonly", "unselectable"];
+  const _hoisted_1$N = ["id", "aria-expanded", "aria-own", "aria-controls", "aria-activedescendant", "disabled", "tabindex", "autocomplete", "autofocus", "value", "readonly", "unselectable"];
   function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("input", {
       id: _ctx.id,
@@ -13849,7 +13826,7 @@
       onInput: _cache[5] || (_cache[5] = (...args) => _ctx.onChange && _ctx.onChange(...args)),
       onCompositionstart: _cache[6] || (_cache[6] = (...args) => _ctx.onCompositionstart && _ctx.onCompositionstart(...args)),
       onCompositionend: _cache[7] || (_cache[7] = (...args) => _ctx.onCompositionend && _ctx.onCompositionend(...args))
-    }, null, 46, _hoisted_1$O);
+    }, null, 46, _hoisted_1$N);
   }
   var SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$1S], ["__file", "Input.vue"]]);
 
@@ -13949,7 +13926,7 @@
       };
     }
   });
-  const _hoisted_1$N = ["title"];
+  const _hoisted_1$M = ["title"];
   function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_SelectInput = vue.resolveComponent("SelectInput");
     const _component_Render = vue.resolveComponent("Render");
@@ -13980,7 +13957,7 @@
         vue.createVNode(_component_Render, {
           render: _ctx.getRender(_ctx.selectedItem.displayLabel)
         }, null, 8, ["render"])
-      ], 10, _hoisted_1$N)) : vue.createCommentVNode("v-if", true),
+      ], 10, _hoisted_1$M)) : vue.createCommentVNode("v-if", true),
       vue.withDirectives(vue.createElementVNode("div", {
         class: vue.normalizeClass(`${_ctx.prefixCls}-selection-placeholder`)
       }, [
@@ -14182,7 +14159,7 @@
     }
   });
 
-  const _hoisted_1$M = ["title"];
+  const _hoisted_1$L = ["title"];
   const _hoisted_2$i = ["title"];
   const _hoisted_3$4 = ["title"];
   function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
@@ -14258,7 +14235,7 @@
                   vue.createVNode(_component_Render, {
                     render: _ctx.getRender(item.displayLabel)
                   }, null, 8, ["render"])
-                ], 10, _hoisted_1$M)
+                ], 10, _hoisted_1$L)
               ]),
               _: 2
             }, 1040, ["disabled", "dropdown-class"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
@@ -14574,12 +14551,12 @@
   const _sfc_main$1Q = vue.defineComponent({
     name: "ColorfullEmpty"
   });
-  const _hoisted_1$L = {
+  const _hoisted_1$K = {
     viewBox: "0 0 1130 1024",
     class: "icon"
   };
   function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$L, _cache[0] || (_cache[0] = [
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$K, _cache[0] || (_cache[0] = [
       vue.createStaticVNode('<path d="M35.5554 677.07174h78.22188a35.5554 35.5554 0 1 0 0-71.1108H60.44418a17.7777 17.7777 0 1 1 0-35.5554h1052.43984a17.7777 17.7777 0 1 1 0 35.5554H995.5512a35.5554 35.5554 0 1 0 0 71.1108h14.22216c39.274495 0 71.1108 31.836305 71.1108 71.1108s-31.836305 71.1108-71.1108 71.1108h-82.140085c-27.022104 0-40.533156 11.85417-40.533156 35.5554s13.511052 35.5554 40.533156 35.5554c6.940414 0.156444 36.693173 0.156444 89.251165 0a28.44432 28.44432 0 1 1 0 56.88864h-270.22104a21.33324 21.33324 0 0 0 0 42.66648h56.88864a14.22216 14.22216 0 0 1 0 28.44432H355.554a21.33324 21.33324 0 0 1 0-42.66648h63.99972a21.33324 21.33324 0 0 0 0-42.66648H199.11024a14.22216 14.22216 0 1 1 0-28.44432h28.44432c18.76614 0 28.145655-7.324412 28.145655-21.973237 0-14.648825-9.379515-21.546572-28.145655-20.693243H113.77728a28.44432 28.44432 0 1 1 0-56.88864h21.33324a28.44432 28.44432 0 1 0 0-56.88864H35.5554a35.5554 35.5554 0 1 1 0-71.1108z" fill="#F5F5F5"></path><path d="M391.863174 378.40638h361.157532l78.975654 483.55344H312.88752z" fill="#EAF1FB"></path><path d="M384.993871 371.202856l38.684275 69.560585a14.22216 14.22216 0 0 1 1.109329 11.249728L358.38421 659.414928a14.22216 14.22216 0 0 1-14.435493 9.855957l-62.435282-3.896872a14.22216 14.22216 0 0 1-12.622167-18.659473l90.168494-273.065472a14.22216 14.22216 0 0 1 25.934109-2.446212z" fill="#FFFFFF"></path><path d="M384.993871 371.202856l38.684275 69.560585a14.22216 14.22216 0 0 1 1.109329 11.249728L358.38421 659.414928a14.22216 14.22216 0 0 1-14.435493 9.855957l-62.435282-3.896872a14.22216 14.22216 0 0 1-12.622167-18.659473l90.168494-273.065472a14.22216 14.22216 0 0 1 25.934109-2.446212z m-12.430168 6.91197l-90.168494 273.065472 62.442393 3.896872 66.403265-207.40176-38.684275-69.560584z" fill="#979797"></path><path d="M753.24826 374.481064l-32.554524 67.341927a14.22216 14.22216 0 0 0-0.746664 10.524399l66.019267 206.434652a14.22216 14.22216 0 0 0 14.392826 9.863068l55.843311-3.327985a14.22216 14.22216 0 0 0 12.657723-18.652363l-89.300943-270.448595a14.22216 14.22216 0 0 0-26.310996-1.735103z" fill="#FFFFFF"></path><path d="M756.640245 371.202856l-38.677164 69.560585a14.22216 14.22216 0 0 0-1.116439 11.249728l66.403265 207.401759a14.22216 14.22216 0 0 0 14.435492 9.855957l62.435282-3.896872a14.22216 14.22216 0 0 0 12.622167-18.659473l-90.168494-273.065472a14.22216 14.22216 0 0 0-25.934109-2.446212z m12.430168 6.91197l90.168494 273.065472-62.442393 3.896872-66.403265-207.40176 38.684275-69.560584z" fill="#979797"></path><path d="M279.316111 648.62742h226.523454a14.22216 14.22216 0 0 1 13.802606 10.787508l6.172417 24.831892a14.22216 14.22216 0 0 0 13.802607 10.787508h58.53841a14.22216 14.22216 0 0 0 13.795495-10.787508l6.179529-24.831892a14.22216 14.22216 0 0 1 13.795495-10.787508h226.530565a14.22216 14.22216 0 0 1 14.101271 16.071041l-25.123445 191.99916a14.22216 14.22216 0 0 1-14.101272 12.373279H304.439557a14.22216 14.22216 0 0 1-14.101272-12.373279l-25.123445-191.99916a14.22216 14.22216 0 0 1 14.101271-16.071041z" fill="#FFFFFF"></path><path d="M279.316111 648.62742h226.523454a14.22216 14.22216 0 0 1 13.802606 10.787508l6.172417 24.831892a14.22216 14.22216 0 0 0 13.802607 10.787508h58.53841a14.22216 14.22216 0 0 0 13.795495-10.787508l6.179529-24.831892a14.22216 14.22216 0 0 1 13.795495-10.787508h226.530565a14.22216 14.22216 0 0 1 14.101271 16.071041l-25.123445 191.99916a14.22216 14.22216 0 0 1-14.101272 12.373279H304.439557a14.22216 14.22216 0 0 1-14.101272-12.373279l-25.123445-191.99916a14.22216 14.22216 0 0 1 14.101271-16.071041z m0 14.22216l25.123446 191.99916h528.893686l25.123446-191.99916H631.933235l-6.179528 24.831891a28.44432 28.44432 0 0 1-27.598102 21.575017h-58.53841a28.44432 28.44432 0 0 1-27.598102-21.575017l-6.179528-24.831891H279.323222z" fill="#999999"></path><path d="M419.55372 755.29362a14.22216 14.22216 0 1 1 0-28.44432 14.22216 14.22216 0 0 1 0 28.44432z m312.88752 0a14.22216 14.22216 0 1 1 0-28.44432 14.22216 14.22216 0 0 1 0 28.44432z" fill="#999999"></path><path d="M538.607421 816.946684c7.146635-7.907521 17.066592-11.875504 30.278979-11.875504s23.132343 3.967983 30.278979 11.875504a7.11108 7.11108 0 0 0 10.552842-9.528848c-9.983956-11.050618-23.77234-16.568816-40.831821-16.568816-17.066592 0-30.847865 5.518198-40.831821 16.568816a7.11108 7.11108 0 0 0 10.552842 9.528848z" fill="#999999"></path><path d="M374.668583 364.18422h388.435634a14.22216 14.22216 0 0 1 11.91817 21.980348l-41.656707 63.99972a14.22216 14.22216 0 0 1-11.91817 6.463972H416.32529a14.22216 14.22216 0 0 1-11.91817-6.463972l-41.656707-63.99972a14.22216 14.22216 0 0 1 11.91817-21.980348z" fill="#FFFFFF"></path><path d="M374.668583 364.18422h388.435634a14.22216 14.22216 0 0 1 11.91817 21.980348l-41.656707 63.99972a14.22216 14.22216 0 0 1-11.91817 6.463972H416.32529a14.22216 14.22216 0 0 1-11.91817-6.463972l-41.656707-63.99972a14.22216 14.22216 0 0 1 11.91817-21.980348z m0 14.22216l41.656707 63.99972h305.12222l41.656707-63.99972H374.668583zM900.710726 60.256661a240.539392 240.539392 0 0 1-18.36792 10.232844 3.55554 3.55554 0 1 0 3.178653 6.357305c6.38575-3.192875 12.693278-6.705748 18.915473-10.524398a3.55554 3.55554 0 0 0-3.726206-6.065751z m-37.603391 18.773251c-6.556416 2.545767-13.191053 4.764424-19.911024 6.64886a3.55554 3.55554 0 0 0 1.919992 6.84797c6.940414-1.948436 13.795495-4.245315 20.565243-6.876414a3.55554 3.55554 0 0 0-2.574211-6.627527z m-40.412268 11.349284c-6.862192 1.223106-13.795495 2.111991-20.821242 2.680877a3.55554 3.55554 0 1 0 0.568887 7.089747 226.1039 226.1039 0 0 0 21.496794-2.773322 3.55554 3.55554 0 0 0-1.244439-6.997302z m-42.097593 3.399096a245.638036 245.638036 0 0 1-20.991908-1.173328 3.55554 3.55554 0 0 0-0.696886 7.075524c7.274635 0.711108 14.478159 1.11644 21.610572 1.208884a3.55554 3.55554 0 0 0 0.085333-7.11108z m-41.649596-4.031982a295.77115 295.77115 0 0 1-20.60791-4.437314 3.55554 3.55554 0 1 0-1.742214 6.897747c7.103969 1.784881 14.136827 3.299541 21.105685 4.536869a3.55554 3.55554 0 1 0 1.244439-6.997302z m-41.059376-10.318177a368.937053 368.937053 0 0 1-19.911024-7.061303 3.55554 3.55554 0 0 0-2.5671 6.627527c6.826637 2.638211 13.582163 5.041756 20.295023 7.203524a3.55554 3.55554 0 0 0 2.183101-6.769748zM731.232356 46.240722c-7.004414-2.033769-13.866606-3.967983-20.586576-5.802641a3.55554 3.55554 0 0 0-1.870214 6.862192c6.684415 1.820436 13.511052 3.747539 20.465688 5.767086a3.55554 3.55554 0 0 0 1.991102-6.826637z m-41.279819-11.242617a962.69801 962.69801 0 0 0-20.821242-5.020423 3.55554 3.55554 0 1 0-1.585771 6.933303c6.727082 1.535993 13.610607 3.199986 20.664798 4.977756a3.55554 3.55554 0 0 0 1.742215-6.897747zM648.174942 25.455035a676.27793 676.27793 0 0 0-21.098574-3.911094 3.55554 3.55554 0 1 0-1.18044 7.011525c6.755526 1.137773 13.710162 2.431989 20.878131 3.875539a3.55554 3.55554 0 1 0 1.400883-6.968859z m-42.33937-7.082635a433.150105 433.150105 0 0 0-21.390129-2.232879 3.55554 3.55554 0 1 0-0.554664 7.089746c6.727082 0.52622 13.745718 1.258661 21.041686 2.204435a3.55554 3.55554 0 1 0 0.903107-7.061302z m-43.022034-3.242653a240.048728 240.048728 0 0 0-21.646128 0.65422 3.55554 3.55554 0 1 0 0.554664 7.089746c6.577749-0.511998 13.582163-0.72533 21.006131-0.639997a3.55554 3.55554 0 0 0 0.085333-7.11108z m-43.235367 3.690651c-7.729744 1.642659-14.741269 3.839983-21.041685 6.599082a3.55554 3.55554 0 0 0 2.844432 6.513749c5.845308-2.559989 12.401724-4.60798 19.683469-6.158195a3.55554 3.55554 0 1 0-1.479105-6.954636z m-40.390934 18.737695a59.292185 59.292185 0 0 0-13.795495 18.005255 3.55554 3.55554 0 0 0 6.371527 3.171542 52.181105 52.181105 0 0 1 12.152836-15.857709 3.55554 3.55554 0 1 0-4.728868-5.319088z m-20.223912 39.17494c-0.995551 6.819526-1.208884 14.186605-0.639997 22.087015a3.55554 3.55554 0 0 0 7.096858-0.497776 95.644026 95.644026 0 0 1 0.583109-20.565243 3.55554 3.55554 0 0 0-7.03997-1.023996z m3.505763 45.198025c4.927978 6.734193 9.713735 12.280835 14.328826 16.66126a3.55554 3.55554 0 0 0 4.899534-5.155533c-4.295092-4.074649-8.796406-9.301293-13.489719-15.708376a3.55554 3.55554 0 0 0-5.738641 4.202649z m34.104739 28.686096c9.301293 2.133324 17.18748-1.635548 22.293236-9.628402a3.55554 3.55554 0 0 0-5.987529-3.832872c-3.576873 5.589309-8.519074 7.950187-14.719936 6.527971a3.55554 3.55554 0 0 0-1.585771 6.933303z m28.0461-32.910078c-0.319999-9.187515-3.327985-17.400813-8.718184-22.421235a3.55554 3.55554 0 0 0-4.842646 5.20531c3.839983 3.576873 6.193751 10.012401 6.456861 17.457702a3.55554 3.55554 0 1 0 7.11108-0.241777z m-32.66119-25.393667c-5.816863 2.289768-12.124391 6.371528-18.901251 12.302169a3.55554 3.55554 0 1 0 4.686202 5.347532c6.200862-5.425754 11.832837-9.073738 16.817704-11.036396a3.55554 3.55554 0 1 0-2.602655-6.613305z m-34.360739 28.117211a277.758785 277.758785 0 0 0-13.404386 16.952815 3.55554 3.55554 0 0 0 5.731531 4.202648 270.697482 270.697482 0 0 1 13.063054-16.511928 3.55554 3.55554 0 0 0-5.390199-4.643535z m-23.96434 36.003398a203.995552 203.995552 0 0 1-11.399061 17.585701 3.55554 3.55554 0 1 0 5.759975 4.174204 211.106632 211.106632 0 0 0 11.804393-18.197254 3.55554 3.55554 0 1 0-6.158196-3.55554z m-24.69678 33.998073a193.236488 193.236488 0 0 1-14.883491 14.762602 3.55554 3.55554 0 0 0 4.728868 5.311977 200.347568 200.347568 0 0 0 15.431044-15.303044 3.55554 3.55554 0 1 0-5.276421-4.764424z m-31.302975 27.861212a203.007112 203.007112 0 0 1-17.663922 11.271062 3.55554 3.55554 0 0 0 3.512873 6.186639 210.118192 210.118192 0 0 0 18.282587-11.662171 3.55554 3.55554 0 0 0-4.124427-5.79553z m-36.550951 20.792798c-6.335972 2.815988-12.871055 5.361754-19.569692 7.6373a3.55554 3.55554 0 1 0 2.282657 6.734192c6.91197-2.346656 13.639051-4.970645 20.181245-7.871965a3.55554 3.55554 0 0 0-2.89421-6.499527z m-39.665604 13.511052a269.154378 269.154378 0 0 1-20.615021 4.238203 3.55554 3.55554 0 0 0 1.166217 7.018636 276.265458 276.265458 0 0 0 21.155463-4.359092 3.55554 3.55554 0 0 0-1.706659-6.897747z m-41.81315 6.947525c-6.933303 0.639997-13.966161 1.038218-21.063019 1.208883a3.55554 3.55554 0 1 0 0.163554 7.103969 320.254599 320.254599 0 0 0 21.546573-1.230216 3.55554 3.55554 0 1 0-0.639997-7.082636z m-42.488703 1.016884c-6.990192-0.284443-14.015939-0.782219-21.07013-1.493327a3.55554 3.55554 0 1 0-0.711108 7.075525c7.189302 0.72533 14.364382 1.230217 21.489683 1.521771a3.55554 3.55554 0 0 0 0.284443-7.11108z m-41.720707-4.167093a380.983222 380.983222 0 0 1-20.771464-3.875538 3.55554 3.55554 0 1 0-1.500438 6.947525c7.039969 1.51466 14.094161 2.837321 21.162574 3.95376a3.55554 3.55554 0 1 0 1.109328-7.025747z m-41.486041-8.945738a389.928961 389.928961 0 0 1-20.231022-6.129751 3.55554 3.55554 0 1 0-2.247101 6.748415c6.798192 2.261323 13.674607 4.34487 20.600798 6.243528a3.55554 3.55554 0 1 0 1.877325-6.862192z m-39.83627-13.247942a376.218798 376.218798 0 0 1-19.441692-8.298631 3.55554 3.55554 0 1 0-2.972432 6.456861c6.485305 2.986654 13.091498 5.809752 19.804358 8.455074a3.55554 3.55554 0 0 0 2.609766-6.613304z m-38.506498-17.7777a340.094512 340.094512 0 0 1-18.30392-10.510177 3.55554 3.55554 0 1 0-3.740428 6.044418c6.051529 3.740428 12.287946 7.324412 18.695029 10.737731a3.55554 3.55554 0 0 0 3.349319-6.264861z m-36.053175-22.300347a296.475147 296.475147 0 0 1-5.973308-4.380425 3.55554 3.55554 0 1 0-4.28087 5.681752c2.012436 1.51466 4.053316 3.007987 6.115529 4.479981a3.55554 3.55554 0 0 0 4.131537-5.781308zM965.52822 56.89312a28.44432 28.44432 0 1 0 0.995551-56.88864 28.44432 28.44432 0 0 0-0.995551 56.88864z m0.248888-14.22216a14.22216 14.22216 0 1 1 0.497776-28.44432 14.22216 14.22216 0 0 1-0.497776 28.44432z" fill="#979797"></path><path d="M227.085272 277.216922a63.99972 85.33296 75 1 0 164.85062-44.171591 63.99972 85.33296 75 1 0-164.85062 44.171591Z" fill="#F4F8FE"></path><path d="M412.315222 207.147558C387.577354 159.576339 351.150708 141.949552 304.951988 155.694636c-26.437868 6.223959-44.424865 20.504153-57.325989 41.67235-3.294812 5.40463-6.093785 10.924598-9.186891 17.812079 0.244186-0.543374-5.089218 11.639125-6.379758 14.269435-11.21029 22.90463-17.63543 30.402493-27.070396 30.237805L193.733829 259.489846l4.657327 10.251688c4.492892 9.893209 25.970374 29.115332 48.92348 41.215488 33.002979 17.374999 68.442666 21.86973 103.36385 8.397198 52.571556-20.283719 73.801887-57.799635 62.274546-110.445937l-0.197291-0.920913-0.440519-0.839812zM345.568846 306.086193c-30.718079 11.853202-61.99214 7.886361-91.61223-7.715558a152.347778 152.347778 0 0 1-30.223542-20.960799 118.705258 118.705258 0 0 1-6.155403-5.91808c9.922145-4.520836 17.406475-15.655863 27.259876-35.796209 1.445311-2.940544 6.956057-15.504004 6.586037-14.67834 2.871242-6.400614 5.412679-11.427226 8.348799-16.247808 11.026606-18.085789 25.955776-29.944326 48.844462-35.341215 39.499545-11.735482 68.968816 2.320465 90.647196 43.444445 9.567313 45.144318-7.861679 75.536191-53.695195 93.213564z" fill="#979797"></path><path d="M326.504329 312.830023l13.771235 3.547534c9.041158-35.13274 18.490882-57.001276 27.46422-65.023634l13.546319-12.088927-18.158932-0.316965c-14.035134-0.244984-37.399058-24.258073-67.480789-72.086149l-12.037907 7.570584c26.517878 42.161484 48.309856 67.405987 66.763376 75.70083-8.566395 12.823059-16.390396 33.638923-23.867522 62.696727zM254.649984 306.319912l13.431428 4.679549c7.49476-21.511491 12.446386-34.639459 14.566791-38.770176l2.856225-5.540304-5.129858-3.553166c-6.86555-4.756969-17.708987-18.35267-31.848086-40.348464l-11.968916 7.692696c12.622841 19.629426 22.843079 33.072005 31.054781 40.569317-2.8586 6.898686-7.137526 18.566179-12.962365 35.270548z" fill="#979797"></path><path d="M432.001444 157.044609c-47.463551 85.392275-122.281152 119.483566-226.004608 102.758859a7.11108 7.11108 0 1 0-2.264968 14.042548c109.503583 17.657722 190.257284-19.139258 240.701937-109.891854a7.11108 7.11108 0 1 0-12.432485-6.902443z" fill="#979797"></path><path d="M888.885 264.6291v-14.22216a7.11108 7.11108 0 1 1 14.22216 0v14.22216h14.22216a7.11108 7.11108 0 1 1 0 14.22216h-14.22216v14.22216a7.11108 7.11108 0 1 1-14.22216 0v-14.22216h-14.22216a7.11108 7.11108 0 1 1 0-14.22216h14.22216zM177.777 449.51718v-14.22216a7.11108 7.11108 0 0 1 14.22216 0v14.22216h14.22216a7.11108 7.11108 0 0 1 0 14.22216h-14.22216v14.22216a7.11108 7.11108 0 1 1-14.22216 0v-14.22216h-14.22216a7.11108 7.11108 0 1 1 0-14.22216h14.22216z" fill="#CCCCCC"></path>', 17)
     ]));
   }
@@ -14630,7 +14607,7 @@
       };
     }
   });
-  const _hoisted_1$K = ["src"];
+  const _hoisted_1$J = ["src"];
   function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ColorfullEmpty = vue.resolveComponent("ColorfullEmpty");
     const _component_u_icon = vue.resolveComponent("u-icon");
@@ -14650,7 +14627,7 @@
           _ctx.isImg ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 1,
             src: _ctx.image
-          }, null, 8, _hoisted_1$K)) : vue.createCommentVNode("v-if", true)
+          }, null, 8, _hoisted_1$J)) : vue.createCommentVNode("v-if", true)
         ])
       ], 2),
       _ctx.text !== false ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -15241,7 +15218,7 @@
       };
     }
   });
-  const _hoisted_1$J = ["tabindex"];
+  const _hoisted_1$I = ["tabindex"];
   function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_UIcon = vue.resolveComponent("UIcon");
     const _component_Selection = vue.resolveComponent("Selection");
@@ -15408,7 +15385,7 @@
               _: 1
             })
           ], 34)) : vue.createCommentVNode("v-if", true)
-        ], 16, _hoisted_1$J)
+        ], 16, _hoisted_1$I)
       ]),
       _: 3
     }, 8, ["prefix-cls", "placement", "visible", "popup-class", "popup-style", "click-outside"]);
@@ -15650,7 +15627,7 @@
       };
     }
   });
-  const _hoisted_1$I = ["disabled", "checked", "name"];
+  const _hoisted_1$H = ["disabled", "checked", "name"];
   function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("label", {
       class: vue.normalizeClass([
@@ -15686,7 +15663,7 @@
           onChange: _cache[0] || (_cache[0] = (...args) => _ctx.change && _ctx.change(...args)),
           onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleOnFocus && _ctx.handleOnFocus(...args)),
           onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.handleOnBlur && _ctx.handleOnBlur(...args))
-        }, null, 42, _hoisted_1$I)
+        }, null, 42, _hoisted_1$H)
       ], 2),
       _ctx.label || _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
         key: 0,
@@ -16339,7 +16316,7 @@
       };
     }
   });
-  const _hoisted_1$H = ["onClick", "onMouseenter"];
+  const _hoisted_1$G = ["onClick", "onMouseenter"];
   const _hoisted_2$h = ["onClick", "onMouseenter"];
   function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("table", {
@@ -16384,7 +16361,7 @@
                 ])
               ], 42, _hoisted_2$h);
             }), 128))
-          ], 42, _hoisted_1$H);
+          ], 42, _hoisted_1$G);
         }), 128))
       ])
     ], 2);
@@ -16530,7 +16507,7 @@
       };
     }
   });
-  const _hoisted_1$G = ["onClick", "onMouseenter"];
+  const _hoisted_1$F = ["onClick", "onMouseenter"];
   function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("table", {
       class: vue.normalizeClass(`${_ctx.prefixCls}-table`)
@@ -16550,7 +16527,7 @@
                     class: vue.normalizeClass(`${_ctx.prefixCls}-date`)
                   }, vue.toDisplayString(cell.text), 3)
                 ])
-              ], 42, _hoisted_1$G);
+              ], 42, _hoisted_1$F);
             }), 128))
           ]);
         }), 128))
@@ -16801,223 +16778,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 +16791,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 +16822,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 +16843,8 @@
           disHover,
           title,
           icon,
-          grid
+          grid,
+          description
         } = props;
         const showHead = !!title || slots.title !== void 0;
         const showExtra = showHead && slots.extra !== void 0;
@@ -17110,27 +16864,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 +16894,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 +16902,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 +16920,7 @@
     }
   });
 
-  const _sfc_main$1G = vue.defineComponent({
+  const _sfc_main$1I = vue.defineComponent({
     name: "UCardMeta",
     components: {
       UAvatar
@@ -17179,7 +16933,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 +16968,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 +17036,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,
@@ -17578,10 +17332,10 @@
       };
     }
   });
-  const _hoisted_1$F = ["disabled"];
+  const _hoisted_1$E = ["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");
@@ -17624,7 +17378,7 @@
                   _: 1
                 })
               ])
-            ], 42, _hoisted_1$F), [
+            ], 42, _hoisted_1$E), [
               [vue.vShow, _ctx.arrow === "always" || _ctx.state.hover]
             ])
           ]),
@@ -17718,10 +17472,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 +17586,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 +17607,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 +17677,7 @@
     }
   };
 
-  const _sfc_main$1D = vue.defineComponent({
+  const _sfc_main$1F = vue.defineComponent({
     name: "UCollapse",
     props: collapseProps,
     emits: collapseEmits,
@@ -17992,7 +17746,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 +17757,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 +17831,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 +17895,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
@@ -18553,7 +18307,7 @@
             return vue.createVNode(UIcon, {
               "class": `${prefixCls}-menu-item-checked-icon`
             }, {
-              default: () => [vue.createVNode(lucideVueNext.CheckCircle, null, null)]
+              default: () => [vue.createVNode(lucideVueNext.CheckIcon, null, null)]
             });
           }
           return null;
@@ -18564,7 +18318,7 @@
               return vue.createVNode(UIcon, {
                 "class": `${prefixCls}-menu-item-checked-icon`
               }, {
-                default: () => [vue.createVNode(lucideVueNext.CheckCircle, null, null)]
+                default: () => [vue.createVNode(lucideVueNext.CheckIcon, null, null)]
               });
             }
             return null;
@@ -18592,7 +18346,7 @@
             return vue.createVNode(UIcon, {
               "class": `${prefixCls}-menu-item-checked-icon`
             }, {
-              default: () => [vue.createVNode(lucideVueNext.CheckCircle, null, null)]
+              default: () => [vue.createVNode(lucideVueNext.CheckIcon, null, null)]
             });
           }
         }
@@ -18783,7 +18537,7 @@
     variant: {
       type: String,
       default: "surface",
-      validator: oneOf(["surface", "soft", "text"])
+      validator: oneOf(["surface", "soft", "underline", "borderless"])
     },
     color: {
       type: String,
@@ -19342,9 +19096,7 @@
             [`${this.prefixCls}-custom`]: this.$slots.default !== void 0,
             [`${this.selectPrefixCls}`]: true,
             [`${this.selectPrefixCls}-${this.size}`]: this.size,
-            [`${this.selectPrefixCls}-variant-soft`]: this.variant === "soft",
-            [`${this.selectPrefixCls}-variant-text`]: this.variant === "text" && !this.multiple,
-            [`${this.selectPrefixCls}-variant-surface`]: this.variant === "surface" || this.variant === "text" && this.multiple,
+            [`${this.selectPrefixCls}-variant-${this.variant}`]: true,
             [`${this.selectPrefixCls}-single`]: !this.multiple,
             [`${this.selectPrefixCls}-multiple`]: this.multiple,
             [`${this.selectPrefixCls}-open`]: this.showPopper,
@@ -19388,7 +19140,7 @@
           "maxTagTooltip": this.maxTagTooltip,
           "maxTagTooltipWidth": this.maxTagTooltipWidth,
           "tagRender": this.tagRender,
-          "tagTransitioName": this.tagTransitionName,
+          "tagTransitionName": this.tagTransitionName,
           "triggerSearch": this.triggerSearch,
           "onSelect": this.onSelectionSelect
         }, {
@@ -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: {
@@ -20049,8 +19801,8 @@
       };
     }
   });
-  const _hoisted_1$E = ["onClick"];
-  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$D = ["onClick"];
+  function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.prefixCls)
     }, [
@@ -20068,11 +19820,11 @@
               backgroundColor: item.rgba
             })
           }, null, 4)
-        ], 10, _hoisted_1$E);
+        ], 10, _hoisted_1$D);
       }), 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: {
@@ -20840,8 +20592,8 @@
       };
     }
   });
-  const _hoisted_1$D = ["placeholder", "disabled", "value", "size"];
-  function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$C = ["placeholder", "disabled", "value", "size"];
+  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`]),
@@ -20854,14 +20606,14 @@
       onChange: _cache[2] || (_cache[2] = (...args) => _ctx.onInputChange && _ctx.onInputChange(...args)),
       onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.onInputFocus && _ctx.onInputFocus(...args)),
       onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.onInputBlur && _ctx.onInputBlur(...args))
-    }, null, 42, _hoisted_1$D);
+    }, null, 42, _hoisted_1$C);
   }
-  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 = {
+  const _hoisted_1$B = {
     t: "1717666323287",
     class: "icon",
     viewBox: "0 0 1024 1024",
@@ -20872,8 +20624,8 @@
     width: "200",
     height: "200"
   };
-  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$C, _cache[0] || (_cache[0] = [
+  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$B, _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",
         "p-id": "47119",
@@ -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,
@@ -21060,9 +20812,9 @@
       };
     }
   });
-  const _hoisted_1$B = ["value", "placeholder", "size"];
+  const _hoisted_1$A = ["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");
@@ -21079,7 +20831,7 @@
         onChange: _cache[1] || (_cache[1] = (e) => _ctx.onInputChange(e, 0)),
         onFocus: _cache[2] || (_cache[2] = (e) => _ctx.onInputFocus(e, 0)),
         onBlur: _cache[3] || (_cache[3] = (e) => _ctx.onInputBlur(e, 0))
-      }, null, 42, _hoisted_1$B),
+      }, null, 42, _hoisted_1$A),
       vue.createElementVNode("span", {
         class: vue.normalizeClass(`${_ctx.prefixCls}-range-separator`)
       }, [
@@ -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: {
@@ -21186,11 +20938,11 @@
       };
     }
   });
-  const _hoisted_1$A = ["title"];
+  const _hoisted_1$z = ["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 = vue.resolveComponent("ChevronsLeft");
     const _component_UIcon = vue.resolveComponent("UIcon");
     const _component_ChevronLeft = vue.resolveComponent("ChevronLeft");
@@ -21216,7 +20968,7 @@
           ]),
           _: 1
         })
-      ], 10, _hoisted_1$A)) : vue.createCommentVNode("v-if", true),
+      ], 10, _hoisted_1$z)) : vue.createCommentVNode("v-if", true),
       !_ctx.timeMode ? (vue.openBlock(), vue.createElementBlock("a", {
         key: 1,
         class: vue.normalizeClass([
@@ -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: {
@@ -21764,9 +21516,9 @@
       };
     }
   });
-  const _hoisted_1$z = { ref: "listRef" };
+  const _hoisted_1$y = { 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",
@@ -21777,7 +21529,7 @@
         vue.createElementVNode("div", {
           class: vue.normalizeClass([`${_ctx.prefixCls}-select-list`])
         }, [
-          vue.createElementVNode("ul", _hoisted_1$z, [
+          vue.createElementVNode("ul", _hoisted_1$y, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item, index) => {
               return vue.openBlock(), vue.createElementBlock("li", {
                 key: index,
@@ -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: {
@@ -22395,9 +22147,9 @@
       };
     }
   });
-  const _hoisted_1$y = ["title"];
+  const _hoisted_1$x = ["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");
@@ -22420,7 +22172,7 @@
           ]),
           _: 1
         })
-      ], 10, _hoisted_1$y),
+      ], 10, _hoisted_1$x),
       vue.createElementVNode("span", {
         class: vue.normalizeClass([`${_ctx.prefixCls}-header-center`])
       }, [
@@ -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: {
@@ -22610,9 +22362,9 @@
       };
     }
   });
-  const _hoisted_1$x = ["title"];
+  const _hoisted_1$w = ["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");
@@ -22635,7 +22387,7 @@
           ]),
           _: 1
         })
-      ], 10, _hoisted_1$x),
+      ], 10, _hoisted_1$w),
       vue.createElementVNode("span", {
         class: vue.normalizeClass([`${_ctx.prefixCls}-header-center`])
       }, vue.toDisplayString(_ctx.startYear) + "-" + vue.toDisplayString(_ctx.endYear), 3),
@@ -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: {
@@ -22804,8 +22556,8 @@
       };
     }
   });
-  const _hoisted_1$w = ["onClick", "onMouseenter"];
-  function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$v = ["onClick", "onMouseenter"];
+  function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("table", {
       class: vue.normalizeClass(`${_ctx.prefixCls}-table`)
     }, [
@@ -22822,16 +22574,16 @@
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(`${_ctx.prefixCls}-date`)
                 }, vue.toDisplayString(cell.text), 3)
-              ], 42, _hoisted_1$w);
+              ], 42, _hoisted_1$v);
             }), 128))
           ]);
         }), 128))
       ])
     ], 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: {
@@ -22994,9 +22746,9 @@
       };
     }
   });
-  const _hoisted_1$v = ["title"];
+  const _hoisted_1$u = ["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");
@@ -23019,7 +22771,7 @@
           ]),
           _: 1
         })
-      ], 10, _hoisted_1$v),
+      ], 10, _hoisted_1$u),
       vue.createElementVNode("span", {
         class: vue.normalizeClass([`${_ctx.prefixCls}-header-center`])
       }, [
@@ -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: {
@@ -23216,8 +22968,8 @@
       };
     }
   });
-  const _hoisted_1$u = ["onClick", "onMouseenter"];
-  function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$t = ["onClick", "onMouseenter"];
+  function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("table", {
       class: vue.normalizeClass(`${_ctx.prefixCls}-table`)
     }, [
@@ -23236,16 +22988,16 @@
                     class: vue.normalizeClass(`${_ctx.prefixCls}-date`)
                   }, vue.toDisplayString(cell.text), 3)
                 ])
-              ], 42, _hoisted_1$u);
+              ], 42, _hoisted_1$t);
             }), 128))
           ]);
         }), 128))
       ])
     ], 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
@@ -24488,8 +24241,8 @@
       };
     }
   });
-  const _hoisted_1$t = ["onClick"];
-  function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$s = ["onClick"];
+  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([
@@ -24512,7 +24265,7 @@
             key: index,
             class: vue.normalizeClass(`${_ctx.prefixCls}-shortcut-item`),
             onClick: ($event) => _ctx.onShortcutClick(shortcut)
-          }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$t);
+          }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$s);
         }), 128)),
         vue.createCommentVNode(' <USelect\n        v-model="selectedShortcut"\n        :options="shortcuts.map((shortcut: any) => ({ label: shortcut.text, value: shortcut.text, func: shortcut.value }))"\n        :placeholder="locale.shortcutsPlaceholder"\n        @change="(value: any, option: any) => onShortcutClick({\n          value: option.func\n        })"\n      /> ')
       ], 2)) : vue.createCommentVNode("v-if", true),
@@ -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",
@@ -25805,7 +25773,7 @@
       };
     }
   });
-  const _hoisted_1$s = ["src"];
+  const _hoisted_1$r = ["src"];
   function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_X = vue.resolveComponent("X");
     const _component_UIcon = vue.resolveComponent("UIcon");
@@ -25920,7 +25888,7 @@
             onLoad: _cache[8] || (_cache[8] = (...args) => _ctx.handleImgLoad && _ctx.handleImgLoad(...args)),
             onError: _cache[9] || (_cache[9] = (...args) => _ctx.handleImgError && _ctx.handleImgError(...args)),
             onMousedown: _cache[10] || (_cache[10] = (...args) => _ctx.handleMouseDown && _ctx.handleMouseDown(...args))
-          }, null, 46, _hoisted_1$s)), [
+          }, null, 46, _hoisted_1$r)), [
             [vue.vShow, i === _ctx.index]
           ]);
         }), 128))
@@ -26063,7 +26031,7 @@
       };
     }
   });
-  const _hoisted_1$r = ["src", "alt", "attrs"];
+  const _hoisted_1$q = ["src", "alt", "attrs"];
   function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ImgViewer = vue.resolveComponent("ImgViewer");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -26105,7 +26073,7 @@
         style: vue.normalizeStyle(_ctx.imgStyle),
         attrs: _ctx.imgAttrs,
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-      }, null, 14, _hoisted_1$r)),
+      }, null, 14, _hoisted_1$q)),
       _ctx.preview ? (vue.openBlock(), vue.createBlock(vue.Transition, {
         key: 3,
         name: "fade",
@@ -26674,7 +26642,7 @@
       };
     }
   });
-  const _hoisted_1$q = { key: 0 };
+  const _hoisted_1$p = { key: 0 };
   function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_Row = vue.resolveComponent("Row");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -26708,7 +26676,7 @@
         class: vue.normalizeClass(`${_ctx.prefixCls}-content`)
       }, [
         vue.createElementVNode("table", null, [
-          _ctx.fixLabelWidth ? (vue.openBlock(), vue.createElementBlock("colgroup", _hoisted_1$q, [
+          _ctx.fixLabelWidth ? (vue.openBlock(), vue.createElementBlock("colgroup", _hoisted_1$p, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.cols, (col, i) => {
               return vue.openBlock(), vue.createElementBlock("col", {
                 key: i,
@@ -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))
         }, [
@@ -28139,7 +28106,7 @@
       };
     }
   });
-  const _hoisted_1$p = ["data-color", "href"];
+  const _hoisted_1$o = ["data-color", "href"];
   function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_UIcon = vue.resolveComponent("UIcon");
     return vue.openBlock(), vue.createElementBlock("a", {
@@ -28178,7 +28145,7 @@
           _: 1
         })) : vue.createCommentVNode("v-if", true)
       ])
-    ], 10, _hoisted_1$p);
+    ], 10, _hoisted_1$o);
   }
   var Link = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$12], ["__file", "Link.vue"]]);
 
@@ -28845,7 +28812,7 @@
       };
     }
   });
-  const _hoisted_1$o = ["title", "tabindex"];
+  const _hoisted_1$n = ["title", "tabindex"];
   const _hoisted_2$9 = { key: 0 };
   function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ChevronsLeft = vue.resolveComponent("ChevronsLeft");
@@ -28889,7 +28856,7 @@
           class: vue.normalizeClass(`${_ctx.prefixCls}-item-ellipsis`)
         }, "\u2022\u2022\u2022", 2)
       ], 2)) : vue.createCommentVNode("v-if", true)
-    ], 42, _hoisted_1$o);
+    ], 42, _hoisted_1$n);
   }
   var Pager = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$Y], ["__file", "Pager.vue"]]);
 
@@ -29647,11 +29614,6 @@
       type: String,
       default: "line",
       validator: oneOf(progressType)
-    },
-    color: {
-      type: String,
-      default: void 0,
-      validator: oneOf(colorType)
     }
   };
   const progressEmits = {
@@ -29935,9 +29897,7 @@
         const iconSvg = statusIcon.value;
         const defaultTextRender = isStatus.value ? vue.createVNode("span", {
           "class": `${prefixCls.value}-text-inner`
-        }, [vue.createVNode(UIcon, {
-          "style": "font-size: 24px"
-        }, {
+        }, [vue.createVNode(UIcon, null, {
           default: () => [vue.createVNode(iconSvg, null, null)]
         })]) : vue.createVNode("span", {
           "class": `${prefixCls.value}-text-inner`
@@ -30029,7 +29989,7 @@
       };
     }
   });
-  const _hoisted_1$n = {
+  const _hoisted_1$m = {
     xmlns: "http://www.w3.org/2000/svg",
     x: "0",
     y: "0",
@@ -30044,7 +30004,7 @@
       vue.createElementVNode("div", {
         class: vue.normalizeClass(`${_ctx.prefixCls}-inner`)
       }, [
-        (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$n, _cache[0] || (_cache[0] = [
+        (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$m, _cache[0] || (_cache[0] = [
           vue.createStaticVNode('<symbol id="wave"><path d="M420,20c21.5-0.4,38.8-2.5,51.1-4.5c13.4-2.2,26.5-5.2,27.3-5.4C514,6.5,518,4.7,528.5,2.7c7.1-1.3,17.9-2.8,31.5-2.7c0,0,0,0,0,0v20H420z"></path><path d="M420,20c-21.5-0.4-38.8-2.5-51.1-4.5c-13.4-2.2-26.5-5.2-27.3-5.4C326,6.5,322,4.7,311.5,2.7C304.3,1.4,293.6-0.1,280,0c0,0,0,0,0,0v20H420z"></path><path d="M140,20c21.5-0.4,38.8-2.5,51.1-4.5c13.4-2.2,26.5-5.2,27.3-5.4C234,6.5,238,4.7,248.5,2.7c7.1-1.3,17.9-2.8,31.5-2.7c0,0,0,0,0,0v20H140z"></path><path d="M140,20c-21.5-0.4-38.8-2.5-51.1-4.5c-13.4-2.2-26.5-5.2-27.3-5.4C46,6.5,42,4.7,31.5,2.7C24.3,1.4,13.6-0.1,0,0c0,0,0,0,0,0l0,20H140z"></path></symbol>', 1)
         ]))),
         vue.createElementVNode("div", {
@@ -30118,14 +30078,13 @@
       "stroke-width": _ctx.strokeWidth,
       "stroke-color": _ctx.strokeColor,
       vertical: _ctx.vertical,
-      "text-inside": _ctx.textInside,
-      "data-color": _ctx.color
+      "text-inside": _ctx.textInside
     }, {
       default: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "default")
       ]),
       _: 3
-    }, 8, ["percent", "success-percent", "status", "hide-info", "stroke-width", "stroke-color", "vertical", "text-inside", "data-color"]);
+    }, 8, ["percent", "success-percent", "status", "hide-info", "stroke-width", "stroke-color", "vertical", "text-inside"]);
   }
   var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$U], ["__file", "Progress.vue"]]);
 
@@ -30393,7 +30352,7 @@
       };
     }
   });
-  const _hoisted_1$m = ["tabindex"];
+  const _hoisted_1$l = ["tabindex"];
   function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_Star = vue.resolveComponent("Star");
     const _component_Tooltip = vue.resolveComponent("Tooltip");
@@ -30441,7 +30400,7 @@
           _: 2
         }, 1032, ["title", "disabled"]);
       }), 128))
-    ], 46, _hoisted_1$m);
+    ], 46, _hoisted_1$l);
   }
   var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$S], ["__file", "Rate.vue"]]);
 
@@ -30718,7 +30677,7 @@
       };
     }
   });
-  const _hoisted_1$l = ["on:mouseDown"];
+  const _hoisted_1$k = ["on:mouseDown"];
   function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(`${_ctx.prefixCls}-mark`)
@@ -30729,7 +30688,7 @@
           class: vue.normalizeClass(mark.className),
           style: vue.normalizeStyle(mark.style),
           "on:mouseDown": (e) => _ctx.handleClick(e, mark.point)
-        }, vue.toDisplayString(mark.markLabel), 47, _hoisted_1$l);
+        }, vue.toDisplayString(mark.markLabel), 47, _hoisted_1$k);
       }), 128))
     ], 2);
   }
@@ -31783,7 +31742,7 @@
       };
     }
   });
-  const _hoisted_1$k = ["role"];
+  const _hoisted_1$j = ["role"];
   const _hoisted_2$7 = ["title"];
   function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_UIcon = vue.resolveComponent("UIcon");
@@ -31867,7 +31826,7 @@
             ])
           ], 2)) : vue.createCommentVNode("v-if", true)
         ], 2)
-      ], 10, _hoisted_1$k)
+      ], 10, _hoisted_1$j)
     ], 6);
   }
   var Step = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$L], ["__file", "Step.vue"]]);
@@ -31977,7 +31936,7 @@
       };
     }
   });
-  const _hoisted_1$j = ["data-color"];
+  const _hoisted_1$i = ["data-color"];
   function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("button", {
       ref: "switchRef",
@@ -32015,7 +31974,7 @@
           vue.createTextVNode(vue.toDisplayString(_ctx.falseText), 1)
         ])
       ], 2)
-    ], 46, _hoisted_1$j);
+    ], 46, _hoisted_1$i);
   }
   var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$K], ["__file", "Switch.vue"]]);
 
@@ -32190,7 +32149,7 @@
       };
     }
   });
-  const _hoisted_1$i = { key: 1 };
+  const _hoisted_1$h = { key: 1 };
   function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_FilterIcon = vue.resolveComponent("FilterIcon");
     const _component_Icon = vue.resolveComponent("Icon");
@@ -32254,7 +32213,7 @@
                         "model-value": _ctx.stateSelectedKeys && _ctx.stateSelectedKeys.includes(item.value)
                       }, null, 8, ["model-value"]),
                       vue.createElementVNode("span", null, vue.toDisplayString(item.label), 1)
-                    ], 64)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$i, vue.toDisplayString(item.label), 1))
+                    ], 64)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$h, vue.toDisplayString(item.label), 1))
                   ]),
                   _: 2
                 }, 1032, ["name"]);
@@ -32619,7 +32578,7 @@
       };
     }
   });
-  const _hoisted_1$h = ["onClick"];
+  const _hoisted_1$g = ["onClick"];
   const _hoisted_2$6 = ["onClick"];
   const _hoisted_3 = ["onMousedown"];
   function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
@@ -32716,7 +32675,7 @@
             class: vue.normalizeClass(`${_ctx.prefixCls}-column-resize-trigger`),
             onMousedown: (e) => _ctx.handleResizeMousedown(cell, e)
           }, null, 42, _hoisted_3)) : vue.createCommentVNode("v-if", true)
-        ], 16, _hoisted_1$h);
+        ], 16, _hoisted_1$g);
       }), 128))
     ], 4);
   }
@@ -33257,7 +33216,7 @@
       };
     }
   });
-  const _hoisted_1$g = ["data-row-key"];
+  const _hoisted_1$f = ["data-row-key"];
   function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_TableCell = vue.resolveComponent("TableCell");
     return vue.openBlock(), vue.createElementBlock("tr", {
@@ -33293,7 +33252,7 @@
           "expand-icon": !_ctx.expendedRow && _ctx.hasExpandIcon(_ctx.data, i)
         }, null, 8, ["row-key", "column", "data", "index", "indent", "skeleton", "prefix-cls", "expand-icon"]);
       }), 128))
-    ], 46, _hoisted_1$g);
+    ], 46, _hoisted_1$f);
   }
   var TableRow = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$D], ["__file", "TableRow.vue"]]);
 
@@ -33499,7 +33458,7 @@
       };
     }
   });
-  const _hoisted_1$f = ["data-row-key"];
+  const _hoisted_1$e = ["data-row-key"];
   function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_Render = vue.resolveComponent("Render");
     return vue.openBlock(), vue.createElementBlock("tr", {
@@ -33531,7 +33490,7 @@
           ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [], 64))
         ], 16);
       }), 128))
-    ], 46, _hoisted_1$f);
+    ], 46, _hoisted_1$e);
   }
   var TableSummaryRow = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$B], ["__file", "TableSummaryRow.vue"]]);
 
@@ -36164,7 +36123,7 @@
       };
     }
   });
-  const _hoisted_1$e = ["onClick"];
+  const _hoisted_1$d = ["onClick"];
   const _hoisted_2$5 = ["onClick"];
   function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ChevronLeft = vue.resolveComponent("ChevronLeft");
@@ -36285,7 +36244,7 @@
                     })
                   ], 10, _hoisted_2$5)) : vue.createCommentVNode("v-if", true)
                 ], 2)
-              ], 10, _hoisted_1$e);
+              ], 10, _hoisted_1$d);
             }), 128))
           ], 6)
         ], 2),
@@ -36547,7 +36506,7 @@
       };
     }
   });
-  const _hoisted_1$d = ["aria-hidden"];
+  const _hoisted_1$c = ["aria-hidden"];
   function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.prefixCls]),
@@ -36555,7 +36514,7 @@
       "aria-hidden": !_ctx.active
     }, [
       _ctx.isRender ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("v-if", true)
-    ], 10, _hoisted_1$d)), [
+    ], 10, _hoisted_1$c)), [
       [vue.vShow, _ctx.active]
     ]);
   }
@@ -36705,7 +36664,7 @@
       };
     }
   });
-  const _hoisted_1$c = ["data-color"];
+  const _hoisted_1$b = ["data-color"];
   function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_UIcon = vue.resolveComponent("UIcon");
     const _component_X = vue.resolveComponent("X");
@@ -36747,7 +36706,7 @@
         ]),
         _: 1
       }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
-    ], 14, _hoisted_1$c)), [
+    ], 14, _hoisted_1$b)), [
       [vue.vShow, _ctx.visible && _ctx.hasSlot]
     ]);
   }
@@ -37124,7 +37083,7 @@
       };
     }
   });
-  const _hoisted_1$b = ["placeholder", "disabled", "value", "size"];
+  const _hoisted_1$a = ["placeholder", "disabled", "value", "size"];
   function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("input", {
       ref: "inputRef",
@@ -37137,7 +37096,7 @@
       onChange: _cache[1] || (_cache[1] = (...args) => _ctx.onInputChange && _ctx.onInputChange(...args)),
       onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.onInputFocus && _ctx.onInputFocus(...args)),
       onBlur: _cache[3] || (_cache[3] = (...args) => _ctx.onInputBlur && _ctx.onInputBlur(...args))
-    }, null, 42, _hoisted_1$b);
+    }, null, 42, _hoisted_1$a);
   }
   var TimePickerInput = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$m], ["__file", "TimePickerInput.vue"]]);
 
@@ -37298,7 +37257,7 @@
       };
     }
   });
-  const _hoisted_1$a = ["value", "size", "disabled", "placeholder"];
+  const _hoisted_1$9 = ["value", "size", "disabled", "placeholder"];
   const _hoisted_2$4 = ["value", "disabled", "placeholder", "size"];
   function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_URender = vue.resolveComponent("URender");
@@ -37318,7 +37277,7 @@
         onChange: _cache[1] || (_cache[1] = (e) => _ctx.onInputChange(e, 0)),
         onFocus: _cache[2] || (_cache[2] = (e) => _ctx.onInputFocus(e, 0)),
         onBlur: _cache[3] || (_cache[3] = (e) => _ctx.onInputBlur(e, 0))
-      }, null, 42, _hoisted_1$a),
+      }, null, 42, _hoisted_1$9),
       vue.createElementVNode("span", {
         class: vue.normalizeClass(`${_ctx.prefixCls}-range-picker-separator`)
       }, [
@@ -37481,7 +37440,7 @@
       };
     }
   });
-  const _hoisted_1$9 = ["onClick"];
+  const _hoisted_1$8 = ["onClick"];
   function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_TimePanel = vue.resolveComponent("TimePanel");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -37494,7 +37453,7 @@
             key: index,
             class: vue.normalizeClass(`${_ctx.prefixCls}-shortcut-item`),
             onClick: ($event) => _ctx.onShortcutClick(shortcut)
-          }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$9);
+          }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$8);
         }), 128))
       ], 2)) : vue.createCommentVNode("v-if", true),
       vue.createElementVNode("div", {
@@ -38202,11 +38161,6 @@
       type: Boolean,
       default: false
     },
-    color: {
-      type: String,
-      default: void 0,
-      validator: oneOf(colorType)
-    },
     direction: {
       type: String
     }
@@ -38419,16 +38373,20 @@
       vue.createElementVNode("div", {
         class: vue.normalizeClass(`${_ctx.prefixCls}-list-header`)
       }, [
-        _ctx.showSelectAll ? (vue.openBlock(), vue.createBlock(_component_UCheckbox, {
-          key: 0,
-          indeterminate: _ctx.indeterminate,
-          "model-value": _ctx.checkedAll,
-          disabled: _ctx.disabled,
-          onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.handleCheckAllChange(), ["prevent"]))
-        }, null, 8, ["indeterminate", "model-value", "disabled"])) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("span", {
-          class: vue.normalizeClass(`${_ctx.prefixCls}-list-header-selected`)
-        }, vue.toDisplayString(!_ctx.checkedKeys.length ? _ctx.filteredData.length : `${_ctx.checkedKeys.length}/${_ctx.filteredData.length}`) + " " + vue.toDisplayString(_ctx.unit), 3),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(`${_ctx.prefixCls}-list-header-select`)
+        }, [
+          _ctx.showSelectAll ? (vue.openBlock(), vue.createBlock(_component_UCheckbox, {
+            key: 0,
+            indeterminate: _ctx.indeterminate,
+            "model-value": _ctx.checkedAll,
+            disabled: _ctx.disabled,
+            onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.handleCheckAllChange(), ["prevent"]))
+          }, null, 8, ["indeterminate", "model-value", "disabled"])) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(`${_ctx.prefixCls}-list-header-selected`)
+          }, vue.toDisplayString(!_ctx.checkedKeys.length ? _ctx.filteredData.length : `${_ctx.checkedKeys.length}/${_ctx.filteredData.length}`) + " " + vue.toDisplayString(_ctx.unit), 3)
+        ], 2),
         vue.createElementVNode("span", {
           class: vue.normalizeClass(`${_ctx.prefixCls}-list-header-title`)
         }, vue.toDisplayString(_ctx.titleText), 3)
@@ -38560,26 +38518,28 @@
     }, [
       vue.createVNode(_component_UButton, {
         icon: _ctx.ChevronRight,
-        type: "primary",
+        type: "default",
         disabled: _ctx.disabled || _ctx.toRightDisabled,
+        "icon-only": _ctx.operations[0] === "",
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleTo("right"))
       }, {
         default: vue.withCtx(() => [
           vue.createTextVNode(vue.toDisplayString(_ctx.operations[0]), 1)
         ]),
         _: 1
-      }, 8, ["icon", "disabled"]),
+      }, 8, ["icon", "disabled", "icon-only"]),
       vue.createVNode(_component_UButton, {
         icon: _ctx.ChevronLeft,
-        type: "primary",
+        type: "default",
         disabled: _ctx.disabled || _ctx.toLeftDisabled,
+        "icon-only": _ctx.operations[1] === "",
         onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handleTo("left"))
       }, {
         default: vue.withCtx(() => [
           vue.createTextVNode(vue.toDisplayString(_ctx.operations[1]), 1)
         ]),
         _: 1
-      }, 8, ["icon", "disabled"])
+      }, 8, ["icon", "disabled", "icon-only"])
     ], 2);
   }
   var Operation = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$f], ["__file", "Operation.vue"]]);
@@ -38760,13 +38720,11 @@
       };
     }
   });
-  const _hoisted_1$8 = ["data-color"];
   function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_TransferList = vue.resolveComponent("TransferList");
     const _component_Operation = vue.resolveComponent("Operation");
     return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass([_ctx.prefixCls, { [`${_ctx.prefixCls}-custom`]: !!_ctx.renderList, [`${_ctx.prefixCls}-rtl`]: _ctx.computedDirection === "rtl" }]),
-      "data-color": _ctx.color
+      class: vue.normalizeClass([_ctx.prefixCls, { [`${_ctx.prefixCls}-custom`]: !!_ctx.renderList, [`${_ctx.prefixCls}-rtl`]: _ctx.computedDirection === "rtl" }])
     }, [
       vue.createVNode(_component_TransferList, {
         ref: _ctx.getTransferRef(0),
@@ -38819,7 +38777,7 @@
         onCheckAll: _ctx.handleSelectAll,
         onSearch: _ctx.handleSearchChange
       }, null, 8, ["prefix-cls", "list-style", "title-text", "data-source", "checked-keys", "disabled", "show-select-all", "filter-method", "show-search", "search", "footer", "render-list", "locale", "loading", "onItemSelect", "onCheckAll", "onSearch"])
-    ], 10, _hoisted_1$8);
+    ], 2);
   }
   var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$e], ["__file", "Transfer.vue"]]);