naive-ui 2.30.8 → 2.31.0

package/dist/index.js

@@ -849,7 +849,9 @@
     }
 
     function isNodeVShowFalse(vNode) {
-      const showDir = vNode.dirs?.find(_ref => {
+      var _vNode$dirs;
+
+      const showDir = (_vNode$dirs = vNode.dirs) === null || _vNode$dirs === void 0 ? void 0 : _vNode$dirs.find(_ref => {
         let {
           dir
         } = _ref;
@@ -1744,9 +1746,11 @@
     }
 
     function useInjectionInstanceCollection(injectionName, collectionKey, registerKeyRef) {
+      var _getCurrentInstance;
+
       const injection = vue.inject(injectionName, null);
       if (injection === null) return;
-      const vm = vue.getCurrentInstance()?.proxy;
+      const vm = (_getCurrentInstance = vue.getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.proxy;
       vue.watch(registerKeyRef, registerInstance);
       registerInstance(registerKeyRef.value);
       vue.onBeforeUnmount(() => {
@@ -2801,13 +2805,13 @@
           return to;
         }
 
-        if (modal?.value) {
+        if (modal !== null && modal !== void 0 && modal.value) {
           return modal.value.$el ?? modal.value;
         }
 
-        if (drawer?.value) return drawer.value;
-        if (popover?.value) return popover.value;
-        if (selectMenu?.value) return selectMenu.value;
+        if (drawer !== null && drawer !== void 0 && drawer.value) return drawer.value;
+        if (popover !== null && popover !== void 0 && popover.value) return popover.value;
+        if (selectMenu !== null && selectMenu !== void 0 && selectMenu.value) return selectMenu.value;
         return to ?? (fullscreenElementRef.value || "body");
       });
     }
@@ -2824,9 +2828,11 @@
       if (!window.CSS) return;
 
       if (!houdiniRegistered) {
+        var _window;
+
         houdiniRegistered = true;
 
-        if ("registerProperty" in window?.CSS) {
+        if ("registerProperty" in ((_window = window) === null || _window === void 0 ? void 0 : _window.CSS)) {
           try {
             ;
             CSS.registerProperty({
@@ -4222,6 +4228,7 @@
           follower.style.setProperty('--v-offset-left', `${Math.round(offsetLeftToStandardPlacement)}px`);
           follower.style.setProperty('--v-offset-top', `${Math.round(offsetTopToStandardPlacement)}px`);
           follower.style.transform = `translateX(${left}) translateY(${top}) ${transform}`;
+          follower.style.setProperty('--v-transform-origin', properTransformOrigin);
           follower.style.transformOrigin = properTransformOrigin;
         };
 
@@ -5398,10 +5405,20 @@
           (_a = props.onWheel) === null || _a === void 0 ? void 0 : _a.call(props, e);
 
           if (mayUseWheel) {
-            e.preventDefault();
             const listEl = listElRef.value;
 
             if (listEl != null) {
+              if (e.deltaX === 0) {
+                if (listEl.scrollTop === 0 && e.deltaY <= 0) {
+                  return;
+                }
+
+                if (listEl.scrollTop + listEl.offsetHeight >= listEl.scrollHeight && e.deltaY >= 0) {
+                  return;
+                }
+              }
+
+              e.preventDefault();
               listEl.scrollTop += e.deltaY / ensureWheelScale();
               listEl.scrollLeft += e.deltaX / ensureWheelScale();
               syncViewport();
@@ -6147,7 +6164,9 @@
         });
       });
       vue.onBeforeUnmount(() => {
-        watchStopHandle?.();
+        var _watchStopHandle;
+
+        (_watchStopHandle = watchStopHandle) === null || _watchStopHandle === void 0 ? void 0 : _watchStopHandle();
 
         if (activated) {
           lockCount--;
@@ -6272,7 +6291,7 @@
           status
         } = props;
         if (status) return status;
-        return NFormItem?.mergedValidationStatus.value;
+        return NFormItem === null || NFormItem === void 0 ? void 0 : NFormItem.mergedValidationStatus.value;
       });
       vue.onBeforeUnmount(() => {
         if (NFormItem) {
@@ -15851,7 +15870,7 @@
 
       if (style) {
         const mountStyle = () => {
-          const clsPrefix = clsPrefixRef?.value;
+          const clsPrefix = clsPrefixRef === null || clsPrefixRef === void 0 ? void 0 : clsPrefixRef.value;
           style.mount({
             id: clsPrefix === void 0 ? mountId : clsPrefix + mountId,
             head: true,
@@ -15862,7 +15881,7 @@
             ssr: ssrAdapter
           });
 
-          if (!NConfigProvider?.preflightStyleDisabled) {
+          if (!(NConfigProvider !== null && NConfigProvider !== void 0 && NConfigProvider.preflightStyleDisabled)) {
             globalStyle.mount({
               id: "n-global",
               head: true,
@@ -15880,6 +15899,8 @@
       }
 
       const mergedThemeRef = vue.computed(() => {
+        var _ref;
+
         const {
           theme: {
             common: selfCommon,
@@ -15900,17 +15921,17 @@
             self: globalSelf = void 0,
             peers: globalPeers = {}
           } = {}
-        } = NConfigProvider?.mergedThemeRef.value || {};
+        } = (NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeRef.value) || {};
         const {
           common: globalCommonOverrides = void 0,
           [resolveId]: globalSelfOverrides = {}
-        } = NConfigProvider?.mergedThemeOverridesRef.value || {};
+        } = (NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeOverridesRef.value) || {};
         const {
           common: globalSelfCommonOverrides,
           peers: globalPeersOverrides = {}
         } = globalSelfOverrides;
         const mergedCommon = lodash.exports.merge({}, selfCommon || globalSelfCommon || globalCommon || defaultTheme.common, globalCommonOverrides, globalSelfCommonOverrides, selfCommonOverrides);
-        const mergedSelf = lodash.exports.merge((self || globalSelf || defaultTheme.self)?.(mergedCommon), builtinOverrides, globalSelfOverrides, selfOverrides);
+        const mergedSelf = lodash.exports.merge((_ref = self || globalSelf || defaultTheme.self) === null || _ref === void 0 ? void 0 : _ref(mergedCommon), builtinOverrides, globalSelfOverrides, selfOverrides);
         return {
           common: mergedCommon,
           self: mergedSelf,
@@ -15935,22 +15956,22 @@
       };
       const NConfigProvider = vue.inject(configProviderInjectionKey, null);
       return {
-        inlineThemeDisabled: NConfigProvider?.inlineThemeDisabled,
-        mergedRtlRef: NConfigProvider?.mergedRtlRef,
-        mergedComponentPropsRef: NConfigProvider?.mergedComponentPropsRef,
-        mergedBreakpointsRef: NConfigProvider?.mergedBreakpointsRef,
+        inlineThemeDisabled: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.inlineThemeDisabled,
+        mergedRtlRef: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedRtlRef,
+        mergedComponentPropsRef: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedComponentPropsRef,
+        mergedBreakpointsRef: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedBreakpointsRef,
         mergedBorderedRef: vue.computed(() => {
           const {
             bordered
           } = props;
           if (bordered !== void 0) return bordered;
-          return NConfigProvider?.mergedBorderedRef.value ?? options.defaultBordered ?? true;
+          return (NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedBorderedRef.value) ?? options.defaultBordered ?? true;
         }),
         mergedClsPrefixRef: vue.computed(() => {
-          const clsPrefix = NConfigProvider?.mergedClsPrefixRef.value;
+          const clsPrefix = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedClsPrefixRef.value;
           return clsPrefix || defaultClsPrefix;
         }),
-        namespaceRef: vue.computed(() => NConfigProvider?.mergedNamespaceRef.value)
+        namespaceRef: vue.computed(() => NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedNamespaceRef.value)
       };
     }
 
@@ -16442,22 +16463,22 @@
         selectDate: "\u041E\u0431\u0440\u0430\u0442\u0438 \u0434\u0430\u0442\u0443",
         datePlaceholder: "\u041E\u0431\u0440\u0430\u0442\u0438 \u0434\u0430\u0442\u0443",
         datetimePlaceholder: "\u041E\u0431\u0440\u0430\u0442\u0438 \u0434\u0430\u0442\u0443 \u0456 \u0447\u0430\u0441",
-        monthPlaceholder: "\u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044C \u043C\u0456\u0441\u044F\u0446\u044C",
-        yearPlaceholder: "Select Year",
-        quarterPlaceholder: "Select Quarter",
+        monthPlaceholder: "\u041E\u0431\u0435\u0440\u0456\u0442\u044C \u043C\u0456\u0441\u044F\u0446\u044C",
+        yearPlaceholder: "\u041E\u0431\u0435\u0440\u0456\u0442\u044C \u0440\u0456\u043A",
+        quarterPlaceholder: "\u041E\u0431\u0435\u0440\u0456\u0442\u044C \u043A\u0432\u0430\u0440\u0442\u0430\u043B",
         startDatePlaceholder: "\u0414\u0430\u0442\u0430 \u043F\u043E\u0447\u0430\u0442\u043A\u0443",
         endDatePlaceholder: "\u0414\u0430\u0442\u0430 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043D\u043D\u044F",
         startDatetimePlaceholder: "\u0414\u0430\u0442\u0430 \u0456 \u0447\u0430\u0441 \u043F\u043E\u0447\u0430\u0442\u043A\u0443",
         endDatetimePlaceholder: "\u0414\u0430\u0442\u0430 \u0456 \u0447\u0430\u0441 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043D\u043D\u044F",
-        startMonthPlaceholder: "Start Month",
-        endMonthPlaceholder: "End Month",
+        startMonthPlaceholder: "\u041F\u0435\u0440\u0448\u0438\u0439 \u043C\u0456\u0441\u044F\u0446\u044C",
+        endMonthPlaceholder: "\u041E\u0441\u0442\u0430\u043D\u043D\u0456\u0439 \u043C\u0456\u0441\u044F\u0446\u044C",
         monthBeforeYear: true,
         firstDayOfWeek: 0,
         today: "\u0421\u044C\u043E\u0433\u043E\u0434\u043D\u0456"
       },
       DataTable: {
         checkTableAll: "\u041E\u0431\u0440\u0430\u0442\u0438 \u0432\u0441\u0435 \u0432 \u0442\u0430\u0431\u043B\u0438\u0446\u0456",
-        uncheckTableAll: "\u0421\u043A\u0430\u0441\u0443\u0432\u0430\u0442\u0438 \u0432\u0438\u0431\u0440\u0456\u0443 \u0443\u0441\u044C\u043E\u0433\u043E \u0432 \u0442\u0430\u0431\u043B\u0438\u0446\u0456",
+        uncheckTableAll: "\u0421\u043A\u0430\u0441\u0443\u0432\u0430\u0442\u0438 \u0432\u0438\u0431\u0456\u0440 \u0443\u0441\u044C\u043E\u0433\u043E \u0432 \u0442\u0430\u0431\u043B\u0438\u0446\u0456",
         confirm: "\u041F\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0438",
         clear: "\u0421\u0442\u0435\u0440\u0442\u0438"
       },
@@ -16507,14 +16528,14 @@
         restore: "\u0421\u043A\u0438\u043D\u0443\u0442\u0438"
       },
       Image: {
-        tipPrevious: "Previous picture (\u2190)",
-        tipNext: "Next picture (\u2192)",
-        tipCounterclockwise: "Counterclockwise",
-        tipClockwise: "Clockwise",
-        tipZoomOut: "Zoom out",
-        tipZoomIn: "Zoom in",
-        tipClose: "Close (Esc)",
-        tipOriginalSize: "Zoom to original size"
+        tipPrevious: "\u041F\u043E\u043F\u0435\u0440\u0435\u0434\u043D\u0454 \u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u043D\u044F (\u2190)",
+        tipNext: "\u041D\u0430\u0441\u0442\u0443\u043F\u043D\u0435 \u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u043D\u044F (\u2192)",
+        tipCounterclockwise: "\u041F\u0440\u043E\u0442\u0438 \u0433\u043E\u0434\u0438\u043D\u043D\u0438\u043A\u043E\u0432\u043E\u0457 \u0441\u0442\u0440\u0456\u043B\u043A\u0438",
+        tipClockwise: "\u0417\u0430 \u0433\u043E\u0434\u0438\u043D\u043D\u0438\u043A\u043E\u0432\u043E\u044E \u0441\u0442\u0440\u0456\u043B\u043A\u043E\u044E",
+        tipZoomOut: "\u0412\u0456\u0434\u0434\u0430\u043B\u0438\u0442\u0438",
+        tipZoomIn: "\u041D\u0430\u0431\u043B\u0438\u0437\u0438\u0442\u0438",
+        tipClose: "\u0417\u0430\u043A\u0440\u0438\u0442\u0438 (Esc)",
+        tipOriginalSize: "\u041C\u0430\u0441\u0448\u0442\u0430\u0431\u0443\u0432\u0430\u0442\u0438 \u0434\u043E \u043E\u0440\u0438\u0433\u0456\u043D\u0430\u043B\u044C\u043D\u043E\u0433\u043E \u0440\u043E\u0437\u043C\u0456\u0440\u0443"
       }
     };
     var ukUA$1 = ukUA;
@@ -27358,10 +27379,12 @@
         mergedDateLocaleRef
       } = vue.inject(configProviderInjectionKey, null) || {};
       const localeRef = vue.computed(() => {
-        return mergedLocaleRef?.value?.[ns] ?? enUS$2[ns];
+        var _mergedLocaleRef$valu;
+
+        return (mergedLocaleRef === null || mergedLocaleRef === void 0 ? void 0 : (_mergedLocaleRef$valu = mergedLocaleRef.value) === null || _mergedLocaleRef$valu === void 0 ? void 0 : _mergedLocaleRef$valu[ns]) ?? enUS$2[ns];
       });
       const dateLocaleRef = vue.computed(() => {
-        return mergedDateLocaleRef?.value ?? dateEnUS;
+        return (mergedDateLocaleRef === null || mergedDateLocaleRef === void 0 ? void 0 : mergedDateLocaleRef.value) ?? dateEnUS;
       });
       return {
         dateLocaleRef,
@@ -27379,7 +27402,7 @@
       const NConfigProvider = vue.inject(configProviderInjectionKey, null);
 
       const mountStyle = () => {
-        const clsPrefix = clsPrefixRef?.value;
+        const clsPrefix = clsPrefixRef === null || clsPrefixRef === void 0 ? void 0 : clsPrefixRef.value;
         style.mount({
           id: clsPrefix === void 0 ? mountId : clsPrefix + mountId,
           head: true,
@@ -27390,7 +27413,7 @@
           ssr: ssrAdapter
         });
 
-        if (!NConfigProvider?.preflightStyleDisabled) {
+        if (!(NConfigProvider !== null && NConfigProvider !== void 0 && NConfigProvider.preflightStyleDisabled)) {
           globalStyle.mount({
             id: "n-global",
             head: true,
@@ -27412,7 +27435,7 @@
 
       {
         const warnHljs = () => {
-          if (!props.hljs && !NConfigProvider?.mergedHljsRef.value) {
+          if (!props.hljs && !(NConfigProvider !== null && NConfigProvider !== void 0 && NConfigProvider.mergedHljsRef.value)) {
             warn$2("code", "hljs is not set.");
           }
         };
@@ -27429,13 +27452,15 @@
       }
 
       return vue.computed(() => {
-        return props.hljs || NConfigProvider?.mergedHljsRef.value;
+        return props.hljs || (NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedHljsRef.value);
       });
     }
 
     function useThemeClass(componentName, hashRef, cssVarsRef, props) {
+      var _inject;
+
       if (!cssVarsRef) throwError("useThemeClass", "cssVarsRef is not passed");
-      const mergedThemeHashRef = vue.inject(configProviderInjectionKey, null)?.mergedThemeHashRef;
+      const mergedThemeHashRef = (_inject = vue.inject(configProviderInjectionKey, null)) === null || _inject === void 0 ? void 0 : _inject.mergedThemeHashRef;
       const themeClassRef = vue.ref("");
       const ssrAdapter = useSsrAdapter();
       let renderCallback;
@@ -27444,7 +27469,7 @@
       const mountStyle = () => {
         let finalThemeHash = hashClassPrefix;
         const hashValue = hashRef ? hashRef.value : void 0;
-        const themeHash = mergedThemeHashRef?.value;
+        const themeHash = mergedThemeHashRef === null || mergedThemeHashRef === void 0 ? void 0 : mergedThemeHashRef.value;
         if (themeHash) finalThemeHash += "-" + themeHash;
         if (hashValue) finalThemeHash += "-" + hashValue;
         const {
@@ -27484,7 +27509,9 @@
       return {
         themeClass: themeClassRef,
         onRender: () => {
-          renderCallback?.();
+          var _renderCallback;
+
+          (_renderCallback = renderCallback) === null || _renderCallback === void 0 ? void 0 : _renderCallback();
         }
       };
     }
@@ -28417,6 +28444,8 @@
         }
 
         function handleAfterEnter(el) {
+          var _props$onAfterEnter;
+
           if (props.width) {
             el.style.maxWidth = "";
           } else {
@@ -28425,7 +28454,7 @@
             }
           }
 
-          props.onAfterEnter?.();
+          (_props$onAfterEnter = props.onAfterEnter) === null || _props$onAfterEnter === void 0 ? void 0 : _props$onAfterEnter.call(props);
         }
 
         return () => {
@@ -30232,6 +30261,7 @@
       position: absolute;
       pointer-events: none;
       user-select: none;
+      -webkit-user-select: none;
     `, [cM("horizontal", `
         left: 2px;
         right: 2px;
@@ -30838,7 +30868,11 @@
             })),
             /* @__PURE__ */ vue.h("div", {
               ref: "yRailRef",
-              class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--vertical`,
+              class: [
+                `${mergedClsPrefix}-scrollbar-rail`,
+                `${mergedClsPrefix}-scrollbar-rail--vertical`
+              ],
+              "data-scrollbar-rail": true,
               style: this.verticalRailStyle,
               "aria-hidden": true
             }, vue.h(triggerIsNone ? Wrapper : vue.Transition, triggerIsNone ? null : { name: "fade-in-transition" }, {
@@ -30853,8 +30887,12 @@
             })),
             /* @__PURE__ */ vue.h("div", {
               ref: "xRailRef",
-              class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--horizontal`,
+              class: [
+                `${mergedClsPrefix}-scrollbar-rail`,
+                `${mergedClsPrefix}-scrollbar-rail--horizontal`
+              ],
               style: this.horizontalRailStyle,
+              "data-scrollbar-rail": true,
               "aria-hidden": true
             }, vue.h(triggerIsNone ? Wrapper : vue.Transition, triggerIsNone ? null : { name: "fade-in-transition" }, {
               default: () => this.needXBar && this.isShowXBar && !this.isIos ? /* @__PURE__ */ vue.h("div", {
@@ -31914,11 +31952,15 @@
       `)]), cNotM("raw", `
       background-color: var(--n-color);
       border-radius: var(--n-border-radius);
-    `, [cNotM("scrollable", [cNotM("show-header", "padding: var(--n-padding);")])]), cE("header", `
+    `, [cNotM("scrollable", [cNotM("show-header-or-footer", "padding: var(--n-padding);")])]), cE("header", `
       padding: var(--n-padding);
       border-bottom: 1px solid var(--n-divider-color);
       transition: border-color .3s var(--n-bezier);
-    `), cM("scrollable, show-header", [cE("content", `
+    `), cE("footer", `
+      padding: var(--n-padding);
+      border-top: 1px solid var(--n-divider-color);
+      transition: border-color .3s var(--n-bezier);
+    `), cM("scrollable, show-header-or-footer", [cE("content", `
         padding: var(--n-padding);
       `)])]), cB("popover-shared", `
     transform-origin: inherit;
@@ -31957,44 +31999,44 @@
         opacity .15s var(--n-bezier-ease-in),
         transform .15s var(--n-bezier-ease-in);
     `)]), placementStyle("top-start", `
-    top: calc(${arrowSize} / -2 + 1px);
+    top: calc(${arrowSize} / -2);
     left: calc(${getArrowOffset("top-start")} - var(--v-offset-left));
   `), placementStyle("top", `
-    top: calc(${arrowSize} / -2 + 1px);
+    top: calc(${arrowSize} / -2);
     transform: translateX(calc(${arrowSize} / -2)) rotate(45deg);
     left: 50%;
   `), placementStyle("top-end", `
-    top: calc(${arrowSize} / -2 + 1px);
+    top: calc(${arrowSize} / -2);
     right: calc(${getArrowOffset("top-end")} + var(--v-offset-left));
   `), placementStyle("bottom-start", `
-    bottom: calc(${arrowSize} / -2 + 1px);
+    bottom: calc(${arrowSize} / -2);
     left: calc(${getArrowOffset("bottom-start")} - var(--v-offset-left));
   `), placementStyle("bottom", `
-    bottom: calc(${arrowSize} / -2 + 1px);
+    bottom: calc(${arrowSize} / -2);
     transform: translateX(calc(${arrowSize} / -2)) rotate(45deg);
     left: 50%;
   `), placementStyle("bottom-end", `
-    bottom: calc(${arrowSize} / -2 + 1px);
+    bottom: calc(${arrowSize} / -2);
     right: calc(${getArrowOffset("bottom-end")} + var(--v-offset-left));
   `), placementStyle("left-start", `
-    left: calc(${arrowSize} / -2 + 1px);
+    left: calc(${arrowSize} / -2);
     top: calc(${getArrowOffset("left-start")} - var(--v-offset-top));
   `), placementStyle("left", `
-    left: calc(${arrowSize} / -2 + 1px);
+    left: calc(${arrowSize} / -2);
     transform: translateY(calc(${arrowSize} / -2)) rotate(45deg);
     top: 50%;
   `), placementStyle("left-end", `
-    left: calc(${arrowSize} / -2 + 1px);
+    left: calc(${arrowSize} / -2);
     bottom: calc(${getArrowOffset("left-end")} + var(--v-offset-top));
   `), placementStyle("right-start", `
-    right: calc(${arrowSize} / -2 + 1px);
+    right: calc(${arrowSize} / -2);
     top: calc(${getArrowOffset("right-start")} - var(--v-offset-top));
   `), placementStyle("right", `
-    right: calc(${arrowSize} / -2 + 1px);
+    right: calc(${arrowSize} / -2);
     transform: translateY(calc(${arrowSize} / -2)) rotate(45deg);
     top: 50%;
   `), placementStyle("right-end", `
-    right: calc(${arrowSize} / -2 + 1px);
+    right: calc(${arrowSize} / -2);
     bottom: calc(${getArrowOffset("right-end")} + var(--v-offset-top));
   `), ...lodash.exports.map({
       top: ["right-start", "left-start"],
@@ -32031,7 +32073,7 @@
         left: 0;
         top: 0;
         bottom: 0;
-        ${position}: calc(100% - 1px);
+        ${position}: 100%;
         ${oppositePlacement[position]}: auto;
         ${sizeStyle}
       `, [cB("popover-arrow", arrowStyleLiteral)])])]);
@@ -32059,10 +32101,12 @@
       scrollable: Boolean,
       contentStyle: [Object, String],
       headerStyle: [Object, String],
+      footerStyle: [Object, String],
       internalDeactivateImmediately: Boolean,
       animated: Boolean,
       onClickoutside: Function,
       internalTrapFocus: Boolean,
+      internalOnAfterLeave: Function,
       minWidth: Number,
       maxWidth: Number
     };
@@ -32239,31 +32283,38 @@
           if (!renderBody) {
             const { value: extraClass } = NPopover.extraClassRef;
             const { internalTrapFocus } = props;
+            const hasHeaderOrFooter = !isSlotEmpty(slots.header) || !isSlotEmpty(slots.footer);
             const renderContentInnerNode = () => {
-              const content = resolveWrappedSlot(slots.header, (children) => {
-                const body = children ? /* @__PURE__ */ vue.h(vue.Fragment, null, /* @__PURE__ */ vue.h("div", {
+              const body = hasHeaderOrFooter ? /* @__PURE__ */ vue.h(vue.Fragment, null, resolveWrappedSlot(slots.header, (children) => {
+                return children ? /* @__PURE__ */ vue.h("div", {
                   class: `${mergedClsPrefix}-popover__header`,
                   style: props.headerStyle
-                }, children), /* @__PURE__ */ vue.h("div", {
+                }, children) : null;
+              }), resolveWrappedSlot(slots.default, (children) => {
+                return children ? /* @__PURE__ */ vue.h("div", {
                   class: `${mergedClsPrefix}-popover__content`,
                   style: props.contentStyle
-                }, slots)) : props.scrollable ? slots.default?.() : /* @__PURE__ */ vue.h("div", {
-                  class: `${mergedClsPrefix}-popover__content`,
-                  style: props.contentStyle
-                }, slots);
-                const maybeScrollableBody = props.scrollable ? /* @__PURE__ */ vue.h(XScrollbar, {
-                  contentClass: children ? void 0 : `${mergedClsPrefix}-popover__content`,
-                  contentStyle: children ? void 0 : props.contentStyle
-                }, {
-                  default: () => body
-                }) : body;
-                return maybeScrollableBody;
-              });
+                }, slots) : null;
+              }), resolveWrappedSlot(slots.footer, (children) => {
+                return children ? /* @__PURE__ */ vue.h("div", {
+                  class: `${mergedClsPrefix}-popover__footer`,
+                  style: props.footerStyle
+                }, children) : null;
+              })) : props.scrollable ? slots.default?.() : /* @__PURE__ */ vue.h("div", {
+                class: `${mergedClsPrefix}-popover__content`,
+                style: props.contentStyle
+              }, slots);
+              const maybeScrollableBody = props.scrollable ? /* @__PURE__ */ vue.h(XScrollbar, {
+                contentClass: hasHeaderOrFooter ? void 0 : `${mergedClsPrefix}-popover__content`,
+                contentStyle: hasHeaderOrFooter ? void 0 : props.contentStyle
+              }, {
+                default: () => body
+              }) : body;
               const arrow = props.showArrow ? renderArrow({
                 arrowStyle: props.arrowStyle,
                 clsPrefix: mergedClsPrefix
               }) : null;
-              return [content, arrow];
+              return [maybeScrollableBody, arrow];
             };
             contentNode = vue.h("div", vue.mergeProps({
               class: [
@@ -32273,7 +32324,7 @@
                 extraClass.map((v) => `${mergedClsPrefix}-${v}`),
                 {
                   [`${mergedClsPrefix}-popover--scrollable`]: props.scrollable,
-                  [`${mergedClsPrefix}-popover--show-header`]: !isSlotEmpty(slots.header),
+                  [`${mergedClsPrefix}-popover--show-header-or-footer`]: hasHeaderOrFooter,
                   [`${mergedClsPrefix}-popover--raw`]: props.raw,
                   [`${mergedClsPrefix}-popover-shared--overlap`]: props.overlap,
                   [`${mergedClsPrefix}-popover-shared--show-arrow`]: props.showArrow,
@@ -32335,6 +32386,7 @@
                 this.followerEnabled = true;
               },
               onAfterLeave: () => {
+                this.internalOnAfterLeave?.();
                 this.followerEnabled = false;
                 this.displayed = false;
               }
@@ -32433,6 +32485,7 @@
       scrollable: Boolean,
       contentStyle: [Object, String],
       headerStyle: [Object, String],
+      footerStyle: [Object, String],
       onClickoutside: Function,
       "onUpdate:show": [Function, Array],
       onUpdateShow: [Function, Array],
@@ -32459,6 +32512,7 @@
     const popoverProps = {
       ...useTheme.props,
       ...popoverBaseProps,
+      internalOnAfterLeave: Function,
       internalRenderBody: Function
     };
     var NPopover = vue.defineComponent({
@@ -32789,7 +32843,8 @@
                 show: mergedShow
               }), {
                 default: () => this.$slots.default?.(),
-                header: () => this.$slots.header?.()
+                header: () => this.$slots.header?.(),
+                footer: () => this.$slots.footer?.()
               })
             ];
           }
@@ -34087,6 +34142,7 @@
         white-space: pre;
         visibility: hidden;
         user-select: none;
+        -webkit-user-select: none;
         opacity: 0;
       `)]), ["warning", "error"].map(status => cM(`${status}-status`, [cE("state-border", `border: var(--n-border-${status});`), cNotM("disabled", [c$1("&:hover", [cE("state-border", `
             box-shadow: var(--n-box-shadow-hover-${status});
@@ -36546,6 +36602,8 @@
       }
 
       function restoreCursor() {
+        var _inputEl$setSelection;
+
         const {
           value: selection
         } = selectionRef;
@@ -36580,7 +36638,7 @@
           }
         }
 
-        inputEl.setSelectionRange?.(startPos, startPos);
+        (_inputEl$setSelection = inputEl.setSelectionRange) === null || _inputEl$setSelection === void 0 ? void 0 : _inputEl$setSelection.call(inputEl, startPos, startPos);
       }
 
       function reset() {
@@ -36646,6 +36704,7 @@
     background-color: #0000;
     text-align: inherit;
     transition:
+      -webkit-text-fill-color .3s var(--n-bezier),
       caret-color .3s var(--n-bezier),
       color .3s var(--n-bezier),
       text-decoration-color .3s var(--n-bezier);
@@ -36741,6 +36800,7 @@
       align-items: center;
       transition: color .3s var(--n-bezier);
       color: var(--n-text-color);
+      white-space: nowrap;
     `, [cB("icon", `
         color: var(--n-icon-color);
       `), cB("base-icon", `
@@ -36752,6 +36812,7 @@
       cursor: not-allowed;
       color: var(--n-text-color-disabled);
       text-decoration-color: var(--n-text-color-disabled);
+      -webkit-text-fill-color: var(--n-text-color-disabled);
     `), cE("placeholder", "color: var(--n-placeholder-color-disabled);"), cE("separator", "color: var(--n-text-color-disabled);", [cB("icon", `
         color: var(--n-icon-color-disabled);
       `), cB("base-icon", `
@@ -37924,6 +37985,7 @@
     var style$1g = cB("input-group-label", `
   position: relative;
   user-select: none;
+  -webkit-user-select: none;
   box-sizing: border-box;
   padding: 0 12px;
   display: inline-block;
@@ -38419,7 +38481,98 @@
       }
     });
 
-    const avatarGroupInjectionKey = createInjectionKey("n-avatar-group");
+    const isImageSupportNativeLazy = false;
+
+    const resolveOptionsAndHash = function () {
+      let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      const {
+        root = null
+      } = options;
+      return {
+        hash: `${options.rootMargin || "0px 0px 0px 0px"}-${Array.isArray(options.threshold) ? options.threshold.join(",") : options.threshold ?? "0"}`,
+        options: { ...options,
+          root: (typeof root === "string" ? document.querySelector(root) : root) || document.documentElement
+        }
+      };
+    };
+    const observers = /* @__PURE__ */new WeakMap();
+    const unobserveHandleMap = /* @__PURE__ */new WeakMap();
+    const shouldStartLoadingRefMap = /* @__PURE__ */new WeakMap();
+    const observeIntersection = (el, options, shouldStartLoadingRef) => {
+      if (!el) return () => {};
+      const resolvedOptionsAndHash = resolveOptionsAndHash(options);
+      const {
+        root
+      } = resolvedOptionsAndHash.options;
+      let rootObservers;
+
+      const _rootObservers = observers.get(root);
+
+      if (_rootObservers) {
+        rootObservers = _rootObservers;
+      } else {
+        rootObservers = /* @__PURE__ */new Map();
+        observers.set(root, rootObservers);
+      }
+
+      let observer;
+      let observerAndObservedElements;
+
+      if (rootObservers.has(resolvedOptionsAndHash.hash)) {
+        observerAndObservedElements = rootObservers.get(resolvedOptionsAndHash.hash);
+
+        if (!observerAndObservedElements[1].has(el)) {
+          observer = observerAndObservedElements[0];
+          observerAndObservedElements[1].add(el);
+          observer.observe(el);
+        }
+      } else {
+        observer = new IntersectionObserver(entries => {
+          entries.forEach(entry => {
+            if (entry.isIntersecting) {
+              const _unobserve = unobserveHandleMap.get(entry.target);
+
+              const _shouldStartLoadingRef = shouldStartLoadingRefMap.get(entry.target);
+
+              if (_unobserve) _unobserve();
+
+              if (_shouldStartLoadingRef) {
+                _shouldStartLoadingRef.value = true;
+              }
+            }
+          });
+        }, resolvedOptionsAndHash.options);
+        observer.observe(el);
+        observerAndObservedElements = [observer, /* @__PURE__ */new Set([el])];
+        rootObservers.set(resolvedOptionsAndHash.hash, observerAndObservedElements);
+      }
+
+      let unobservered = false;
+
+      const unobserve = () => {
+        if (unobservered) return;
+        unobserveHandleMap.delete(el);
+        shouldStartLoadingRefMap.delete(el);
+        unobservered = true;
+
+        if (observerAndObservedElements[1].has(el)) {
+          observerAndObservedElements[0].unobserve(el);
+          observerAndObservedElements[1].delete(el);
+        }
+
+        if (observerAndObservedElements[1].size <= 0) {
+          rootObservers.delete(resolvedOptionsAndHash.hash);
+        }
+
+        if (!rootObservers.size) {
+          observers.delete(root);
+        }
+      };
+
+      unobserveHandleMap.set(el, unobserve);
+      shouldStartLoadingRefMap.set(el, shouldStartLoadingRef);
+      return unobserve;
+    };
 
     const self$10 = vars => {
       const {
@@ -38463,6 +38616,8 @@
     };
     var avatarDark$1 = avatarDark;
 
+    const avatarGroupInjectionKey = createInjectionKey("n-avatar-group");
+
     var style$1e = cB("avatar", `
   width: var(--n-merged-size);
   height: var(--n-merged-size);
@@ -38513,6 +38668,8 @@
       },
       onError: Function,
       fallbackSrc: String,
+      intersectionObserverOptions: Object,
+      lazy: Boolean,
       color: String
     };
     var NAvatar = vue.defineComponent({
@@ -38569,6 +38726,8 @@
           return props.bordered || false;
         });
         const handleError = (e) => {
+          if (!shouldStartLoadingRef.value)
+            return;
           hasLoadErrorRef.value = true;
           const { onError } = props;
           if (onError) {
@@ -38633,6 +38792,26 @@
           }
           return hash;
         }), cssVarsRef, props) : void 0;
+        const imageRef = vue.ref(null);
+        const shouldStartLoadingRef = vue.ref(!props.lazy);
+        vue.onMounted(() => {
+          if (isImageSupportNativeLazy) {
+            return;
+          }
+          let unobserve;
+          const stopWatchHandle = vue.watchEffect(() => {
+            unobserve?.();
+            unobserve = void 0;
+            if (props.lazy) {
+              unobserve = observeIntersection(imageRef.value, props.intersectionObserverOptions, shouldStartLoadingRef);
+            }
+          });
+          vue.onBeforeUnmount(() => {
+            stopWatchHandle();
+            unobserve?.();
+          });
+        });
+        const loadedRef = vue.ref(!props.lazy);
         return {
           textRef,
           selfRef,
@@ -38643,13 +38822,31 @@
           themeClass: themeClassHandle?.themeClass,
           onRender: themeClassHandle?.onRender,
           hasLoadError: hasLoadErrorRef,
-          handleError
+          handleError,
+          imageRef,
+          shouldStartLoading: shouldStartLoadingRef,
+          loaded: loadedRef,
+          mergedOnLoad: (e) => {
+            const { onLoad } = props;
+            onLoad?.(e);
+            loadedRef.value = true;
+          }
         };
       },
       render() {
-        const { $slots, src, mergedClsPrefix, onRender } = this;
+        const {
+          $slots,
+          src,
+          mergedClsPrefix,
+          lazy,
+          onRender,
+          mergedOnLoad,
+          shouldStartLoading,
+          loaded
+        } = this;
         onRender?.();
         let img;
+        const placeholderNode = this.$slots.placeholder?.();
         if (this.hasLoadError) {
           img = /* @__PURE__ */ vue.h("img", {
             src: this.fallbackSrc,
@@ -38667,10 +38864,17 @@
                 }, children)
               });
             } else if (src) {
-              return /* @__PURE__ */ vue.h("img", {
-                src,
+              return vue.h("img", {
+                loading: lazy ? "lazy" : "eager",
+                ref: "imageRef",
+                src: isImageSupportNativeLazy ? src : shouldStartLoading || loaded ? src : void 0,
+                onLoad: mergedOnLoad,
+                "data-image-src": src,
                 onError: this.handleError,
-                style: { objectFit: this.objectFit }
+                style: [
+                  { objectFit: this.objectFit },
+                  placeholderNode && !loaded ? { height: "0", width: "0", visibility: "hidden" } : ""
+                ]
               });
             }
           });
@@ -38679,7 +38883,7 @@
           ref: "selfRef",
           class: [`${mergedClsPrefix}-avatar`, this.themeClass],
           style: this.cssVars
-        }, img);
+        }, img, lazy && !loaded && placeholderNode);
       }
     });
 
@@ -39488,6 +39692,7 @@
       color: var(--n-separator-color);
       transition: color .3s var(--n-bezier);
       user-select: none;
+      -webkit-user-select: none;
     `), c$1("&:last-child", [cE("link", `
         font-weight: var(--n-font-weight-active);
         cursor: unset;
@@ -39581,7 +39786,7 @@
           port,
           protocol,
           search
-        } = customWindow?.location || {};
+        } = (customWindow === null || customWindow === void 0 ? void 0 : customWindow.location) || {};
         return {
           hash,
           host,
@@ -39668,6 +39873,12 @@
       return composite(rgb, [0, 0, 0, 0.12]);
     }
 
+    const buttonGroupInjectionKey = createInjectionKey("n-button-group");
+
+    const isChrome = isBrowser$2 && "chrome" in window;
+    isBrowser$2 && navigator.userAgent.includes("Firefox");
+    const isSafari = isBrowser$2 && navigator.userAgent.includes("Safari") && !isChrome;
+
     var commonVariables$e = {
       paddingTiny: "0 6px",
       paddingSmall: "0 10px",
@@ -39951,8 +40162,6 @@
       style: rtlStyle$c
     };
 
-    const buttonGroupInjectionKey = createInjectionKey("n-button-group");
-
     var style$19 = c$1([cB("button", `
     margin: 0;
     font-weight: var(--n-font-weight);
@@ -39976,6 +40185,7 @@
     align-items: center;
     justify-content: center;
     user-select: none;
+    -webkit-user-select: none;
     text-align: center;
     cursor: pointer;
     text-decoration: none;
@@ -40150,7 +40360,10 @@
         default: true
       },
       onClick: [Function, Array],
-      nativeFocusBehavior: Boolean
+      nativeFocusBehavior: {
+        type: Boolean,
+        default: !isSafari
+      }
     };
     const Button = vue.defineComponent({
       name: "Button",
@@ -47741,7 +47954,7 @@
             content: "";
           `)])])])])]);
 
-    const colorPickerPanelProps = {
+    const colorPickerProps = {
       ...useTheme.props,
       value: String,
       show: {
@@ -47785,7 +47998,7 @@
     };
     var NColorPicker = vue.defineComponent({
       name: "ColorPicker",
-      props: colorPickerPanelProps,
+      props: colorPickerProps,
       setup(props, { slots }) {
         const selfRef = vue.ref(null);
         let upcomingValue = null;
@@ -49055,6 +49268,7 @@
     color: var(--n-arrow-color);
     border-radius: 8px;
     user-select: none;
+    -webkit-user-select: none;
     font-size: 18px;
   `, [c$1("svg", `
       height: 1em;
@@ -50117,40 +50331,36 @@
       return tmNodes.map(tmNode => tmNode.rawNode);
     }
 
-    function traverseWithCallback(options, beforeCallback, afterCallback) {
-      if (Array.isArray(options)) {
-        for (const option of options) {
-          if (beforeCallback) beforeCallback(option);
-
-          if (option.children) {
-            traverseWithCallback(option.children, beforeCallback, afterCallback);
-          }
-
-          if (afterCallback) afterCallback(option);
-        }
-      }
-    }
-
     function createSelectOptions(tmNodes, checkStrategyIsChild, labelField, separator) {
       const selectOptions = [];
       const path = [];
-      traverseWithCallback(tmNodes, tmNode => {
-        if (tmNode.isLeaf || !checkStrategyIsChild) {
-          if (tmNode.disabled) return;
+
+      function traverse(_tmNodes) {
+        for (const tmNode of _tmNodes) {
+          if (tmNode.disabled) continue;
           const {
             rawNode
           } = tmNode;
           path.push(rawNode);
-          selectOptions.push({
-            label: path.map(rawNodeInPath => rawNodeInPath[labelField]).join(separator),
-            value: tmNode.key,
-            rawNode: tmNode.rawNode,
-            path: Array.from(path)
-          });
+
+          if (tmNode.isLeaf || !checkStrategyIsChild) {
+            selectOptions.push({
+              label: getPathLabel(tmNode, separator, labelField),
+              value: tmNode.key,
+              rawNode: tmNode.rawNode,
+              path: Array.from(path)
+            });
+          }
+
+          if (!tmNode.isLeaf && tmNode.children) {
+            traverse(tmNode.children);
+          }
+
+          path.pop();
         }
-      }, () => {
-        path.pop();
-      });
+      }
+
+      traverse(tmNodes);
       return selectOptions;
     }
 
@@ -50366,6 +50576,7 @@
       flex-shrink: 0;
       flex-grow: 0;
       user-select: none;
+      -webkit-user-select: none;
     `), cB("checkbox-box", `
       position: absolute;
       left: 0;
@@ -50416,6 +50627,7 @@
       color: var(--n-text-color);
       transition: color .3s var(--n-bezier);
       user-select: none;
+      -webkit-user-select: none;
       padding: var(--n-label-padding);
     `, [c$1("&:empty", {
       display: "none"
@@ -52743,7 +52955,7 @@
         color: var(--n-arrow-color);
       `)])])]);
 
-    const collapseProps$1 = {
+    const collapseProps = {
       ...useTheme.props,
       defaultExpandedNames: {
         type: [Array, String],
@@ -52779,7 +52991,7 @@
     const collapseInjectionKey = createInjectionKey("n-collapse");
     var NCollapse = vue.defineComponent({
       name: "Collapse",
-      props: collapseProps$1,
+      props: collapseProps,
       setup(props, { slots }) {
         const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = useConfig(props);
         const uncontrolledExpandedNamesRef = vue.ref(props.defaultExpandedNames);
@@ -53069,7 +53281,7 @@
       style: rtlStyle$8
     };
 
-    const collapseProps = {
+    const collapseTransitionProps = {
       ...useTheme.props,
       show: {
         type: Boolean,
@@ -53083,7 +53295,7 @@
     };
     var CollapseTransition = vue.defineComponent({
       name: "CollapseTransition",
-      props: collapseProps,
+      props: collapseTransitionProps,
       inheritAttrs: false,
       setup(props) {
         {
@@ -53188,7 +53400,7 @@
             theme
           } = props;
           if (theme === null) return void 0;
-          const inheritedTheme = NConfigProvider?.mergedThemeRef.value;
+          const inheritedTheme = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeRef.value;
           return theme === void 0 ? inheritedTheme : inheritedTheme === void 0 ? theme : Object.assign({}, inheritedTheme, theme);
         });
         const mergedThemeOverridesRef = vue.computed(() => {
@@ -53198,9 +53410,9 @@
           if (themeOverrides === null) return void 0;
 
           if (themeOverrides === void 0) {
-            return NConfigProvider?.mergedThemeOverridesRef.value;
+            return NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeOverridesRef.value;
           } else {
-            const inheritedThemeOverrides = NConfigProvider?.mergedThemeOverridesRef.value;
+            const inheritedThemeOverrides = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeOverridesRef.value;
 
             if (inheritedThemeOverrides === void 0) {
               return themeOverrides;
@@ -53213,33 +53425,33 @@
           const {
             namespace
           } = props;
-          return namespace === void 0 ? NConfigProvider?.mergedNamespaceRef.value : namespace;
+          return namespace === void 0 ? NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedNamespaceRef.value : namespace;
         });
         const mergedBorderedRef = useMemo(() => {
           const {
             bordered
           } = props;
-          return bordered === void 0 ? NConfigProvider?.mergedBorderedRef.value : bordered;
+          return bordered === void 0 ? NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedBorderedRef.value : bordered;
         });
         const mergedIconsRef = vue.computed(() => {
           const {
             icons
           } = props;
-          return icons === void 0 ? NConfigProvider?.mergedIconsRef.value : icons;
+          return icons === void 0 ? NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedIconsRef.value : icons;
         });
         const mergedComponentPropsRef = vue.computed(() => {
           const {
             componentOptions
           } = props;
           if (componentOptions !== void 0) return componentOptions;
-          return NConfigProvider?.mergedComponentPropsRef.value;
+          return NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedComponentPropsRef.value;
         });
         const mergedClsPrefixRef = vue.computed(() => {
           const {
             clsPrefix
           } = props;
           if (clsPrefix !== void 0) return clsPrefix;
-          return NConfigProvider?.mergedClsPrefixRef.value;
+          return NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedClsPrefixRef.value;
         });
         const mergedRtlRef = vue.computed(() => {
           const {
@@ -53247,14 +53459,16 @@
           } = props;
 
           if (rtl === void 0) {
-            return NConfigProvider?.mergedRtlRef.value;
+            return NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedRtlRef.value;
           }
 
           const rtlEnabledState = {};
 
           for (const rtlInfo of rtl) {
+            var _rtlInfo$peers;
+
             rtlEnabledState[rtlInfo.name] = vue.markRaw(rtlInfo);
-            rtlInfo.peers?.forEach(peerRtlInfo => {
+            (_rtlInfo$peers = rtlInfo.peers) === null || _rtlInfo$peers === void 0 ? void 0 : _rtlInfo$peers.forEach(peerRtlInfo => {
               if (!(peerRtlInfo.name in rtlEnabledState)) {
                 rtlEnabledState[peerRtlInfo.name] = vue.markRaw(peerRtlInfo);
               }
@@ -53264,10 +53478,10 @@
           return rtlEnabledState;
         });
         const mergedBreakpointsRef = vue.computed(() => {
-          return props.breakpoints || NConfigProvider?.mergedBreakpointsRef.value;
+          return props.breakpoints || (NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedBreakpointsRef.value);
         });
-        const inlineThemeDisabled = props.inlineThemeDisabled || NConfigProvider?.inlineThemeDisabled;
-        const preflightStyleDisabled = props.preflightStyleDisabled || NConfigProvider?.preflightStyleDisabled;
+        const inlineThemeDisabled = props.inlineThemeDisabled || (NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.inlineThemeDisabled);
+        const preflightStyleDisabled = props.preflightStyleDisabled || (NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.preflightStyleDisabled);
         const mergedThemeHashRef = vue.computed(() => {
           const {
             value: theme
@@ -53276,7 +53490,7 @@
             value: mergedThemeOverrides
           } = mergedThemeOverridesRef;
           const hasThemeOverrides = mergedThemeOverrides && Object.keys(mergedThemeOverrides).length !== 0;
-          const themeName = theme?.name;
+          const themeName = theme === null || theme === void 0 ? void 0 : theme.name;
 
           if (themeName) {
             if (hasThemeOverrides) {
@@ -53306,20 +53520,20 @@
               locale
             } = props;
             if (locale === null) return void 0;
-            return locale === void 0 ? NConfigProvider?.mergedLocaleRef.value : locale;
+            return locale === void 0 ? NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedLocaleRef.value : locale;
           }),
           mergedDateLocaleRef: vue.computed(() => {
             const {
               dateLocale
             } = props;
             if (dateLocale === null) return void 0;
-            return dateLocale === void 0 ? NConfigProvider?.mergedDateLocaleRef.value : dateLocale;
+            return dateLocale === void 0 ? NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedDateLocaleRef.value : dateLocale;
           }),
           mergedHljsRef: vue.computed(() => {
             const {
               hljs
             } = props;
-            return hljs === void 0 ? NConfigProvider?.mergedHljsRef.value : hljs;
+            return hljs === void 0 ? NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedHljsRef.value : hljs;
           }),
           mergedThemeRef,
           mergedThemeOverridesRef,
@@ -53336,9 +53550,11 @@
       },
 
       render() {
+        var _this$$slots$default, _this$$slots, _this$$slots$default2, _this$$slots2;
+
         return !this.abstract ? vue.h(this.as || this.tag, {
           class: `${this.mergedClsPrefix || defaultClsPrefix}-config-provider`
-        }, this.$slots.default?.()) : this.$slots.default?.();
+        }, (_this$$slots$default = (_this$$slots = this.$slots).default) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)) : (_this$$slots$default2 = (_this$$slots2 = this.$slots).default) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots2);
       }
 
     });
@@ -53448,32 +53664,48 @@
         vue.onBeforeUnmount(() => {
           stopTimer();
         });
-        return () => {
-          const { render, precision } = props;
-          const { value: distance } = distanceRef;
-          let timeInfo;
-          switch (precision) {
-            case 0:
-              timeInfo = getTimeInfo(distance + 999);
-              timeInfo.milliseconds = 0;
-              break;
-            case 1:
-              timeInfo = getTimeInfo(distance + 99);
-              timeInfo.milliseconds = Math.floor(timeInfo.milliseconds / 100) * 100;
-              break;
-            case 2:
-              timeInfo = getTimeInfo(distance + 9);
-              timeInfo.milliseconds = Math.floor(timeInfo.milliseconds / 10) * 10;
-              break;
-            case 3:
-              timeInfo = getTimeInfo(distance);
-          }
-          if (render) {
-            return render(timeInfo);
-          } else {
-            return getDisplayValue(timeInfo);
+        function reset() {
+          distanceRef.value = props.duration;
+          elapsed = 0;
+          pnow = performance.now();
+          if (props.active && finished) {
+            frame();
           }
+          finished = false;
+        }
+        const countdownExposedMethod = {
+          reset
         };
+        return Object.assign(countdownExposedMethod, {
+          distance: distanceRef,
+          getTimeInfo,
+          getDisplayValue
+        });
+      },
+      render() {
+        const { render, precision, distance, getTimeInfo, getDisplayValue } = this;
+        let timeInfo;
+        switch (precision) {
+          case 0:
+            timeInfo = getTimeInfo(distance + 999);
+            timeInfo.milliseconds = 0;
+            break;
+          case 1:
+            timeInfo = getTimeInfo(distance + 99);
+            timeInfo.milliseconds = Math.floor(timeInfo.milliseconds / 100) * 100;
+            break;
+          case 2:
+            timeInfo = getTimeInfo(distance + 9);
+            timeInfo.milliseconds = Math.floor(timeInfo.milliseconds / 10) * 10;
+            break;
+          case 3:
+            timeInfo = getTimeInfo(distance);
+        }
+        if (render) {
+          return render(timeInfo);
+        } else {
+          return getDisplayValue(timeInfo);
+        }
       }
     });
 
@@ -53525,7 +53757,8 @@
       duration: {
         type: Number,
         default: 2e3
-      }
+      },
+      onFinish: Function
     };
     var NumberAnimation = vue.defineComponent({
       name: "NumberAnimation",
@@ -53547,6 +53780,7 @@
         const onFinish = () => {
           displayedValueRef.value = props.to;
           animating = false;
+          props.onFinish?.();
         };
         const animate = (from = props.from, to = props.to) => {
           animating = true;
@@ -55052,6 +55286,7 @@
     position: relative;
     cursor: pointer;
     user-select: none;
+    -webkit-user-select: none;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -56413,7 +56648,7 @@
 
     });
 
-    const radioProps = {
+    const radioProps$1 = {
       name: String,
       value: {
         type: [String, Number],
@@ -56472,8 +56707,8 @@
 
         mergedDisabled(NFormItem) {
           if (props.disabled) return true;
-          if (NRadioGroup?.disabledRef.value) return true;
-          if (NFormItem?.disabled.value) return true;
+          if (NRadioGroup !== null && NRadioGroup !== void 0 && NRadioGroup.disabledRef.value) return true;
+          if (NFormItem !== null && NFormItem !== void 0 && NFormItem.disabled.value) return true;
           return false;
         }
 
@@ -56563,13 +56798,14 @@
       };
     }
 
-    setup.props = radioProps;
+    setup.props = radioProps$1;
 
     var style$W = cB("radio", `
   line-height: var(--n-label-line-height);
   outline: none;
   position: relative;
   user-select: none;
+  -webkit-user-select: none;
   display: inline-flex;
   align-items: flex-start;
   flex-wrap: nowrap;
@@ -56650,6 +56886,7 @@
       cursor: not-allowed;
     `)])]);
 
+    const radioProps = setup.props;
     var NRadio = vue.defineComponent({
       name: "Radio",
       props: {
@@ -56785,6 +57022,7 @@
     outline: none;
     position: relative;
     user-select: none;
+    -webkit-user-select: none;
     display: inline-block;
     box-sizing: border-box;
     padding-left: 14px;
@@ -56799,6 +57037,7 @@
     border-top: 1px solid var(--n-button-border-color);
     border-bottom: 1px solid var(--n-button-border-color);
   `, [cB("radio-input", `
+      pointer-events: none;
       position: absolute;
       border: 0;
       border-radius: inherit;
@@ -57037,6 +57276,7 @@
       }
     });
 
+    const radioButtonProps = setup.props;
     var RadioButton = vue.defineComponent({
       name: "RadioButton",
       props: setup.props,
@@ -57704,12 +57944,14 @@
             };
           }),
           cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
-          themeClass: themeClassHandle?.themeClass,
-          onRender: themeClassHandle?.onRender
+          themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+          onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
       },
 
       render() {
+        var _$parent$$options;
+
         const {
           $parent,
           depth,
@@ -57719,11 +57961,11 @@
           themeClass
         } = this;
 
-        if ($parent?.$options?._n_icon__) {
+        if ($parent !== null && $parent !== void 0 && (_$parent$$options = $parent.$options) !== null && _$parent$$options !== void 0 && _$parent$$options._n_icon__) {
           warn$2("icon", "don't wrap `n-icon` inside `n-icon`");
         }
 
-        onRender?.();
+        onRender === null || onRender === void 0 ? void 0 : onRender();
         return vue.h("i", vue.mergeProps(this.$attrs, {
           role: "img",
           class: [`${mergedClsPrefix}-icon`, themeClass, {
@@ -57772,7 +58014,8 @@
           type: String,
           default: "right-start"
         },
-        props: Object
+        props: Object,
+        scrollable: Boolean
       },
       setup(props) {
         const NDropdown = vue.inject(dropdownInjectionKey);
@@ -57789,10 +58032,12 @@
           labelFieldRef,
           childrenFieldRef,
           renderOptionRef,
-          nodePropsRef
+          nodePropsRef,
+          menuPropsRef
         } = NDropdown;
         const NDropdownOption = vue.inject(dropdownOptionInjectionKey, null);
         const NDropdownMenu2 = vue.inject(dropdownMenuInjectionKey);
+        const NPopoverBody = vue.inject(popoverBodyInjectionKey);
         const rawNodeRef = vue.computed(() => props.tmNode.rawNode);
         const hasSubmenuRef = vue.computed(() => {
           const { value: childrenField } = childrenFieldRef;
@@ -57840,6 +58085,8 @@
         }
         function handleMouseEnter() {
           const { parentKey, tmNode } = props;
+          if (tmNode.disabled)
+            return;
           if (!mergedShowRef.value)
             return;
           lastToggledSubmenuKeyRef.value = parentKey;
@@ -57848,6 +58095,8 @@
         }
         function handleMouseMove() {
           const { tmNode } = props;
+          if (tmNode.disabled)
+            return;
           if (!mergedShowRef.value)
             return;
           if (hoverKeyRef.value === tmNode.key)
@@ -57855,10 +58104,12 @@
           handleMouseEnter();
         }
         function handleMouseLeave(e) {
+          if (props.tmNode.disabled)
+            return;
           if (!mergedShowRef.value)
             return;
           const { relatedTarget } = e;
-          if (relatedTarget && !happensIn({ target: relatedTarget }, "dropdownOption")) {
+          if (relatedTarget && !happensIn({ target: relatedTarget }, "dropdownOption") && !happensIn({ target: relatedTarget }, "scrollbarRail")) {
             hoverKeyRef.value = null;
           }
         }
@@ -57878,6 +58129,8 @@
           renderIcon: renderIconRef,
           siblingHasIcon: NDropdownMenu2.showIconRef,
           siblingHasSubmenu: NDropdownMenu2.hasSubmenuRef,
+          menuProps: menuPropsRef,
+          popoverBody: NPopoverBody,
           animated: animatedRef,
           mergedShowSubmenu: vue.computed(() => {
             return deferredShowSubmenuRef.value && !parentEnteringSubmenuRef.value;
@@ -57928,13 +58181,20 @@
           renderIcon,
           renderOption,
           nodeProps,
-          props
+          props,
+          scrollable
         } = this;
-        const submenuVNode = mergedShowSubmenu ? /* @__PURE__ */ vue.h(NDropdownMenu, {
-          clsPrefix,
-          tmNodes: this.tmNode.children,
-          parentKey: this.tmNode.key
-        }) : null;
+        let submenuVNode = null;
+        if (mergedShowSubmenu) {
+          const submenuNodeProps = this.menuProps?.(rawNode, rawNode.children);
+          submenuVNode = /* @__PURE__ */ vue.h(NDropdownMenu, {
+            ...submenuNodeProps,
+            clsPrefix,
+            scrollable: this.scrollable,
+            tmNodes: this.tmNode.children,
+            parentKey: this.tmNode.key
+          });
+        }
         const builtinProps = {
           class: [
             `${clsPrefix}-dropdown-option-body`,
@@ -57948,12 +58208,13 @@
           onMouseleave: this.handleMouseLeave,
           onClick: this.handleClick
         };
+        const optionNodeProps = nodeProps?.(rawNode);
         const node = /* @__PURE__ */ vue.h("div", {
-          class: `${clsPrefix}-dropdown-option`,
-          ...nodeProps?.(rawNode)
+          class: [`${clsPrefix}-dropdown-option`, optionNodeProps?.class],
+          "data-dropdown-option": true,
+          ...optionNodeProps
         }, vue.h("div", vue.mergeProps(builtinProps, props), [
           /* @__PURE__ */ vue.h("div", {
-            "data-dropdown-option": true,
             class: [
               `${clsPrefix}-dropdown-option-body__prefix`,
               siblingHasIcon && `${clsPrefix}-dropdown-option-body__prefix--show-icon`
@@ -57980,7 +58241,8 @@
               }, /* @__PURE__ */ vue.h(VFollower, {
                 show: this.mergedShowSubmenu,
                 placement: this.placement,
-                teleportDisabled: true
+                to: scrollable ? this.popoverBody || void 0 : void 0,
+                teleportDisabled: !scrollable
               }, {
                 default: () => {
                   return /* @__PURE__ */ vue.h("div", {
@@ -58133,6 +58395,7 @@
     var NDropdownMenu = vue.defineComponent({
       name: "DropdownMenu",
       props: {
+        scrollable: Boolean,
         showArrow: Boolean,
         arrowStyle: [String, Object],
         clsPrefix: {
@@ -58181,11 +58444,8 @@
         };
       },
       render() {
-        const { parentKey, clsPrefix } = this;
-        return /* @__PURE__ */ vue.h("div", {
-          class: `${clsPrefix}-dropdown-menu`,
-          ref: "bodyRef"
-        }, this.tmNodes.map((tmNode) => {
+        const { parentKey, clsPrefix, scrollable } = this;
+        const menuOptionsNode = this.tmNodes.map((tmNode) => {
           const { rawNode } = tmNode;
           if (isRenderNode(rawNode)) {
             return /* @__PURE__ */ vue.h(NDropdownRenderOption, {
@@ -58212,9 +58472,21 @@
             tmNode,
             parentKey,
             key: tmNode.key,
-            props: rawNode.props
+            props: rawNode.props,
+            scrollable
           });
-        }), this.showArrow ? renderArrow({
+        });
+        return /* @__PURE__ */ vue.h("div", {
+          class: [
+            `${clsPrefix}-dropdown-menu`,
+            scrollable && `${clsPrefix}-dropdown-menu--scrollable`
+          ],
+          ref: "bodyRef"
+        }, scrollable ? /* @__PURE__ */ vue.h(XScrollbar, {
+          contentClass: `${clsPrefix}-dropdown-menu__content`
+        }, {
+          default: () => menuOptionsNode
+        }) : menuOptionsNode, this.showArrow ? renderArrow({
           clsPrefix,
           arrowStyle: this.arrowStyle
         }) : null);
@@ -58222,8 +58494,7 @@
     });
 
     var style$T = cB("dropdown-menu", `
-  transform-origin: inherit;
-  padding: var(--n-padding);
+  transform-origin: var(--v-transform-origin);
   background-color: var(--n-color);
   border-radius: var(--n-border-radius);
   box-shadow: var(--n-box-shadow);
@@ -58262,7 +58533,7 @@
         right: 4px;
         transition: background-color .3s var(--n-bezier);
         border-radius: var(--n-border-radius);
-      `), cM("pending", {
+      `), cNotM("disabled", [cM("pending", {
       color: "var(--n-option-text-color-hover)"
     }, [cE("prefix, suffix", {
       color: "var(--n-option-text-color-hover)"
@@ -58270,14 +58541,14 @@
       color: "var(--n-option-text-color-active)"
     }, [cE("prefix, suffix", {
       color: "var(--n-option-text-color-active)"
-    }), c$1("&::before", "background-color: var(--n-option-color-active);")]), cM("disabled", {
-      cursor: "not-allowed",
-      opacity: "var(--n-option-opacity-disabled)"
-    }), cM("child-active", {
+    }), c$1("&::before", "background-color: var(--n-option-color-active);")]), cM("child-active", {
       color: "var(--n-option-text-color-child-active)"
     }, [cE("prefix, suffix", {
       color: "var(--n-option-text-color-child-active)"
-    })]), cM("group", {
+    })])]), cM("disabled", {
+      cursor: "not-allowed",
+      opacity: "var(--n-option-opacity-disabled)"
+    }), cM("group", {
       fontSize: "calc(var(--n-font-size) - 1px)",
       color: "var(--n-group-header-text-color)"
     }, [cE("prefix", {
@@ -58327,9 +58598,16 @@
     height: 1px;
     margin: 4px 0;
   `), cB("dropdown-menu-wrapper", `
-    transform-origin: inherit;
+    transform-origin: var(--v-transform-origin);
     width: fit-content;
-  `)]);
+  `), c$1(">", [cB("scrollbar", `
+      height: inherit;
+      max-height: inherit;
+    `)]), cNotM("scrollable", `
+    padding: var(--n-padding);
+  `), cM("scrollable", [cE("content", `
+      padding: var(--n-padding);
+    `)])]);
 
     const dropdownBaseProps = {
       animated: {
@@ -58354,6 +58632,7 @@
         type: Array,
         default: () => []
       },
+      menuProps: Function,
       showArrow: Boolean,
       renderLabel: Function,
       renderIcon: Function,
@@ -58457,12 +58736,14 @@
           mergedShowRef,
           nodePropsRef: vue.toRef(props, "nodeProps"),
           renderOptionRef: vue.toRef(props, "renderOption"),
+          menuPropsRef: vue.toRef(props, "menuProps"),
           doSelect,
           doUpdateShow
         });
         vue.watch(mergedShowRef, (value) => {
-          if (!value)
+          if (!props.animated && !value) {
             clearPendingState();
+          }
         });
         function doSelect(key, node) {
           const { onSelect } = props;
@@ -58613,6 +58894,11 @@
           mergedTheme: themeRef,
           tmNodes: tmNodesRef,
           mergedShow: mergedShowRef,
+          handleAfterLeave: () => {
+            if (!props.animated)
+              return;
+            clearPendingState();
+          },
           doUpdateShow,
           cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
           themeClass: themeClassHandle?.themeClass,
@@ -58621,8 +58907,9 @@
       },
       render() {
         const renderPopoverBody = (className, ref2, style2, onMouseenter, onMouseleave) => {
-          const { mergedClsPrefix } = this;
+          const { mergedClsPrefix, menuProps } = this;
           this.onRender?.();
+          const menuNodeProps = menuProps?.(void 0, this.tmNodes.map((v) => v.rawNode)) || {};
           const dropdownProps2 = {
             ref: createRefSetter(ref2),
             class: [className, `${mergedClsPrefix}-dropdown`, this.themeClass],
@@ -58631,16 +58918,18 @@
             style: [style2, this.cssVars],
             showArrow: this.showArrow,
             arrowStyle: this.arrowStyle,
+            scrollable: this.scrollable,
             onMouseenter,
             onMouseleave
           };
-          return vue.h(NDropdownMenu, vue.mergeProps(this.$attrs, dropdownProps2));
+          return vue.h(NDropdownMenu, vue.mergeProps(this.$attrs, dropdownProps2, menuNodeProps));
         };
         const { mergedTheme } = this;
         const popoverProps = {
           show: this.mergedShow,
           theme: mergedTheme.peers.Popover,
           themeOverrides: mergedTheme.peerOverrides.Popover,
+          internalOnAfterLeave: this.handleAfterLeave,
           internalRenderBody: renderPopoverBody,
           onUpdateShow: this.doUpdateShow,
           "onUpdate:show": void 0
@@ -58870,7 +59159,7 @@
               onClick: column.type !== "selection" && column.type !== "expand" && !("children" in column) ? (e) => {
                 handleColHeaderClick(e, column);
               } : void 0
-            }, column.type === "selection" ? /* @__PURE__ */ vue.h(vue.Fragment, null, /* @__PURE__ */ vue.h(NCheckbox, {
+            }, column.type === "selection" ? column.multiple !== false ? /* @__PURE__ */ vue.h(vue.Fragment, null, /* @__PURE__ */ vue.h(NCheckbox, {
               key: currentPage,
               privateInsideTable: true,
               checked: allRowsChecked,
@@ -58879,7 +59168,7 @@
               onUpdateChecked: handleCheckboxUpdateChecked
             }), checkOptions ? /* @__PURE__ */ vue.h(SelectionMenu, {
               clsPrefix: mergedClsPrefix
-            }) : null) : ellipsis === true || ellipsis && !ellipsis.tooltip ? /* @__PURE__ */ vue.h("div", {
+            }) : null) : null : ellipsis === true || ellipsis && !ellipsis.tooltip ? /* @__PURE__ */ vue.h("div", {
               class: `${mergedClsPrefix}-data-table-th__ellipsis`
             }, renderTitle(column)) : ellipsis && typeof ellipsis === "object" ? /* @__PURE__ */ vue.h(NEllipsis, {
               ...ellipsis,
@@ -59051,22 +59340,57 @@
       }
     });
 
+    var RenderSafeRadio = vue.defineComponent({
+      name: "DataTableBodyRadio",
+      props: {
+        rowKey: {
+          type: [String, Number],
+          required: true
+        },
+        disabled: {
+          type: Boolean,
+          required: true
+        },
+        onUpdateChecked: {
+          type: Function,
+          required: true
+        }
+      },
+      setup(props) {
+        const {
+          mergedCheckedRowKeySetRef,
+          componentId
+        } = vue.inject(dataTableInjectionKey);
+        return () => {
+          const { rowKey } = props;
+          return /* @__PURE__ */ vue.h(NRadio, {
+            name: componentId,
+            disabled: props.disabled,
+            checked: mergedCheckedRowKeySetRef.value.has(rowKey),
+            onUpdateChecked: props.onUpdateChecked
+          });
+        };
+      }
+    });
+
     function flatten(rowInfos, expandedRowKeys) {
       const fRows = [];
-      function traverse(rs) {
+      function traverse(rs, rootIndex) {
         rs.forEach((r) => {
           if (r.children && expandedRowKeys.has(r.key)) {
             fRows.push({
               tmNode: r,
               striped: false,
-              key: r.key
+              key: r.key,
+              index: rootIndex
             });
-            traverse(r.children);
+            traverse(r.children, rootIndex);
           } else {
             fRows.push({
               key: r.key,
               tmNode: r,
-              striped: false
+              striped: false,
+              index: rootIndex
             });
           }
         });
@@ -59075,7 +59399,7 @@
         fRows.push(rowInfo);
         const { children } = rowInfo.tmNode;
         if (children && expandedRowKeys.has(rowInfo.key)) {
-          traverse(children);
+          traverse(children, rowInfo.index);
         }
       });
       return fRows;
@@ -59188,7 +59512,7 @@
                 }
               });
               if (checked) {
-                doCheck(rowKeysToCheck);
+                doCheck(rowKeysToCheck, false);
               } else {
                 doUncheck(rowKeysToCheck);
               }
@@ -59197,12 +59521,15 @@
             }
           }
           if (checked) {
-            doCheck(tmNode.key);
+            doCheck(tmNode.key, false);
           } else {
             doUncheck(tmNode.key);
           }
           lastSelectedKey = tmNode.key;
         }
+        function handleRadioUpdateChecked(tmNode) {
+          doCheck(tmNode.key, true);
+        }
         function getScrollContainer() {
           if (!shouldDisplaySomeTablePartRef.value) {
             const { value: emptyEl } = emptyElRef;
@@ -59356,15 +59683,17 @@
               return {
                 tmNode,
                 key: tmNode.key,
-                striped: index % 2 === 1
+                striped: index % 2 === 1,
+                index
               };
-            } : (tmNode) => {
+            } : (tmNode, index) => {
               if (!tmNode.isLeaf)
                 hasChildren = true;
               return {
                 tmNode,
                 key: tmNode.key,
-                striped: false
+                striped: false,
+                index
               };
             });
             return {
@@ -59397,6 +59726,7 @@
           virtualListContent,
           handleTableBodyScroll,
           handleCheckboxUpdateChecked,
+          handleRadioUpdateChecked,
           handleUpdateExpanded,
           renderCell,
           ...exposedMethods
@@ -59461,6 +59791,7 @@
               renderExpand,
               summary,
               handleCheckboxUpdateChecked,
+              handleRadioUpdateChecked,
               handleUpdateExpanded
             } = this;
             const { length: colCount } = cols;
@@ -59478,7 +59809,8 @@
                     tmNode: {
                       rawNode: row,
                       disabled: true
-                    }
+                    },
+                    index: -1
                   }))
                 ];
               } else {
@@ -59490,7 +59822,8 @@
                     tmNode: {
                       rawNode: summaryRows,
                       disabled: true
-                    }
+                    },
+                    index: -1
                   }
                 ];
               }
@@ -59504,7 +59837,8 @@
                 displayedData.push(rowInfo, {
                   isExpandedRow: true,
                   key: `${rowInfo.key}-expand`,
-                  tmNode: rowInfo.tmNode
+                  tmNode: rowInfo.tmNode,
+                  index: rowInfo.index
                 });
               } else {
                 displayedData.push(rowInfo);
@@ -59515,7 +59849,8 @@
             paginatedData.forEach(({ tmNode }, rowIndex) => {
               rowIndexToKey[rowIndex] = tmNode.key;
             });
-            const renderRow = (rowInfo, rowIndex, isVirtual) => {
+            const renderRow = (rowInfo, displayedRowIndex, isVirtual) => {
+              const { index: actualRowIndex } = rowInfo;
               if ("isExpandedRow" in rowInfo) {
                 const {
                   tmNode: { key, rawNode }
@@ -59527,18 +59862,18 @@
                   class: [
                     `${mergedClsPrefix}-data-table-td`,
                     `${mergedClsPrefix}-data-table-td--last-col`,
-                    rowIndex + 1 === rowCount && `${mergedClsPrefix}-data-table-td--last-row`
+                    displayedRowIndex + 1 === rowCount && `${mergedClsPrefix}-data-table-td--last-row`
                   ],
                   colspan: colCount
-                }, renderExpand(rawNode, rowIndex)));
+                }, renderExpand(rawNode, actualRowIndex)));
               }
               const isSummary = "isSummaryRow" in rowInfo;
               const striped = !isSummary && rowInfo.striped;
               const { tmNode, key: rowKey } = rowInfo;
               const { rawNode: rowData } = tmNode;
               const expanded = mergedExpandedRowKeySet.has(rowKey);
-              const props = rowProps ? rowProps(rowData, rowIndex) : void 0;
-              const mergedRowClassName = typeof rowClassName === "string" ? rowClassName : createRowClassName(rowData, rowIndex, rowClassName);
+              const props = rowProps ? rowProps(rowData, actualRowIndex) : void 0;
+              const mergedRowClassName = typeof rowClassName === "string" ? rowClassName : createRowClassName(rowData, actualRowIndex, rowClassName);
               const row = /* @__PURE__ */ vue.h("tr", {
                 onMouseenter: () => {
                   this.hoverKey = rowKey;
@@ -59552,8 +59887,8 @@
                 ],
                 ...props
               }, cols.map((col, colIndex) => {
-                if (!isVirtual && rowIndex in cordToPass) {
-                  const cordOfRowToPass = cordToPass[rowIndex];
+                if (displayedRowIndex in cordToPass) {
+                  const cordOfRowToPass = cordToPass[displayedRowIndex];
                   const indexInCordOfRowToPass = cordOfRowToPass.indexOf(colIndex);
                   if (~indexInCordOfRowToPass) {
                     cordOfRowToPass.splice(indexInCordOfRowToPass, 1);
@@ -59563,24 +59898,25 @@
                 const { column } = col;
                 const colKey = getColKey(col);
                 const { rowSpan, colSpan } = column;
-                const mergedColSpan = isSummary ? rowInfo.tmNode.rawNode[colKey]?.colSpan || 1 : colSpan ? colSpan(rowData, rowIndex) : 1;
-                const mergedRowSpan = isSummary ? rowInfo.tmNode.rawNode[colKey]?.rowSpan || 1 : rowSpan ? rowSpan(rowData, rowIndex) : 1;
+                const mergedColSpan = isSummary ? rowInfo.tmNode.rawNode[colKey]?.colSpan || 1 : colSpan ? colSpan(rowData, actualRowIndex) : 1;
+                const mergedRowSpan = isSummary ? rowInfo.tmNode.rawNode[colKey]?.rowSpan || 1 : rowSpan ? rowSpan(rowData, actualRowIndex) : 1;
                 const isLastCol = colIndex + mergedColSpan === colCount;
-                const isLastRow = rowIndex + mergedRowSpan === rowCount;
+                const isLastRow = displayedRowIndex + mergedRowSpan === rowCount;
                 const isCrossRowTd = mergedRowSpan > 1;
                 if (isCrossRowTd) {
-                  cordKey[rowIndex] = {
+                  cordKey[displayedRowIndex] = {
                     [colIndex]: []
                   };
                 }
                 if (mergedColSpan > 1 || isCrossRowTd) {
-                  for (let i = rowIndex; i < rowIndex + mergedRowSpan; ++i) {
+                  for (let i = displayedRowIndex; i < displayedRowIndex + mergedRowSpan; ++i) {
                     if (isCrossRowTd) {
-                      cordKey[rowIndex][colIndex].push(rowIndexToKey[i]);
+                      cordKey[displayedRowIndex][colIndex].push(rowIndexToKey[i]);
                     }
                     for (let j = colIndex; j < colIndex + mergedColSpan; ++j) {
-                      if (i === rowIndex && j === colIndex)
+                      if (i === displayedRowIndex && j === colIndex) {
                         continue;
+                      }
                       if (!(i in cordToPass)) {
                         cordToPass[i] = [j];
                       } else {
@@ -59591,7 +59927,7 @@
                 }
                 const hoverKey = isCrossRowTd ? this.hoverKey : null;
                 const { cellProps } = column;
-                const resolvedCellProps = cellProps?.(rowData, rowIndex);
+                const resolvedCellProps = cellProps?.(rowData, actualRowIndex);
                 return /* @__PURE__ */ vue.h("td", {
                   ...resolvedCellProps,
                   key: colKey,
@@ -59611,7 +59947,7 @@
                     column.className,
                     resolvedCellProps?.class,
                     isSummary && `${mergedClsPrefix}-data-table-td--summary`,
-                    (hoverKey !== null && cordKey[rowIndex][colIndex].includes(hoverKey) || isColumnSorting(column, mergedSortState)) && `${mergedClsPrefix}-data-table-td--hover`,
+                    (hoverKey !== null && cordKey[displayedRowIndex][colIndex].includes(hoverKey) || isColumnSorting(column, mergedSortState)) && `${mergedClsPrefix}-data-table-td--hover`,
                     column.fixed && `${mergedClsPrefix}-data-table-td--fixed-${column.fixed}`,
                     column.align && `${mergedClsPrefix}-data-table-td--${column.align}-align`,
                     {
@@ -59637,7 +59973,12 @@
                       handleUpdateExpanded(rowKey, rowInfo.tmNode);
                     }
                   })
-                ] : null, column.type === "selection" ? !isSummary ? /* @__PURE__ */ vue.h(RenderSafeCheckbox, {
+                ] : null, column.type === "selection" ? !isSummary ? column.multiple === false ? /* @__PURE__ */ vue.h(RenderSafeRadio, {
+                  key: currentPage,
+                  rowKey,
+                  disabled: rowInfo.tmNode.disabled,
+                  onUpdateChecked: () => handleRadioUpdateChecked(rowInfo.tmNode)
+                }) : /* @__PURE__ */ vue.h(RenderSafeCheckbox, {
                   key: currentPage,
                   rowKey,
                   disabled: rowInfo.tmNode.disabled,
@@ -59648,7 +59989,7 @@
                   onClick: () => handleUpdateExpanded(rowKey, null)
                 }) : null : null : /* @__PURE__ */ vue.h(Cell, {
                   clsPrefix: mergedClsPrefix,
-                  index: rowIndex,
+                  index: actualRowIndex,
                   row: rowData,
                   column,
                   isSummary,
@@ -59674,8 +60015,8 @@
               }) : null, !this.empty ? /* @__PURE__ */ vue.h("tbody", {
                 "data-n-id": componentId,
                 class: `${mergedClsPrefix}-data-table-tbody`
-              }, displayedData.map((rowInfo, rowIndex) => {
-                return renderRow(rowInfo, rowIndex, false);
+              }, displayedData.map((rowInfo, displayedRowIndex) => {
+                return renderRow(rowInfo, displayedRowIndex, false);
               })) : null);
             } else {
               return /* @__PURE__ */ vue.h(VVirtualList, {
@@ -59831,10 +60172,21 @@
       } = data;
       const uncontrolledCheckedRowKeysRef = vue.ref(props.defaultCheckedRowKeys);
       const mergedCheckState = vue.computed(() => {
+        var _selectionColumnRef$v;
+
         const {
           checkedRowKeys
         } = props;
-        return treeMateRef.value.getCheckedKeys(checkedRowKeys === void 0 ? uncontrolledCheckedRowKeysRef.value : checkedRowKeys, {
+        const sourceKeys = checkedRowKeys === void 0 ? uncontrolledCheckedRowKeysRef.value : checkedRowKeys;
+
+        if (((_selectionColumnRef$v = selectionColumnRef.value) === null || _selectionColumnRef$v === void 0 ? void 0 : _selectionColumnRef$v.multiple) === false) {
+          return {
+            checkedKeys: sourceKeys.slice(0, 1),
+            indeterminateKeys: []
+          };
+        }
+
+        return treeMateRef.value.getCheckedKeys(sourceKeys, {
           cascade: props.cascade,
           allowNotLoaded: props.allowCheckingNotLoaded
         });
@@ -59894,7 +60246,9 @@
           }
         } = treeMateRef;
         keys.forEach(key => {
-          const row = getNode(key)?.rawNode;
+          var _getNode;
+
+          const row = (_getNode = getNode(key)) === null || _getNode === void 0 ? void 0 : _getNode.rawNode;
           rows.push(row);
         });
         if (_onUpdateCheckedRowKeys) call(_onUpdateCheckedRowKeys, keys, rows);
@@ -59904,7 +60258,14 @@
       }
 
       function doCheck(rowKey) {
+        let single = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
         if (props.loading) return;
+
+        if (single) {
+          doUpdateCheckedRowKeys(Array.isArray(rowKey) ? rowKey.slice(0, 1) : [rowKey]);
+          return;
+        }
+
         doUpdateCheckedRowKeys(treeMateRef.value.check(rowKey, mergedCheckedRowKeysRef.value, {
           cascade: props.cascade,
           allowNotLoaded: props.allowCheckingNotLoaded
@@ -60152,7 +60513,7 @@
       }
 
       function updateSortStatesByNewSortState(sortStates, sortState) {
-        const index = sortStates.findIndex(state => sortState?.columnKey && state.columnKey === sortState.columnKey);
+        const index = sortStates.findIndex(state => (sortState === null || sortState === void 0 ? void 0 : sortState.columnKey) && state.columnKey === sortState.columnKey);
 
         if (index !== void 0 && index >= 0) {
           sortStates[index] = sortState;
@@ -60200,7 +60561,9 @@
           getKey: props.rowKey,
           getChildren: rowData => rowData[childrenKey],
           getDisabled: rowData => {
-            if (selectionColumnRef.value?.disabled?.(rowData)) {
+            var _selectionColumnRef$v, _selectionColumnRef$v2;
+
+            if ((_selectionColumnRef$v = selectionColumnRef.value) !== null && _selectionColumnRef$v !== void 0 && (_selectionColumnRef$v2 = _selectionColumnRef$v.disabled) !== null && _selectionColumnRef$v2 !== void 0 && _selectionColumnRef$v2.call(_selectionColumnRef$v, rowData)) {
               return true;
             }
 
@@ -60618,11 +60981,15 @@
         let leftActiveFixedColKey = null;
 
         for (let i = 0; i < leftFixedColumns.length; ++i) {
+          var _fixedColumnLeftMap$k;
+
           const key = getColKey(leftFixedColumns[i]);
 
-          if (scrollLeft > (fixedColumnLeftMap[key]?.start || 0) - leftWidth) {
+          if (scrollLeft > (((_fixedColumnLeftMap$k = fixedColumnLeftMap[key]) === null || _fixedColumnLeftMap$k === void 0 ? void 0 : _fixedColumnLeftMap$k.start) || 0) - leftWidth) {
+            var _fixedColumnLeftMap$k2;
+
             leftActiveFixedColKey = key;
-            leftWidth = fixedColumnLeftMap[key]?.end || 0;
+            leftWidth = ((_fixedColumnLeftMap$k2 = fixedColumnLeftMap[key]) === null || _fixedColumnLeftMap$k2 === void 0 ? void 0 : _fixedColumnLeftMap$k2.end) || 0;
           } else {
             break;
           }
@@ -60660,11 +61027,15 @@
         } = fixedColumnRightMapRef;
 
         for (let i = rightFixedColumns.length - 1; i >= 0; --i) {
+          var _fixedColumnRightMap$;
+
           const key = getColKey(rightFixedColumns[i]);
 
-          if (Math.round(scrollLeft + (fixedColumnRightMap[key]?.start || 0) + tableWidth - rightWidth) < scrollWidth) {
+          if (Math.round(scrollLeft + (((_fixedColumnRightMap$ = fixedColumnRightMap[key]) === null || _fixedColumnRightMap$ === void 0 ? void 0 : _fixedColumnRightMap$.start) || 0) + tableWidth - rightWidth) < scrollWidth) {
+            var _fixedColumnRightMap$2;
+
             rightActiveFixedColKey = key;
-            rightWidth = fixedColumnRightMap[key]?.end || 0;
+            rightWidth = ((_fixedColumnRightMap$2 = fixedColumnRightMap[key]) === null || _fixedColumnRightMap$2 === void 0 ? void 0 : _fixedColumnRightMap$2.end) || 0;
           } else {
             break;
           }
@@ -60710,7 +61081,9 @@
       }
 
       function handleTableBodyScroll(e) {
-        props.onScroll?.(e);
+        var _props$onScroll;
+
+        (_props$onScroll = props.onScroll) === null || _props$onScroll === void 0 ? void 0 : _props$onScroll.call(props, e);
 
         if (scrollPartRef.value === "body") {
           beforeNextFrameOnce(syncScrollState);
@@ -60831,7 +61204,9 @@
             };
             ensureColLayout(column.children, currentDepth + 1);
             column.children.forEach(childColumn => {
-              rowItem.colSpan += rowItemMap.get(childColumn)?.colSpan ?? 0;
+              var _rowItemMap$get;
+
+              rowItem.colSpan += ((_rowItemMap$get = rowItemMap.get(childColumn)) === null || _rowItemMap$get === void 0 ? void 0 : _rowItemMap$get.colSpan) ?? 0;
             });
 
             if (cachedCurrentLeafIndex + rowItem.colSpan === totalRowSpan) {
@@ -60910,10 +61285,12 @@
         }
       }
 
-      const uncontrolledExpandedRowKeysRef = vue.ref(props.defaultExpandAll ? renderExpandRef?.value ? (() => {
+      const uncontrolledExpandedRowKeysRef = vue.ref(props.defaultExpandAll ? renderExpandRef !== null && renderExpandRef !== void 0 && renderExpandRef.value ? (() => {
         const expandedKeys = [];
         treeMateRef.value.treeNodes.forEach(tmNode => {
-          if (expandable?.(tmNode.rawNode)) {
+          var _expandable;
+
+          if ((_expandable = expandable) !== null && _expandable !== void 0 && _expandable(tmNode.rawNode)) {
             expandedKeys.push(tmNode.key);
           }
         });
@@ -61923,16 +62300,22 @@
           value
         } = mergedValueRef;
         if (value === null || Array.isArray(value)) return void 0;
-        return isTimeDisabled?.(value);
+        return isTimeDisabled === null || isTimeDisabled === void 0 ? void 0 : isTimeDisabled(value);
       });
       const isHourDisabledRef = vue.computed(() => {
-        return timePickerValidatorRef.value?.isHourDisabled;
+        var _timePickerValidatorR;
+
+        return (_timePickerValidatorR = timePickerValidatorRef.value) === null || _timePickerValidatorR === void 0 ? void 0 : _timePickerValidatorR.isHourDisabled;
       });
       const isMinuteDisabledRef = vue.computed(() => {
-        return timePickerValidatorRef.value?.isMinuteDisabled;
+        var _timePickerValidatorR2;
+
+        return (_timePickerValidatorR2 = timePickerValidatorRef.value) === null || _timePickerValidatorR2 === void 0 ? void 0 : _timePickerValidatorR2.isMinuteDisabled;
       });
       const isSecondDisabledRef = vue.computed(() => {
-        return timePickerValidatorRef.value?.isSecondDisabled;
+        var _timePickerValidatorR3;
+
+        return (_timePickerValidatorR3 = timePickerValidatorRef.value) === null || _timePickerValidatorR3 === void 0 ? void 0 : _timePickerValidatorR3.isSecondDisabled;
       });
       const isDateInvalidRef = vue.computed(() => {
         const {
@@ -62001,15 +62384,39 @@
           return [void 0, void 0];
         }
 
-        return [isTimeDisabled?.(value[0], "start", value), isTimeDisabled?.(value[1], "end", value)];
+        return [isTimeDisabled === null || isTimeDisabled === void 0 ? void 0 : isTimeDisabled(value[0], "start", value), isTimeDisabled === null || isTimeDisabled === void 0 ? void 0 : isTimeDisabled(value[1], "end", value)];
       });
       const timeValidator = {
-        isStartHourDisabledRef: vue.computed(() => timePickerValidatorRef.value[0]?.isHourDisabled),
-        isEndHourDisabledRef: vue.computed(() => timePickerValidatorRef.value[1]?.isHourDisabled),
-        isStartMinuteDisabledRef: vue.computed(() => timePickerValidatorRef.value[0]?.isMinuteDisabled),
-        isEndMinuteDisabledRef: vue.computed(() => timePickerValidatorRef.value[1]?.isMinuteDisabled),
-        isStartSecondDisabledRef: vue.computed(() => timePickerValidatorRef.value[0]?.isSecondDisabled),
-        isEndSecondDisabledRef: vue.computed(() => timePickerValidatorRef.value[1]?.isSecondDisabled)
+        isStartHourDisabledRef: vue.computed(() => {
+          var _timePickerValidatorR4;
+
+          return (_timePickerValidatorR4 = timePickerValidatorRef.value[0]) === null || _timePickerValidatorR4 === void 0 ? void 0 : _timePickerValidatorR4.isHourDisabled;
+        }),
+        isEndHourDisabledRef: vue.computed(() => {
+          var _timePickerValidatorR5;
+
+          return (_timePickerValidatorR5 = timePickerValidatorRef.value[1]) === null || _timePickerValidatorR5 === void 0 ? void 0 : _timePickerValidatorR5.isHourDisabled;
+        }),
+        isStartMinuteDisabledRef: vue.computed(() => {
+          var _timePickerValidatorR6;
+
+          return (_timePickerValidatorR6 = timePickerValidatorRef.value[0]) === null || _timePickerValidatorR6 === void 0 ? void 0 : _timePickerValidatorR6.isMinuteDisabled;
+        }),
+        isEndMinuteDisabledRef: vue.computed(() => {
+          var _timePickerValidatorR7;
+
+          return (_timePickerValidatorR7 = timePickerValidatorRef.value[1]) === null || _timePickerValidatorR7 === void 0 ? void 0 : _timePickerValidatorR7.isMinuteDisabled;
+        }),
+        isStartSecondDisabledRef: vue.computed(() => {
+          var _timePickerValidatorR8;
+
+          return (_timePickerValidatorR8 = timePickerValidatorRef.value[0]) === null || _timePickerValidatorR8 === void 0 ? void 0 : _timePickerValidatorR8.isSecondDisabled;
+        }),
+        isEndSecondDisabledRef: vue.computed(() => {
+          var _timePickerValidatorR9;
+
+          return (_timePickerValidatorR9 = timePickerValidatorRef.value[1]) === null || _timePickerValidatorR9 === void 0 ? void 0 : _timePickerValidatorR9.isSecondDisabled;
+        })
       };
       const isStartDateInvalidRef = vue.computed(() => {
         const {
@@ -68076,7 +68483,7 @@
           value: el
         } = selfRef;
 
-        if (keyboardState.tab && e.target === el && el?.contains(e.relatedTarget)) {
+        if (keyboardState.tab && e.target === el && el !== null && el !== void 0 && el.contains(e.relatedTarget)) {
           doTabOut();
         }
       }
@@ -68421,18 +68828,20 @@
         const {
           value
         } = yearVlRef;
-        return value?.listElRef;
+        return value === null || value === void 0 ? void 0 : value.listElRef;
       }
 
       function virtualListContent() {
         const {
           value
         } = yearVlRef;
-        return value?.itemsElRef;
+        return value === null || value === void 0 ? void 0 : value.itemsElRef;
       }
 
       function handleVirtualListScroll(e) {
-        yearScrollbarRef.value?.sync();
+        var _yearScrollbarRef$val;
+
+        (_yearScrollbarRef$val = yearScrollbarRef.value) === null || _yearScrollbarRef$val === void 0 ? void 0 : _yearScrollbarRef$val.sync();
       }
 
       function handleTimePickerChange(value) {
@@ -68537,7 +68946,7 @@
             case "month":
               return item.dateObject.month + 1;
             case "quarter":
-              return `Q ${item.dateObject.quarter}`;
+              return `Q${item.dateObject.quarter}`;
           }
         };
         const { useAsQuickJump } = props;
@@ -69163,7 +69572,9 @@
       }
 
       function resetSelectingStatus(e) {
-        if (startDatesElRef.value?.contains(e.target) || endDatesElRef.value?.contains(e.target)) ; else {
+        var _startDatesElRef$valu, _endDatesElRef$value;
+
+        if ((_startDatesElRef$valu = startDatesElRef.value) !== null && _startDatesElRef$valu !== void 0 && _startDatesElRef$valu.contains(e.target) || (_endDatesElRef$value = endDatesElRef.value) !== null && _endDatesElRef$value !== void 0 && _endDatesElRef$value.contains(e.target)) ; else {
           isSelectingRef.value = false;
         }
       }
@@ -69555,26 +69966,38 @@
       }
 
       function handleStartYearVlScroll() {
-        startYearScrollbarRef.value?.sync();
+        var _startYearScrollbarRe;
+
+        (_startYearScrollbarRe = startYearScrollbarRef.value) === null || _startYearScrollbarRe === void 0 ? void 0 : _startYearScrollbarRe.sync();
       }
 
       function handleEndYearVlScroll() {
-        endYearScrollbarRef.value?.sync();
+        var _endYearScrollbarRef$;
+
+        (_endYearScrollbarRef$ = endYearScrollbarRef.value) === null || _endYearScrollbarRef$ === void 0 ? void 0 : _endYearScrollbarRef$.sync();
       }
 
       function virtualListContainer(type2) {
         if (type2 === "start") {
-          return startYearVlRef.value?.listElRef;
+          var _startYearVlRef$value;
+
+          return (_startYearVlRef$value = startYearVlRef.value) === null || _startYearVlRef$value === void 0 ? void 0 : _startYearVlRef$value.listElRef;
         } else {
-          return endYearVlRef.value?.listElRef;
+          var _endYearVlRef$value;
+
+          return (_endYearVlRef$value = endYearVlRef.value) === null || _endYearVlRef$value === void 0 ? void 0 : _endYearVlRef$value.listElRef;
         }
       }
 
       function virtualListContent(type2) {
         if (type2 === "start") {
-          return startYearVlRef.value?.itemsElRef;
+          var _startYearVlRef$value2;
+
+          return (_startYearVlRef$value2 = startYearVlRef.value) === null || _startYearVlRef$value2 === void 0 ? void 0 : _startYearVlRef$value2.itemsElRef;
         } else {
-          return endYearVlRef.value?.itemsElRef;
+          var _endYearVlRef$value2;
+
+          return (_endYearVlRef$value2 = endYearVlRef.value) === null || _endYearVlRef$value2 === void 0 ? void 0 : _endYearVlRef$value2.itemsElRef;
         }
       }
 
@@ -69888,7 +70311,7 @@
           themeOverrides: mergedTheme.peerOverrides.Button,
           size: "tiny",
           type: "primary",
-          disabled: this.isRangeInvalid,
+          disabled: this.isRangeInvalid || this.isSelecting,
           onClick: this.handleConfirmClick
         }, { default: () => this.locale.confirm }) : null)) : null, /* @__PURE__ */ vue.h(FocusDetector, {
           onFocus: this.handleFocusDetectorFocus
@@ -70178,7 +70601,7 @@
           themeOverrides: mergedTheme.peerOverrides.Button,
           size: "tiny",
           type: "primary",
-          disabled: this.isRangeInvalid,
+          disabled: this.isRangeInvalid || this.isSelecting,
           onClick: this.handleConfirmClick
         }, { default: () => this.locale.confirm }) : null)) : null, /* @__PURE__ */ vue.h(FocusDetector, {
           onFocus: this.handleFocusDetectorFocus
@@ -70221,7 +70644,7 @@
             onClick: () => {
               handleColItemClick(item, type);
             }
-          }, item.type === "month" ? item.dateObject.month + 1 : item.type === "quarter" ? item.dateObject.quarter : item.dateObject.year);
+          }, item.type === "month" ? item.dateObject.month + 1 : item.type === "quarter" ? `Q${item.dateObject.quarter}` : item.dateObject.year);
         };
         vue.onMounted(() => {
           useCalendarRef.justifyColumnsScrollState();
@@ -70410,6 +70833,7 @@
         min-width: var(--n-scroll-item-width);
         height: calc(var(--n-scroll-item-height) * 6);
         user-select: none;
+        -webkit-user-select: none;
       `, [c$1("&:first-child", `
           min-width: calc(var(--n-scroll-item-width) + 4px);
         `, [cE("picker-col-item", [c$1("&::before", "left: 4px;")])]), cE("padding", `
@@ -70518,6 +70942,7 @@
         color: var(--n-arrow-color);
       `), cE("month-year", `
         user-select: none;
+        -webkit-user-select: none;
         flex-grow: 1;
         position: relative;
       `, [cE("text", `
@@ -70545,6 +70970,7 @@
       border-bottom: 1px solid var(--n-calendar-days-divider-color);
     `, [cE("day", `
         user-select: none;
+        -webkit-user-select: none;
         line-height: 15px;
         width: var(--n-item-size);
         text-align: center;
@@ -70560,6 +70986,7 @@
       flex-wrap: wrap;
     `, [cB("date-panel-date", `
         user-select: none;
+        -webkit-user-select: none;
         position: relative;
         width: var(--n-item-size);
         height: var(--n-item-size);
@@ -70887,37 +71314,46 @@
           }
         });
         const mergedActionsRef = vue.computed(() => {
-          const { actions, type } = props;
+          const { actions, type, clearable } = props;
           if (actions === null)
             return [];
           if (actions !== void 0)
             return actions;
+          const result = clearable ? ["clear"] : [];
           switch (type) {
             case "date": {
-              return ["clear", "now"];
+              result.push("now");
+              return result;
             }
             case "datetime": {
-              return ["clear", "now", "confirm"];
+              result.push("now", "confirm");
+              return result;
             }
             case "daterange": {
-              return ["clear", "confirm"];
+              result.push("confirm");
+              return result;
             }
             case "datetimerange": {
-              return ["clear", "confirm"];
+              result.push("confirm");
+              return result;
             }
             case "month": {
-              return ["clear", "now", "confirm"];
+              result.push("now", "confirm");
+              return result;
             }
             case "year": {
-              return ["clear", "now"];
+              result.push("now");
+              return result;
             }
             case "quarter": {
-              return ["clear", "now", "confirm"];
+              result.push("now", "confirm");
+              return result;
             }
             case "monthrange":
             case "yearrange":
             case "quarterrange": {
-              return ["clear", "confirm"];
+              result.push("confirm");
+              return result;
             }
             default: {
               warn$2("data-picker", "The type is wrong, n-date-picker's type only supports `date`, `datetime`, `daterange` and `datetimerange`.");
@@ -71711,7 +72147,7 @@
       --n-merged-border-color: var(--n-border-color-popover);
     `))]);
 
-    const descriptionProps = {
+    const descriptionsProps = {
       ...useTheme.props,
       title: String,
       column: {
@@ -71741,7 +72177,7 @@
     };
     var Descriptions = vue.defineComponent({
       name: "Descriptions",
-      props: descriptionProps,
+      props: descriptionsProps,
       setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
         const themeRef = useTheme("Descriptions", "-descriptions", style$P, descriptionsLight$1, props, mergedClsPrefixRef);
@@ -71927,7 +72363,7 @@
       }
     });
 
-    const descriptionItemProps = {
+    const descriptionsItemProps = {
       label: String,
       span: {
         type: Number,
@@ -71939,7 +72375,7 @@
     var DescriptionsItem = vue.defineComponent({
       name: "DescriptionsItem",
       [DESCRIPTION_ITEM_FLAG]: true,
-      props: descriptionItemProps,
+      props: descriptionsItemProps,
 
       render() {
         return null;
@@ -73127,6 +73563,8 @@
       },
 
       render() {
+        var _this$$slots$default, _this$$slots;
+
         return vue.h(vue.Fragment, null, [this.dialogList.map(dialog => vue.h(NDialogEnvironment, omit(dialog, ["destroy", "style"], {
           internalStyle: dialog.style,
           to: this.to,
@@ -73139,7 +73577,7 @@
           },
           internalKey: dialog.key,
           onInternalAfterLeave: this.handleAfterLeave
-        }))), this.$slots.default?.()]);
+        }))), (_this$$slots$default = (_this$$slots = this.$slots).default) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)]);
       }
 
     });
@@ -73315,7 +73753,8 @@
         closeIconColor,
         closeIconColorHover,
         closeIconColorPressed,
-        borderRadius
+        borderRadius,
+        primaryColorHover
       } = vars;
       return {
         bodyPadding: "16px 24px",
@@ -73337,7 +73776,8 @@
         closeIconSize: "18px",
         closeColorHover,
         closeColorPressed,
-        closeBorderRadius: borderRadius
+        closeBorderRadius: borderRadius,
+        resizableTriggerColorHover: primaryColorHover
       };
     };
     const drawerLight = createTheme$1({
@@ -73395,6 +73835,7 @@
           type: [Boolean, String],
           required: true
         },
+        resizable: Boolean,
         onClickoutside: Function,
         onAfterLeave: Function,
         onAfterEnter: Function,
@@ -73404,10 +73845,84 @@
         const displayedRef = vue.ref(!!props.show);
         const bodyRef = vue.ref(null);
         const NDrawer = vue.inject(drawerInjectionKey);
+        let startPosition = 0;
+        let memoizedBodyStyleCursor = "";
+        let hoverTimerId = null;
+        const isHoverOnResizeTriggerRef = vue.ref(false);
+        const isDraggingRef = vue.ref(false);
+        const isVertical = vue.computed(() => {
+          return props.placement === "top" || props.placement === "bottom";
+        });
+        const handleMousedownResizeTrigger = (e) => {
+          isDraggingRef.value = true;
+          startPosition = isVertical.value ? e.clientY : e.clientX;
+          memoizedBodyStyleCursor = document.body.style.cursor;
+          document.body.style.cursor = isVertical.value ? "ns-resize" : "ew-resize";
+          document.body.addEventListener("mousemove", handleBodyMousemove);
+          document.body.addEventListener("mouseleave", handleBodyMouseleave);
+          document.body.addEventListener("mouseup", handleBodyMouseup);
+        };
+        const handleMouseenterResizeTrigger = () => {
+          if (hoverTimerId !== null) {
+            window.clearTimeout(hoverTimerId);
+            hoverTimerId = null;
+          }
+          if (isDraggingRef.value) {
+            isHoverOnResizeTriggerRef.value = true;
+          } else {
+            hoverTimerId = window.setTimeout(() => {
+              isHoverOnResizeTriggerRef.value = true;
+            }, 300);
+          }
+        };
+        const handleMouseleaveResizeTrigger = () => {
+          if (hoverTimerId !== null) {
+            window.clearTimeout(hoverTimerId);
+            hoverTimerId = null;
+          }
+          isHoverOnResizeTriggerRef.value = false;
+        };
+        const { doUpdateHeight, doUpdateWidth } = NDrawer;
+        const handleBodyMousemove = (e) => {
+          if (isDraggingRef.value) {
+            if (isVertical.value) {
+              let height = bodyRef.value?.offsetHeight || 0;
+              const increment = startPosition - e.clientY;
+              height += props.placement === "bottom" ? increment : -increment;
+              doUpdateHeight(height);
+              startPosition = e.clientY;
+            } else {
+              let width = bodyRef.value?.offsetWidth || 0;
+              const increment = startPosition - e.clientX;
+              width += props.placement === "right" ? increment : -increment;
+              doUpdateWidth(width);
+              startPosition = e.clientX;
+            }
+          }
+        };
+        const handleBodyMouseup = () => {
+          if (isDraggingRef.value) {
+            startPosition = 0;
+            isDraggingRef.value = false;
+            document.body.style.cursor = memoizedBodyStyleCursor;
+            document.body.removeEventListener("mousemove", handleBodyMousemove);
+            document.body.removeEventListener("mouseup", handleBodyMouseup);
+            document.body.removeEventListener("mouseleave", handleBodyMouseleave);
+          }
+        };
+        const handleBodyMouseleave = handleBodyMouseup;
         vue.watchEffect(() => {
           if (props.show)
             displayedRef.value = true;
         });
+        vue.watch(() => props.show, (value) => {
+          if (!value) {
+            handleBodyMouseup();
+          }
+        });
+        vue.onBeforeUnmount(() => {
+          handleBodyMouseup();
+        });
         const bodyDirectivesRef = vue.computed(() => {
           const { show } = props;
           const directives = [[vue.vShow, show]];
@@ -73444,7 +73959,12 @@
             }[props.placement];
           }),
           handleAfterLeave,
-          bodyDirectives: bodyDirectivesRef
+          bodyDirectives: bodyDirectivesRef,
+          handleMousedownResizeTrigger,
+          handleMouseenterResizeTrigger,
+          handleMouseleaveResizeTrigger,
+          isDragging: isDraggingRef,
+          isHoverOnResizeTrigger: isHoverOnResizeTriggerRef
         };
       },
       render() {
@@ -73470,9 +73990,19 @@
               class: [
                 `${mergedClsPrefix}-drawer`,
                 `${mergedClsPrefix}-drawer--${this.placement}-placement`,
+                this.isDragging && `${mergedClsPrefix}-drawer--unselectable`,
                 this.nativeScrollbar && `${mergedClsPrefix}-drawer--native-scrollbar`
               ]
             }), [
+              this.resizable ? /* @__PURE__ */ vue.h("div", {
+                class: [
+                  `${mergedClsPrefix}-drawer__resize-trigger`,
+                  (this.isDragging || this.isHoverOnResizeTrigger) && `${mergedClsPrefix}-drawer__resize-trigger--hover`
+                ],
+                onMouseenter: this.handleMouseenterResizeTrigger,
+                onMouseleave: this.handleMouseleaveResizeTrigger,
+                onMousedown: this.handleMousedownResizeTrigger
+              }) : null,
               this.nativeScrollbar ? /* @__PURE__ */ vue.h("div", {
                 class: `${mergedClsPrefix}-drawer-content-wrapper`,
                 style: this.contentStyle,
@@ -73607,9 +74137,18 @@
     background-color: var(--n-color);
     color: var(--n-text-color);
     box-sizing: border-box;
-  `, [slideInFromRightTransition(), slideInFromLeftTransition(), slideInFromTopTransition(), slideInFromBottomTransition(), cM("native-scrollbar", [cB("drawer-content-wrapper", `
+  `, [slideInFromRightTransition(), slideInFromLeftTransition(), slideInFromTopTransition(), slideInFromBottomTransition(), cM("unselectable", `
+      user-select: none; 
+      -webkit-user-select: none;
+    `), cM("native-scrollbar", [cB("drawer-content-wrapper", `
         overflow: auto;
         height: 100%;
+      `)]), cE("resize-trigger", `
+      position: absolute;
+      background-color: #0000;
+      transition: background-color .3s var(--n-bezier);
+    `, [cM("hover", `
+        background-color: var(--n-resize-trigger-color-hover);
       `)]), cB("drawer-content-wrapper", `
       box-sizing: border-box;
     `), cB("drawer-content", `
@@ -73652,19 +74191,47 @@
       top: 0;
       bottom: 0;
       right: 0;
-    `), cM("left-placement", `
+    `, [cE("resize-trigger", `
+        width: 3px;
+        height: 100%;
+        top: 0;
+        left: 0;
+        transform: translateX(-1.5px);
+        cursor: ew-resize;
+      `)]), cM("left-placement", `
       top: 0;
       bottom: 0;
       left: 0;
-    `), cM("top-placement", `
+    `, [cE("resize-trigger", `
+        width: 3px;
+        height: 100%;
+        top: 0;
+        right: 0;
+        transform: translateX(1.5px);
+        cursor: ew-resize;
+      `)]), cM("top-placement", `
       top: 0;
       left: 0;
       right: 0;
-    `), cM("bottom-placement", `
+    `, [cE("resize-trigger", `
+        width: 100%;
+        height: 3px;
+        bottom: 0;
+        left: 0;
+        transform: translateY(1.5px);
+        cursor: ns-resize;
+      `)]), cM("bottom-placement", `
       left: 0;
       bottom: 0;
       right: 0;
-    `)]), c$1("body", [c$1(">", [cB("drawer-container", {
+    `, [cE("resize-trigger", `
+        width: 100%;
+        height: 3px;
+        top: 0;
+        left: 0;
+        transform: translateY(-1.5px);
+        cursor: ns-resize;
+      `)])]), c$1("body", [c$1(">", [cB("drawer-container", {
       position: "fixed"
     })])]), cB("drawer-container", `
     position: relative;
@@ -73695,14 +74262,8 @@
     const drawerProps = {
       ...useTheme.props,
       show: Boolean,
-      width: {
-        type: [Number, String],
-        default: 251
-      },
-      height: {
-        type: [Number, String],
-        default: 251
-      },
+      width: [Number, String],
+      height: [Number, String],
       placement: {
         type: String,
         default: "right"
@@ -73745,6 +74306,19 @@
         type: Boolean,
         default: true
       },
+      resizable: Boolean,
+      defaultWidth: {
+        type: Number,
+        default: 251
+      },
+      defaultHeight: {
+        type: Number,
+        default: 251
+      },
+      onUpdateWidth: [Function, Array],
+      onUpdateHeight: [Function, Array],
+      "onUpdate:width": [Function, Array],
+      "onUpdate:height": [Function, Array],
       "onUpdate:show": [Function, Array],
       onUpdateShow: [Function, Array],
       onAfterEnter: Function,
@@ -73782,20 +74356,38 @@
         const { mergedClsPrefixRef, namespaceRef, inlineThemeDisabled } = useConfig(props);
         const isMountedRef = isMounted();
         const themeRef = useTheme("Drawer", "-drawer", style$L, drawerLight$1, props, mergedClsPrefixRef);
+        const uncontrolledWidthRef = vue.ref(props.defaultWidth);
+        const uncontrolledHeightRef = vue.ref(props.defaultHeight);
+        const mergedWidthRef = useMergedState(vue.toRef(props, "width"), uncontrolledWidthRef);
+        const mergedHeightRef = useMergedState(vue.toRef(props, "height"), uncontrolledHeightRef);
         const styleWidthRef = vue.computed(() => {
           const { placement } = props;
           if (placement === "top" || placement === "bottom")
             return "";
-          const { width } = props;
-          return formatLength(width);
+          return formatLength(mergedWidthRef.value);
         });
         const styleHeightRef = vue.computed(() => {
           const { placement } = props;
           if (placement === "left" || placement === "right")
             return "";
-          const { height } = props;
-          return formatLength(height);
-        });
+          return formatLength(mergedHeightRef.value);
+        });
+        const doUpdateWidth = (value) => {
+          const { onUpdateWidth, "onUpdate:width": _onUpdateWidth } = props;
+          if (onUpdateWidth)
+            call(onUpdateWidth, value);
+          if (_onUpdateWidth)
+            call(_onUpdateWidth, value);
+          uncontrolledWidthRef.value = value;
+        };
+        const doUpdateHeight = (value) => {
+          const { onUpdateHeight, "onUpdate:width": _onUpdateHeight } = props;
+          if (onUpdateHeight)
+            call(onUpdateHeight, value);
+          if (_onUpdateHeight)
+            call(_onUpdateHeight, value);
+          uncontrolledHeightRef.value = value;
+        };
         const mergedBodyStyleRef = vue.computed(() => {
           return [
             {
@@ -73833,7 +74425,9 @@
           isMountedRef,
           mergedThemeRef: themeRef,
           mergedClsPrefixRef,
-          doUpdateShow
+          doUpdateShow,
+          doUpdateHeight,
+          doUpdateWidth
         });
         const cssVarsRef = vue.computed(() => {
           const {
@@ -73858,7 +74452,8 @@
               closeColorPressed,
               closeIconSize,
               closeSize,
-              closeBorderRadius
+              closeBorderRadius,
+              resizableTriggerColorHover
             }
           } = themeRef.value;
           return {
@@ -73884,7 +74479,8 @@
             "--n-close-color-hover": closeColorHover,
             "--n-close-color-pressed": closeColorPressed,
             "--n-close-icon-size": closeIconSize,
-            "--n-close-border-radius": closeBorderRadius
+            "--n-close-border-radius": closeBorderRadius,
+            "--n-resize-trigger-color-hover": resizableTriggerColorHover
           };
         });
         const themeClassHandle = inlineThemeDisabled ? useThemeClass("drawer", void 0, cssVarsRef, props) : void 0;
@@ -73944,6 +74540,7 @@
               onAfterLeave: this.onAfterLeave,
               trapFocus: this.trapFocus,
               autoFocus: this.autoFocus,
+              resizable: this.resizable,
               showMask: this.showMask,
               onEsc: this.handleEsc,
               onClickoutside: this.handleMaskClick
@@ -75118,12 +75715,14 @@
         return {
           mergedClsPrefix: mergedClsPrefixRef,
           cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
-          themeClass: themeClassHandle?.themeClass,
-          onRender: themeClassHandle?.onRender
+          themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+          onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
       },
 
       render() {
+        var _$slots$default;
+
         const {
           tag,
           mergedClsPrefix,
@@ -75132,12 +75731,12 @@
           onRender,
           $slots
         } = this;
-        onRender?.();
+        onRender === null || onRender === void 0 ? void 0 : onRender();
         return vue.h(tag, {
           role: "none",
           class: [`${mergedClsPrefix}-element`, themeClass],
           style: cssVars
-        }, $slots.default?.());
+        }, (_$slots$default = $slots.default) === null || _$slots$default === void 0 ? void 0 : _$slots$default.call($slots));
       }
 
     });
@@ -76666,7 +77265,7 @@
       return {
         mergedSize: vue.computed(() => {
           if (props.size !== void 0) return props.size;
-          if (NForm?.props.size !== void 0) return NForm.props.size;
+          if ((NForm === null || NForm === void 0 ? void 0 : NForm.props.size) !== void 0) return NForm.props.size;
           return "medium";
         })
       };
@@ -76683,8 +77282,8 @@
           return formatLength(labelWidth);
         }
 
-        if (labelWidth === "auto" || NForm?.props.labelWidth === "auto") {
-          const autoComputedWidth = NForm?.maxChildLabelWidthRef.value;
+        if (labelWidth === "auto" || (NForm === null || NForm === void 0 ? void 0 : NForm.props.labelWidth) === "auto") {
+          const autoComputedWidth = NForm === null || NForm === void 0 ? void 0 : NForm.maxChildLabelWidthRef.value;
 
           if (autoComputedWidth !== void 0) {
             return formatLength(autoComputedWidth);
@@ -76693,7 +77292,7 @@
           }
         }
 
-        if (NForm?.props.labelWidth !== void 0) {
+        if ((NForm === null || NForm === void 0 ? void 0 : NForm.props.labelWidth) !== void 0) {
           return formatLength(NForm.props.labelWidth);
         }
 
@@ -76704,7 +77303,7 @@
           labelPlacement
         } = props;
         if (labelPlacement !== void 0) return labelPlacement;
-        if (NForm?.props.labelPlacement) return NForm.props.labelPlacement;
+        if (NForm !== null && NForm !== void 0 && NForm.props.labelPlacement) return NForm.props.labelPlacement;
         return "top";
       });
       const mergedLabelAlignRef = vue.computed(() => {
@@ -76712,11 +77311,13 @@
           labelAlign
         } = props;
         if (labelAlign) return labelAlign;
-        if (NForm?.props.labelAlign) return NForm.props.labelAlign;
+        if (NForm !== null && NForm !== void 0 && NForm.props.labelAlign) return NForm.props.labelAlign;
         return void 0;
       });
       const mergedLabelStyleRef = vue.computed(() => {
-        return [props.labelProps?.style, props.labelStyle, {
+        var _props$labelProps;
+
+        return [(_props$labelProps = props.labelProps) === null || _props$labelProps === void 0 ? void 0 : _props$labelProps.style, props.labelStyle, {
           width: mergedLabelWidthRef.value
         }];
       });
@@ -76725,14 +77326,14 @@
           showRequireMark
         } = props;
         if (showRequireMark !== void 0) return showRequireMark;
-        return NForm?.props.showRequireMark;
+        return NForm === null || NForm === void 0 ? void 0 : NForm.props.showRequireMark;
       });
       const mergedRequireMarkPlacementRef = vue.computed(() => {
         const {
           requireMarkPlacement
         } = props;
         if (requireMarkPlacement !== void 0) return requireMarkPlacement;
-        return NForm?.props.requireMarkPlacement || "right";
+        return (NForm === null || NForm === void 0 ? void 0 : NForm.props.requireMarkPlacement) || "right";
       });
       const validationErroredRef = vue.ref(false);
       const mergedValidationStatusRef = vue.computed(() => {
@@ -76748,7 +77349,7 @@
           showFeedback
         } = props;
         if (showFeedback !== void 0) return showFeedback;
-        if (NForm?.props.showFeedback !== void 0) return NForm.props.showFeedback;
+        if ((NForm === null || NForm === void 0 ? void 0 : NForm.props.showFeedback) !== void 0) return NForm.props.showFeedback;
         return true;
       });
       const mergedShowLabelRef = vue.computed(() => {
@@ -76756,7 +77357,7 @@
           showLabel
         } = props;
         if (showLabel !== void 0) return showLabel;
-        if (NForm?.props.showLabel !== void 0) return NForm.props.showLabel;
+        if ((NForm === null || NForm === void 0 ? void 0 : NForm.props.showLabel) !== void 0) return NForm.props.showLabel;
         return true;
       });
       return {
@@ -76870,10 +77471,12 @@
     box-sizing: border-box;
   `, [cE("asterisk", `
       user-select: none;
+      -webkit-user-select: none;
       color: var(--n-asterisk-color);
       transition: color .3s var(--n-bezier);
     `), cE("asterisk-placeholder", `
       user-select: none;
+      -webkit-user-select: none;
       visibility: hidden;      
     `)]), cB("form-item-blank", {
       gridArea: "blank",
@@ -77686,6 +78289,8 @@
         let firstApply = true;
         vue.onBeforeMount(() => {
           vue.watchEffect(() => {
+            var _NConfigProvider$merg, _NConfigProvider$merg2;
+
             const {
               textColor2,
               fontSize,
@@ -77693,7 +78298,7 @@
               bodyColor,
               cubicBezierEaseInOut,
               lineHeight
-            } = NConfigProvider ? lodash.exports.merge({}, NConfigProvider.mergedThemeRef.value?.common || commonLight, NConfigProvider.mergedThemeOverridesRef.value?.common) : commonLight;
+            } = NConfigProvider ? lodash.exports.merge({}, ((_NConfigProvider$merg = NConfigProvider.mergedThemeRef.value) === null || _NConfigProvider$merg === void 0 ? void 0 : _NConfigProvider$merg.common) || commonLight, (_NConfigProvider$merg2 = NConfigProvider.mergedThemeOverridesRef.value) === null || _NConfigProvider$merg2 === void 0 ? void 0 : _NConfigProvider$merg2.common) : commonLight;
 
             if (styleApplied || !body.hasAttribute("n-styled")) {
               style.setProperty("-webkit-text-size-adjust", "100%");
@@ -78225,6 +78830,14 @@
       }
     });
 
+    const imagePreviewSharedProps = { ...useTheme.props,
+      showToolbar: {
+        type: Boolean,
+        default: true
+      },
+      showToolbarTooltip: Boolean
+    };
+
     function self$u() {
       return {
         toolbarIconColor: "rgba(255, 255, 255, .9)",
@@ -80242,14 +80855,6 @@
       fill: "currentColor"
     }));
 
-    const imagePreviewSharedProps = { ...useTheme.props,
-      showToolbar: {
-        type: Boolean,
-        default: true
-      },
-      showToolbarTooltip: Boolean
-    };
-
     var style$D = c$1([c$1("body >", [cB("image-container", "position: fixed;")]), cB("image-preview-container", `
     position: fixed;
     left: 0;
@@ -80294,6 +80899,7 @@
     pointer-events: none;
   `, [fadeInScaleUpTransition()]), cB("image-preview", `
     user-select: none;
+    -webkit-user-select: none;
     pointer-events: all;
     margin: auto;
     max-height: calc(100vh - 32px);
@@ -80804,97 +81410,6 @@
       }
     });
 
-    const resolveOptionsAndHash = function () {
-      let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      const {
-        root = null
-      } = options;
-      return {
-        hash: `${options.rootMargin || "0px 0px 0px 0px"}-${Array.isArray(options.threshold) ? options.threshold.join(",") : options.threshold ?? "0"}`,
-        options: { ...options,
-          root: (typeof root === "string" ? document.querySelector(root) : root) || document.documentElement
-        }
-      };
-    };
-    const observers = /* @__PURE__ */new WeakMap();
-    const unobserveHandleMap = /* @__PURE__ */new WeakMap();
-    const shouldStartLoadingRefMap = /* @__PURE__ */new WeakMap();
-    const observeIntersection = (el, options, shouldStartLoadingRef) => {
-      if (!el) return () => {};
-      const resolvedOptionsAndHash = resolveOptionsAndHash(options);
-      const {
-        root
-      } = resolvedOptionsAndHash.options;
-      let rootObservers;
-
-      const _rootObservers = observers.get(root);
-
-      if (_rootObservers) {
-        rootObservers = _rootObservers;
-      } else {
-        rootObservers = /* @__PURE__ */new Map();
-        observers.set(root, rootObservers);
-      }
-
-      let observer;
-      let observerAndObservedElements;
-
-      if (rootObservers.has(resolvedOptionsAndHash.hash)) {
-        observerAndObservedElements = rootObservers.get(resolvedOptionsAndHash.hash);
-
-        if (!observerAndObservedElements[1].has(el)) {
-          observer = observerAndObservedElements[0];
-          observerAndObservedElements[1].add(el);
-          observer.observe(el);
-        }
-      } else {
-        observer = new IntersectionObserver(entries => {
-          entries.forEach(entry => {
-            if (entry.isIntersecting) {
-              const _unobserve = unobserveHandleMap.get(entry.target);
-
-              const _shouldStartLoadingRef = shouldStartLoadingRefMap.get(entry.target);
-
-              if (_unobserve) _unobserve();
-
-              if (_shouldStartLoadingRef) {
-                _shouldStartLoadingRef.value = true;
-              }
-            }
-          });
-        }, resolvedOptionsAndHash.options);
-        observer.observe(el);
-        observerAndObservedElements = [observer, /* @__PURE__ */new Set([el])];
-        rootObservers.set(resolvedOptionsAndHash.hash, observerAndObservedElements);
-      }
-
-      let unobservered = false;
-
-      const unobserve = () => {
-        if (unobservered) return;
-        unobserveHandleMap.delete(el);
-        shouldStartLoadingRefMap.delete(el);
-        unobservered = true;
-
-        if (observerAndObservedElements[1].has(el)) {
-          observerAndObservedElements[0].unobserve(el);
-          observerAndObservedElements[1].delete(el);
-        }
-
-        if (observerAndObservedElements[1].size <= 0) {
-          rootObservers.delete(resolvedOptionsAndHash.hash);
-        }
-
-        if (!rootObservers.size) {
-          observers.delete(root);
-        }
-      };
-
-      unobserveHandleMap.set(el, unobserve);
-      shouldStartLoadingRefMap.set(el, shouldStartLoadingRef);
-      return unobserve;
-    };
-
     const imageProps = {
       alt: String,
       height: [String, Number],
@@ -80950,6 +81465,9 @@
           imageRef.value?.setAttribute("data-group-id", imageGroupHandle?.groupId || "");
         });
         vue.onMounted(() => {
+          if (isImageSupportNativeLazy) {
+            return;
+          }
           let unobserve;
           const stopWatchHandle = vue.watchEffect(() => {
             unobserve?.();
@@ -80996,20 +81514,22 @@
         };
       },
       render() {
-        const { mergedClsPrefix, imgProps = {}, loaded, $attrs } = this;
+        const { mergedClsPrefix, imgProps = {}, loaded, $attrs, lazy } = this;
         const placeholderNode = this.$slots.placeholder?.();
-        const imgNode = /* @__PURE__ */ vue.h("img", {
+        const loadSrc = this.src || imgProps.src || "";
+        const imgNode = vue.h("img", {
           ...imgProps,
           class: imgProps.class,
           ref: "imageRef",
           width: this.width || imgProps.width,
           height: this.height || imgProps.height,
-          src: this.showError ? this.fallbackSrc : this.shouldStartLoading ? this.src || imgProps.src : void 0,
+          src: isImageSupportNativeLazy ? loadSrc : this.showError ? this.fallbackSrc : this.shouldStartLoading ? loadSrc : void 0,
           alt: this.alt || imgProps.alt,
           "aria-label": this.alt || imgProps.alt,
           onClick: this.click,
           onError: this.mergedOnError,
           onLoad: this.mergedOnLoad,
+          loading: lazy ? "lazy" : "eager",
           style: [
             imgProps.style || "",
             placeholderNode && !loaded ? { height: "0", width: "0", visibility: "hidden" } : "",
@@ -82792,7 +83312,7 @@
       }
     });
 
-    const loadingBarProps = {
+    const loadingBarProviderProps = {
       ...useTheme.props,
       to: {
         type: [String, Object],
@@ -82804,7 +83324,7 @@
     };
     var NLoadingBarProvider = vue.defineComponent({
       name: "LoadingBarProvider",
-      props: loadingBarProps,
+      props: loadingBarProviderProps,
       setup(props) {
         const isMountedRef = isMounted();
         const loadingBarRef = vue.ref(null);
@@ -84402,11 +84922,11 @@
         throw new Error("textarea-caret-position#getCaretPosition should only be called in a browser");
       }
 
-      const debug = options?.debug;
+      const debug = options === null || options === void 0 ? void 0 : options.debug;
 
       if (debug) {
         const el = document.querySelector("#input-textarea-caret-position-mirror-div");
-        if (el?.parentNode) el.parentNode.removeChild(el);
+        if (el !== null && el !== void 0 && el.parentNode) el.parentNode.removeChild(el);
       }
 
       const div = document.createElement("div");
@@ -85420,7 +85940,8 @@
           ]
         }, scrollable ? /* @__PURE__ */ vue.h(NScrollbar, {
           theme: mergedTheme.peers.Scrollbar,
-          themeOverrides: mergedTheme.peerOverrides.Scrollbar
+          themeOverrides: mergedTheme.peerOverrides.Scrollbar,
+          contentStyle: { overflow: "hidden" }
         }, $slots) : $slots);
       }
     });
@@ -85462,7 +85983,8 @@
           mergedThemeRef,
           props: providerProps
         } = vue.inject(notificationProviderInjectionKey);
-        const { inlineThemeDisabled } = useConfig();
+        const { inlineThemeDisabled, mergedRtlRef } = useConfig();
+        const rtlEnabledRef = useRtl("Notification", mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = vue.computed(() => {
           const { type } = props;
           const {
@@ -85539,6 +86061,7 @@
           handleCloseClick() {
             props.onClose();
           },
+          rtlEnabled: rtlEnabledRef,
           cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
           themeClass: themeClassHandle?.themeClass,
           onRender: themeClassHandle?.onRender
@@ -85553,6 +86076,7 @@
         }, /* @__PURE__ */ vue.h("div", {
           class: [
             `${mergedClsPrefix}-notification`,
+            this.rtlEnabled && `${mergedClsPrefix}-notification--rtl`,
             this.themeClass,
             {
               [`${mergedClsPrefix}-notification--closable`]: this.closable,
@@ -85857,9 +86381,7 @@
         display: flex;
         align-items: center;
         justify-content: center;
-      `, [cB("icon", {
-      transition: "color .3s var(--n-bezier)"
-    })]), cB("notification-main", `
+      `, [cB("icon", "transition: color .3s var(--n-bezier);")]), cB("notification-main", `
         padding-top: var(--n-padding-top);
         padding-bottom: var(--n-padding-bottom);
         box-sizing: border-box;
@@ -86354,8 +86876,10 @@
             "onUpdate:show": onUpdateShow
           } = props;
           void Promise.resolve(onPositiveClick ? onPositiveClick(e) : true).then(value => {
+            var _popoverInstRef$value;
+
             if (value === false) return;
-            popoverInstRef.value?.setShow(false);
+            (_popoverInstRef$value = popoverInstRef.value) === null || _popoverInstRef$value === void 0 ? void 0 : _popoverInstRef$value.setShow(false);
             if (onUpdateShow) call(onUpdateShow, false);
           });
         }
@@ -86366,8 +86890,10 @@
             "onUpdate:show": onUpdateShow
           } = props;
           void Promise.resolve(onNegativeClick ? onNegativeClick(e) : true).then(value => {
+            var _popoverInstRef$value2;
+
             if (value === false) return;
-            popoverInstRef.value?.setShow(false);
+            (_popoverInstRef$value2 = popoverInstRef.value) === null || _popoverInstRef$value2 === void 0 ? void 0 : _popoverInstRef$value2.setShow(false);
             if (onUpdateShow) call(onUpdateShow, false);
           });
         }
@@ -86379,11 +86905,15 @@
         });
         const exposedMethods = {
           setShow(value) {
-            popoverInstRef.value?.setShow(value);
+            var _popoverInstRef$value3;
+
+            (_popoverInstRef$value3 = popoverInstRef.value) === null || _popoverInstRef$value3 === void 0 ? void 0 : _popoverInstRef$value3.setShow(value);
           },
 
           syncPosition() {
-            popoverInstRef.value?.syncPosition();
+            var _popoverInstRef$value4;
+
+            (_popoverInstRef$value4 = popoverInstRef.value) === null || _popoverInstRef$value4 === void 0 ? void 0 : _popoverInstRef$value4.syncPosition();
           }
 
         };
@@ -87826,6 +88356,7 @@
     width: 100%;
     cursor: pointer;
     user-select: none;
+    -webkit-user-select: none;
   `, [cM("reverse", [cB("slider-handles", [cB("slider-handle-wrapper", `
           transform: translate(50%, -50%);
         `)]), cB("slider-dots", [cB("slider-dot", `
@@ -88641,6 +89172,7 @@
     pointer-events: all;
   `, [cM("spinning", `
       user-select: none;
+      -webkit-user-select: none;
       pointer-events: none;
       opacity: var(--n-opacity-spinning);
     `)])]);
@@ -89189,6 +89721,7 @@
   min-width: var(--n-width);
   vertical-align: middle;
   user-select: none;
+  -webkit-user-select: none;
   display: inline-flex;
   outline: none;
   justify-content: center;
@@ -89850,7 +90383,7 @@
       }
     });
 
-    const typeProps = {
+    const tabProps = {
       internalLeftPadded: Boolean,
       internalAddable: Boolean,
       internalCreatedByPane: Boolean,
@@ -89860,7 +90393,7 @@
       __TAB__: true,
       inheritAttrs: false,
       name: "Tab",
-      props: typeProps,
+      props: tabProps,
       setup(props) {
         const {
           mergedClsPrefixRef,
@@ -92523,7 +93056,8 @@
           nodePropsRef,
           indentRef,
           blockLineRef,
-          checkboxPlacementRef
+          checkboxPlacementRef,
+          checkOnClickRef
         } = NTree;
         const disabledRef = vue.computed(() => NTree.disabledRef.value || props.tmNode.disabled);
         const resolvedNodePropsRef = vue.computed(() => {
@@ -92560,6 +93094,18 @@
           }
         }
         const selectableRef = useMemo(() => !props.tmNode.disabled && NTree.selectableRef.value && (NTree.internalTreeSelect ? NTree.mergedCheckStrategyRef.value !== "child" || NTree.multipleRef.value && NTree.cascadeRef.value || props.tmNode.isLeaf : true));
+        const checkableRef = useMemo(() => NTree.checkableRef.value && (NTree.cascadeRef.value || NTree.mergedCheckStrategyRef.value !== "child" || props.tmNode.isLeaf));
+        const checkedRef = useMemo(() => NTree.displayedCheckedKeysRef.value.includes(props.tmNode.key));
+        const mergedCheckOnClickRef = useMemo(() => {
+          const { value: checkable } = checkableRef;
+          if (!checkable)
+            return false;
+          const { value: checkOnClick } = checkOnClickRef;
+          if (typeof checkOnClick === "boolean") {
+            return checkOnClick;
+          }
+          return checkOnClick(props.tmNode.rawNode);
+        });
         function _handleClick(e) {
           const { value: expandOnClick } = NTree.expandOnClickRef;
           const { value: selectable } = selectableRef;
@@ -92574,6 +93120,9 @@
           if (expandOnClick && !tmNode.isLeaf) {
             handleSwitcherClick();
           }
+          if (mergedCheckOnClickRef.value) {
+            handleCheck(!checkedRef.value);
+          }
         }
         function handleContentClick(e) {
           if (blockLineRef.value)
@@ -92673,12 +93222,12 @@
           highlight: useMemo(() => {
             return NTree.highlightKeySetRef.value?.has(props.tmNode.key);
           }),
-          checked: useMemo(() => NTree.displayedCheckedKeysRef.value.includes(props.tmNode.key)),
+          checked: checkedRef,
           indeterminate: useMemo(() => NTree.displayedIndeterminateKeysRef.value.includes(props.tmNode.key)),
           selected: useMemo(() => NTree.mergedSelectedKeysRef.value.includes(props.tmNode.key)),
           expanded: useMemo(() => NTree.mergedExpandedKeysRef.value.includes(props.tmNode.key)),
           disabled: disabledRef,
-          checkable: vue.computed(() => NTree.checkableRef.value && (NTree.cascadeRef.value || NTree.mergedCheckStrategyRef.value !== "child" || props.tmNode.isLeaf)),
+          checkable: checkableRef,
           checkboxDisabled: vue.computed(() => !!props.tmNode.rawNode.checkboxDisabled),
           selectable: selectableRef,
           expandOnClick: NTree.expandOnClickRef,
@@ -92799,7 +93348,7 @@
     var NTreeNode = TreeNode;
 
     function traverse(nodes, childrenField, callback, callbackAfter) {
-      nodes?.forEach(node => {
+      nodes === null || nodes === void 0 ? void 0 : nodes.forEach(node => {
         callback(node);
         traverse(node[childrenField], childrenField, callback, callbackAfter);
         callbackAfter(node);
@@ -93217,6 +93766,7 @@
     };
     const treeProps = {
       ...useTheme.props,
+      accordion: Boolean,
       showIrrelevantNodes: { type: Boolean, default: true },
       data: {
         type: Array,
@@ -93227,6 +93777,10 @@
         default: true
       },
       expandOnClick: Boolean,
+      checkOnClick: {
+        type: [Boolean, Function],
+        default: false
+      },
       cancelable: {
         type: Boolean,
         default: true
@@ -93517,7 +94071,7 @@
           });
         });
         const aipRef = vue.ref(false);
-        const afNodeRef = vue.ref([]);
+        const afNodesRef = vue.ref([]);
         vue.watch(expandedNonLoadingKeysRef, (value, prevValue) => {
           if (!props.animated) {
             void vue.nextTick(syncScrollbar);
@@ -93541,19 +94095,30 @@
               removedKey = expandedKey;
             }
           }
-          if (addedKey !== null && removedKey !== null || addedKey === null && removedKey === null) {
+          if (addedKey === null && removedKey === null) {
             return;
           }
           const { virtualScroll } = props;
           const viewportHeight = (virtualScroll ? virtualListInstRef.value.listElRef : selfElRef.value).offsetHeight;
           const viewportItemCount = Math.ceil(viewportHeight / ITEM_SIZE) + 1;
+          let baseExpandedKeys;
           if (addedKey !== null) {
-            aipRef.value = true;
-            afNodeRef.value = displayTreeMateRef.value.getFlattenedNodes(prevValue);
-            const expandedNodeIndex = afNodeRef.value.findIndex((node) => node.key === addedKey);
+            baseExpandedKeys = prevValue;
+          }
+          if (removedKey !== null) {
+            if (baseExpandedKeys === void 0) {
+              baseExpandedKeys = value;
+            } else {
+              baseExpandedKeys = baseExpandedKeys.filter((key) => key !== removedKey);
+            }
+          }
+          aipRef.value = true;
+          afNodesRef.value = displayTreeMateRef.value.getFlattenedNodes(baseExpandedKeys);
+          if (addedKey !== null) {
+            const expandedNodeIndex = afNodesRef.value.findIndex((node) => node.key === addedKey);
             if (~expandedNodeIndex) {
-              const expandedChildren = flatten$1(afNodeRef.value[expandedNodeIndex].children, value);
-              afNodeRef.value.splice(expandedNodeIndex + 1, 0, {
+              const expandedChildren = flatten$1(afNodesRef.value[expandedNodeIndex].children, value);
+              afNodesRef.value.splice(expandedNodeIndex + 1, 0, {
                 __motion: true,
                 mode: "expand",
                 height: virtualScroll ? expandedChildren.length * ITEM_SIZE : void 0,
@@ -93562,15 +94127,14 @@
             }
           }
           if (removedKey !== null) {
-            afNodeRef.value = displayTreeMateRef.value.getFlattenedNodes(value);
-            const collapsedNodeIndex = afNodeRef.value.findIndex((node) => node.key === removedKey);
+            const collapsedNodeIndex = afNodesRef.value.findIndex((node) => node.key === removedKey);
             if (~collapsedNodeIndex) {
-              const collapsedNodeChildren = afNodeRef.value[collapsedNodeIndex].children;
+              const collapsedNodeChildren = afNodesRef.value[collapsedNodeIndex].children;
               if (!collapsedNodeChildren)
                 return;
               aipRef.value = true;
               const collapsedChildren = flatten$1(collapsedNodeChildren, value);
-              afNodeRef.value.splice(collapsedNodeIndex + 1, 0, {
+              afNodesRef.value.splice(collapsedNodeIndex + 1, 0, {
                 __motion: true,
                 mode: "collapse",
                 height: virtualScroll ? collapsedChildren.length * ITEM_SIZE : void 0,
@@ -93584,7 +94148,7 @@
         });
         const mergedFNodesRef = vue.computed(() => {
           if (aipRef.value)
-            return afNodeRef.value;
+            return afNodesRef.value;
           else
             return fNodesRef.value;
         });
@@ -93721,9 +94285,10 @@
           doUpdateCheckedKeys(checkedKeys, getOptionsByKeys(checkedKeys));
           doUpdateIndeterminateKeys(indeterminateKeys, getOptionsByKeys(indeterminateKeys));
         }
-        function toggleExpand(key) {
+        function toggleExpand(node) {
           if (props.disabled)
             return;
+          const { key } = node;
           const { value: mergedExpandedKeys } = mergedExpandedKeysRef;
           const index = mergedExpandedKeys.findIndex((expandNodeId) => expandNodeId === key);
           if (~index) {
@@ -93735,14 +94300,23 @@
             if (!nodeToBeExpanded || nodeToBeExpanded.isLeaf) {
               return;
             }
-            const nextKeys = mergedExpandedKeys.concat(key);
+            let nextKeys;
+            if (props.accordion) {
+              const siblingKeySet = new Set(node.siblings.map(({ key: key2 }) => key2));
+              nextKeys = mergedExpandedKeys.filter((expandedKey) => {
+                return !siblingKeySet.has(expandedKey);
+              });
+              nextKeys.push(key);
+            } else {
+              nextKeys = mergedExpandedKeys.concat(key);
+            }
             doUpdateExpandedKeys(nextKeys, getOptionsByKeys(nextKeys));
           }
         }
         function handleSwitcherClick(node) {
           if (props.disabled || aipRef.value)
             return;
-          toggleExpand(node.key);
+          toggleExpand(node);
         }
         function handleSelect(node) {
           if (props.disabled || !props.selectable) {
@@ -94074,6 +94648,7 @@
           blockLineRef: vue.toRef(props, "blockLine"),
           indentRef: vue.toRef(props, "indent"),
           cascadeRef: vue.toRef(props, "cascade"),
+          checkOnClickRef: vue.toRef(props, "checkOnClick"),
           checkboxPlacementRef: props.checkboxPlacement,
           droppingMouseNodeRef,
           droppingNodeParentRef,
@@ -94319,7 +94894,7 @@
       color: var(--n-action-text-color);
     `), fadeInScaleUpTransition()])]);
 
-    const props = {
+    const treeSelectProps = {
       ...useTheme.props,
       bordered: {
         type: Boolean,
@@ -94397,11 +94972,11 @@
     };
     var TreeSelect = vue.defineComponent({
       name: "TreeSelect",
-      props,
-      setup(props2) {
+      props: treeSelectProps,
+      setup(props) {
         {
           vue.watchEffect(() => {
-            if (props2.leafOnly) {
+            if (props.leafOnly) {
               warnOnce("tree-select", '`leaf-only` is deprecated, please use `check-strategy="child"` instead.');
             }
           });
@@ -94410,7 +94985,7 @@
         const triggerInstRef = vue.ref(null);
         const treeInstRef = vue.ref(null);
         const menuElRef = vue.ref(null);
-        const { mergedClsPrefixRef, namespaceRef, inlineThemeDisabled } = useConfig(props2);
+        const { mergedClsPrefixRef, namespaceRef, inlineThemeDisabled } = useConfig(props);
         const { localeRef } = useLocale("Select");
         const {
           mergedSizeRef,
@@ -94420,49 +94995,49 @@
           nTriggerFormChange,
           nTriggerFormFocus,
           nTriggerFormInput
-        } = useFormItem(props2);
-        const uncontrolledValueRef = vue.ref(props2.defaultValue);
-        const controlledValueRef = vue.toRef(props2, "value");
+        } = useFormItem(props);
+        const uncontrolledValueRef = vue.ref(props.defaultValue);
+        const controlledValueRef = vue.toRef(props, "value");
         const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
-        const uncontrolledShowRef = vue.ref(props2.defaultShow);
-        const controlledShowRef = vue.toRef(props2, "show");
+        const uncontrolledShowRef = vue.ref(props.defaultShow);
+        const controlledShowRef = vue.toRef(props, "show");
         const mergedShowRef = useMergedState(controlledShowRef, uncontrolledShowRef);
         const patternRef = vue.ref("");
         const mergedFilterRef = vue.computed(() => {
-          const { filter } = props2;
+          const { filter } = props;
           if (filter)
             return filter;
-          const { labelField } = props2;
+          const { labelField } = props;
           return (pattern, node) => {
             if (!pattern.length)
               return true;
             return node[labelField].toLowerCase().includes(pattern.toLowerCase());
           };
         });
-        const dataTreeMateRef = vue.computed(() => createTreeMate(props2.options, createTreeMateOptions(props2.keyField, props2.childrenField)));
+        const dataTreeMateRef = vue.computed(() => createTreeMate(props.options, createTreeMateOptions(props.keyField, props.childrenField)));
         const { value: initMergedValue } = mergedValueRef;
-        const pendingNodeKeyRef = vue.ref(props2.checkable ? null : Array.isArray(initMergedValue) && initMergedValue.length ? initMergedValue[initMergedValue.length - 1] : null);
+        const pendingNodeKeyRef = vue.ref(props.checkable ? null : Array.isArray(initMergedValue) && initMergedValue.length ? initMergedValue[initMergedValue.length - 1] : null);
         const mergedCascadeRef = vue.computed(() => {
-          return props2.multiple && props2.cascade && props2.checkable;
+          return props.multiple && props.cascade && props.checkable;
         });
-        const uncontrolledExpandedKeysRef = vue.ref(props2.defaultExpandAll ? void 0 : props2.defaultExpandedKeys || props2.expandedKeys);
-        const controlledExpandedKeysRef = vue.toRef(props2, "expandedKeys");
+        const uncontrolledExpandedKeysRef = vue.ref(props.defaultExpandAll ? void 0 : props.defaultExpandedKeys || props.expandedKeys);
+        const controlledExpandedKeysRef = vue.toRef(props, "expandedKeys");
         const mergedExpandedKeysRef = useMergedState(controlledExpandedKeysRef, uncontrolledExpandedKeysRef);
         const focusedRef = vue.ref(false);
         const mergedPlaceholderRef = vue.computed(() => {
-          const { placeholder } = props2;
+          const { placeholder } = props;
           if (placeholder !== void 0)
             return placeholder;
           return localeRef.value.placeholder;
         });
         const treeSelectedKeysRef = vue.computed(() => {
-          if (props2.checkable)
+          if (props.checkable)
             return [];
           return treeCheckedKeysRef.value;
         });
         const treeCheckedKeysRef = vue.computed(() => {
           const { value: mergedValue } = mergedValueRef;
-          if (props2.multiple) {
+          if (props.multiple) {
             if (Array.isArray(mergedValue))
               return mergedValue;
             else
@@ -94475,7 +95050,7 @@
           }
         });
         const selectedOptionRef = vue.computed(() => {
-          const { multiple, showPath, separator, labelField } = props2;
+          const { multiple, showPath, separator, labelField } = props;
           if (multiple)
             return null;
           const { value: mergedValue } = mergedValueRef;
@@ -94489,7 +95064,7 @@
           return null;
         });
         const selectedOptionsRef = vue.computed(() => {
-          const { multiple, showPath, separator } = props2;
+          const { multiple, showPath, separator } = props;
           if (!multiple)
             return null;
           const { value: mergedValue } = mergedValueRef;
@@ -94497,11 +95072,11 @@
             const res = [];
             const { value: treeMate } = dataTreeMateRef;
             const { checkedKeys } = treeMate.getCheckedKeys(mergedValue, {
-              checkStrategy: props2.checkStrategy,
+              checkStrategy: props.checkStrategy,
               cascade: mergedCascadeRef.value,
-              allowNotLoaded: props2.allowCheckingNotLoaded
+              allowNotLoaded: props.allowCheckingNotLoaded
             });
-            const { labelField } = props2;
+            const { labelField } = props;
             checkedKeys.forEach((value) => {
               const tmNode = treeMate.getNode(value);
               if (tmNode !== null) {
@@ -94525,7 +95100,7 @@
           triggerInstRef.value?.focusInput();
         }
         function doUpdateShow(value) {
-          const { onUpdateShow, "onUpdate:show": _onUpdateShow } = props2;
+          const { onUpdateShow, "onUpdate:show": _onUpdateShow } = props;
           if (onUpdateShow)
             call(onUpdateShow, value);
           if (_onUpdateShow)
@@ -94533,7 +95108,7 @@
           uncontrolledShowRef.value = value;
         }
         function doUpdateValue(value, option) {
-          const { onUpdateValue, "onUpdate:value": _onUpdateValue } = props2;
+          const { onUpdateValue, "onUpdate:value": _onUpdateValue } = props;
           if (onUpdateValue)
             call(onUpdateValue, value, option);
           if (_onUpdateValue) {
@@ -94547,7 +95122,7 @@
           const {
             onUpdateIndeterminateKeys,
             "onUpdate:indeterminateKeys": _onUpdateIndeterminateKeys
-          } = props2;
+          } = props;
           if (onUpdateIndeterminateKeys) {
             call(onUpdateIndeterminateKeys, value, option);
           }
@@ -94559,7 +95134,7 @@
           const {
             onUpdateExpandedKeys,
             "onUpdate:expandedKeys": _onUpdateExpandedKeys
-          } = props2;
+          } = props;
           if (onUpdateExpandedKeys) {
             call(onUpdateExpandedKeys, keys, option);
           }
@@ -94569,14 +95144,14 @@
           uncontrolledExpandedKeysRef.value = keys;
         }
         function doFocus(e) {
-          const { onFocus } = props2;
+          const { onFocus } = props;
           if (onFocus)
             onFocus(e);
           nTriggerFormFocus();
         }
         function doBlur(e) {
           closeMenu();
-          const { onBlur } = props2;
+          const { onBlur } = props;
           if (onBlur)
             onBlur(e);
           nTriggerFormBlur();
@@ -94588,7 +95163,7 @@
           if (!mergedDisabledRef.value) {
             patternRef.value = "";
             doUpdateShow(true);
-            if (props2.filterable) {
+            if (props.filterable) {
               focusSelectionInput();
             }
           }
@@ -94609,7 +95184,7 @@
           if (!mergedShowRef.value) {
             openMenu();
           } else {
-            if (!props2.filterable) {
+            if (!props.filterable) {
               closeMenu();
             }
           }
@@ -94622,23 +95197,23 @@
         }
         function handleUpdateCheckedKeys(keys) {
           const options = getOptionsByKeys(keys);
-          if (props2.multiple) {
+          if (props.multiple) {
             doUpdateValue(keys, options);
           } else {
             keys.length ? doUpdateValue(keys[0], options[0] || null) : doUpdateValue(null, null);
             closeMenu();
-            if (!props2.filterable) {
+            if (!props.filterable) {
               focusSelection();
             }
           }
-          if (props2.filterable) {
+          if (props.filterable) {
             focusSelectionInput();
-            if (props2.clearFilterAfterSelect)
+            if (props.clearFilterAfterSelect)
               patternRef.value = "";
           }
         }
         function handleUpdateIndeterminateKeys(keys) {
-          if (props2.checkable) {
+          if (props.checkable) {
             doUpdateIndeterminateKeys(keys, getOptionsByKeys(keys));
           }
         }
@@ -94670,8 +95245,8 @@
         }
         function handleClear(e) {
           e.stopPropagation();
-          const { multiple } = props2;
-          if (!multiple && props2.filterable) {
+          const { multiple } = props;
+          if (!multiple && props.filterable) {
             closeMenu();
           }
           if (multiple) {
@@ -94686,15 +95261,15 @@
             const { value: treeMate } = dataTreeMateRef;
             const { checkedKeys: checkedKeysValue } = treeMate.getCheckedKeys(mergedValue, {
               cascade: mergedCascadeRef.value,
-              allowNotLoaded: props2.allowCheckingNotLoaded
+              allowNotLoaded: props.allowCheckingNotLoaded
             });
             const index = checkedKeysValue.findIndex((key) => key === option.value);
             if (~index) {
-              if (props2.checkable) {
+              if (props.checkable) {
                 const { checkedKeys } = treeMate.uncheck(option.value, checkedKeysValue, {
-                  checkStrategy: props2.checkStrategy,
+                  checkStrategy: props.checkStrategy,
                   cascade: mergedCascadeRef.value,
-                  allowNotLoaded: props2.allowCheckingNotLoaded
+                  allowNotLoaded: props.allowCheckingNotLoaded
                 });
                 doUpdateValue(checkedKeys, getOptionsByKeys(checkedKeys));
               } else {
@@ -94719,7 +95294,7 @@
           if (e.key === "Enter") {
             if (mergedShowRef.value) {
               treeHandleKeydown(e);
-              if (!props2.multiple) {
+              if (!props.multiple) {
                 closeMenu();
                 focusSelection();
               }
@@ -94750,7 +95325,7 @@
             e.preventDefault();
         }
         const selectionRenderTagRef = vue.computed(() => {
-          const { renderTag } = props2;
+          const { renderTag } = props;
           if (!renderTag)
             return void 0;
           return function selectionRenderTag({
@@ -94777,7 +95352,7 @@
           followerInstRef.value?.syncPosition();
         }
         useOnResize(menuElRef, handleTriggerOrMenuResize);
-        const themeRef = useTheme("TreeSelect", "-tree-select", style$9, treeSelectLight$1, props2, mergedClsPrefixRef);
+        const themeRef = useTheme("TreeSelect", "-tree-select", style$9, treeSelectLight$1, props, mergedClsPrefixRef);
         const cssVarsRef = vue.computed(() => {
           const {
             common: { cubicBezierEaseInOut },
@@ -94802,7 +95377,7 @@
             "--n-action-divider-color": actionDividerColor
           };
         });
-        const themeClassHandle = inlineThemeDisabled ? useThemeClass("tree-select", void 0, cssVarsRef, props2) : void 0;
+        const themeClassHandle = inlineThemeDisabled ? useThemeClass("tree-select", void 0, cssVarsRef, props) : void 0;
         return {
           menuElRef,
           mergedStatus: mergedStatusRef,
@@ -94813,7 +95388,7 @@
           mergedValue: mergedValueRef,
           mergedShow: mergedShowRef,
           namespace: namespaceRef,
-          adjustedTo: useAdjustedTo(props2),
+          adjustedTo: useAdjustedTo(props),
           isMounted: isMounted(),
           focused: focusedRef,
           menuPadding: menuPaddingRef,
@@ -95088,12 +95663,14 @@
         return {
           mergedClsPrefix: mergedClsPrefixRef,
           cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
-          themeClass: themeClassHandle?.themeClass,
-          onRender: themeClassHandle?.onRender
+          themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+          onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
       },
 
       render() {
+        var _this$onRender;
+
         const {
           prefix,
           alignText,
@@ -95101,7 +95678,7 @@
           cssVars,
           $slots
         } = this;
-        this.onRender?.();
+        (_this$onRender = this.onRender) === null || _this$onRender === void 0 ? void 0 : _this$onRender.call(this);
         return vue.h(`h${level}`, {
           class: [`${mergedClsPrefix}-h`, `${mergedClsPrefix}-h${level}`, this.themeClass, {
             [`${mergedClsPrefix}-h--prefix-bar`]: prefix,
@@ -95984,14 +96561,17 @@
           const { file } = props;
           return ["error"].includes(file.status);
         });
+        const mergedThumbnailUrlRef = useMemo(() => {
+          return thumbnailUrlRef.value || props.file.thumbnailUrl || props.file.url;
+        });
         const showPreviewButtonRef = vue.computed(() => {
           if (!NUpload.showPreviewButtonRef.value)
             return false;
           const {
-            file: { status, url },
+            file: { status },
             listType
           } = props;
-          return ["finished"].includes(status) && (url || thumbnailUrlRef.value) && listType === "image-card";
+          return ["finished"].includes(status) && mergedThumbnailUrlRef.value && listType === "image-card";
         });
         function handleRetryClick() {
           NUpload.submit(props.file.id);
@@ -96083,7 +96663,7 @@
           showDownloadButton: showDownloadButtonRef,
           showRetryButton: showRetryButtonRef,
           showPreviewButton: showPreviewButtonRef,
-          thumbnailUrl: thumbnailUrlRef,
+          mergedThumbnailUrl: mergedThumbnailUrlRef,
           imageRef,
           handleRemoveOrCancelClick,
           handleDownloadClick,
@@ -96101,19 +96681,19 @@
             class: `${clsPrefix}-upload-file-info__thumbnail`
           }, /* @__PURE__ */ vue.h(NBaseIcon, {
             clsPrefix
-          }, { default: () => documentIcon })) : (file.url || this.thumbnailUrl) && file.status !== "error" ? /* @__PURE__ */ vue.h("a", {
+          }, { default: () => documentIcon })) : this.mergedThumbnailUrl && file.status !== "error" ? /* @__PURE__ */ vue.h("a", {
             rel: "noopener noreferer",
             target: "_blank",
             href: file.url || void 0,
             class: `${clsPrefix}-upload-file-info__thumbnail`,
             onClick: this.handlePreviewClick
           }, listType === "image-card" ? /* @__PURE__ */ vue.h(NImage, {
-            src: this.thumbnailUrl || file.thumbnailUrl || file.url || void 0,
+            src: this.mergedThumbnailUrl || void 0,
             previewSrc: file.url || void 0,
             alt: file.name,
             ref: "imageRef"
           }) : /* @__PURE__ */ vue.h("img", {
-            src: this.thumbnailUrl || file.thumbnailUrl || file.url || void 0,
+            src: this.mergedThumbnailUrl || void 0,
             alt: file.name
           })) : /* @__PURE__ */ vue.h("span", {
             class: `${clsPrefix}-upload-file-info__thumbnail`
@@ -97036,7 +97616,10 @@
 
     var style = c$1([cB("watermark-container", `
     position: relative;
-  `, [cNotM("selectable", "user-select: none;")]), cB("watermark", `
+  `, [cNotM("selectable", `
+      user-select: none;
+      -webkit-user-select: none;
+    `)]), cB("watermark", `
     position: absolute;
     top: 0;
     left: 0;
@@ -97277,13 +97860,15 @@
       app.mount(hostEl);
 
       const unmount = () => {
+        var _hostEl$parentNode;
+
         if (app === null || hostEl === null) {
           warn$2("discrete", "unmount call no need because discrete app has been unmounted");
           return;
         }
 
         app.unmount();
-        hostEl.parentNode?.removeChild(hostEl);
+        (_hostEl$parentNode = hostEl.parentNode) === null || _hostEl$parentNode === void 0 ? void 0 : _hostEl$parentNode.removeChild(hostEl);
         hostEl = null;
         app = null;
       };
@@ -97348,153 +97933,274 @@
     var components = /*#__PURE__*/Object.freeze({
         __proto__: null,
         NAffix: NAffix,
+        affixProps: affixProps,
         NAlert: Alert,
+        alertProps: alertProps,
         NAnchor: AnchorAdapter,
+        anchorProps: anchorProps,
         NAnchorLink: Link,
+        anchorLinkProps: anchorLinkProps,
         NAutoComplete: AutoComplete,
+        autoCompleteProps: autoCompleteProps,
         NAvatar: NAvatar,
+        avatarProps: avatarProps,
         NAvatarGroup: AvatarGroup,
+        avatarGroupProps: avatarGroupProps,
         NBackTop: BackTop,
+        backTopProps: backTopProps,
         NBadge: Badge,
+        badgeProps: badgeProps,
         NBreadcrumb: Breadcrumb,
+        breadcrumbProps: breadcrumbProps,
         NBreadcrumbItem: BreadcrumbItem,
+        breadcrumbItemProps: breadcrumbItemProps,
         NButton: NButton,
         NxButton: XButton,
+        buttonProps: buttonProps,
         NButtonGroup: NButtonGroup,
+        buttonGroupProps: buttonGroupProps,
         NCalendar: Calendar,
+        calendarProps: calendarProps,
         NColorPicker: NColorPicker,
+        colorPickerProps: colorPickerProps,
         NCard: NCard,
+        cardProps: cardProps,
         NCarousel: Carousel,
+        carouselProps: carouselProps,
         NCarouselItem: NCarouselItem,
         NCascader: Cascader,
+        cascaderProps: cascaderProps,
         NCheckbox: NCheckbox,
+        checkboxProps: checkboxProps,
         NCheckboxGroup: NCheckboxGroup,
+        checkboxGroupProps: checkboxGroupProps,
         NCode: NCode,
+        codeProps: codeProps,
         NCollapse: NCollapse,
+        collapseProps: collapseProps,
         NCollapseItem: NCollapseItem,
+        collapseItemProps: collapseItemProps,
         NCollapseTransition: CollapseTransition,
+        collapseTransitionProps: collapseTransitionProps,
         NConfigProvider: NConfigProvider,
         configProviderProps: configProviderProps,
         NCountdown: Countdown,
+        countdownProps: countdownProps,
         NNumberAnimation: NumberAnimation,
+        numberAnimationProps: numberAnimationProps,
         NDataTable: DataTable,
+        dataTableProps: dataTableProps,
         NDatePicker: DatePicker,
+        datePickerProps: datePickerProps,
         NDescriptions: Descriptions,
+        descriptionsProps: descriptionsProps,
         NDescriptionsItem: DescriptionsItem,
+        descriptionsItemProps: descriptionsItemProps,
         NDialog: NDialog,
+        dialogProps: dialogProps,
         NDialogProvider: NDialogProvider,
+        dialogProviderProps: dialogProviderProps,
         useDialog: useDialog,
         NDivider: NDivider,
+        dividerProps: dividerProps,
         NDrawer: Drawer,
+        drawerProps: drawerProps,
         NDrawerContent: DrawerContent,
+        drawerContentProps: drawerContentProps,
         NDropdown: NDropdown,
+        dropdownProps: dropdownProps,
         NDynamicInput: DynamicInput,
+        dynamicInputProps: dynamicInputProps,
         NDynamicTags: DynamicTags,
+        dynamicTagsProps: dynamicTagsProps,
         NElement: NElement,
+        elementProps: elementProps,
         NEl: NElement,
         NEllipsis: NEllipsis,
+        ellipsisProps: ellipsisProps,
         NEmpty: NEmpty,
+        emptyProps: emptyProps,
         NForm: Form,
+        formProps: formProps,
         NFormItem: NFormItem,
+        formItemProps: formItemProps,
         NFormItemGridItem: FormItemGridItem,
         NFormItemGi: FormItemGridItem,
+        formItemGiProps: formItemGiProps,
+        formItemGridItemProps: formItemGiProps,
         NFormItemCol: NFormItemCol,
         NFormItemRow: FormItemRow,
         NGlobalStyle: GlobalStyle,
         NGradientText: GradientText,
+        gradientTextProps: gradientTextProps,
         NGrid: Grid,
+        gridProps: gridProps,
         NGridItem: NGridItem,
+        gridItemProps: gridItemProps,
         NGi: NGridItem,
+        giProps: gridItemProps,
         NIcon: NIcon,
+        iconProps: iconProps,
         NIconWrapper: NIconWrapper,
+        iconWrapperProps: iconWrapperProps,
         NImage: NImage,
+        imageProps: imageProps,
         NImageGroup: NImageGroup,
+        imageGroupProps: imageGroupProps,
         NInput: NInput,
+        inputProps: inputProps,
         NInputGroup: NInputGroup,
+        inputGroupProps: inputGroupProps,
         NInputGroupLabel: InputGroupLabel,
+        inputGroupLabelProps: inputGroupLabelProps,
         NInputNumber: InputNumber,
+        inputNumberProps: inputNumberProps,
         NLayout: Layout,
+        layoutProps: layoutProps,
+        layoutContentProps: layoutProps,
         NLayoutContent: LayoutContent,
         NLayoutHeader: LayoutHeader,
+        layoutHeaderProps: headerProps$1,
         NLayoutFooter: LayoutFooter,
+        layoutFooterProps: layoutFooterProps,
         NLayoutSider: LayoutSider,
+        layoutSiderProps: layoutSiderProps,
         NRow: NRow,
+        rowProps: rowProps,
         NCol: NCol,
+        colProps: colProps,
         NList: List,
+        listProps: listProps,
         NListItem: ListItem,
         NLoadingBarProvider: NLoadingBarProvider,
+        loadingBarProviderProps: loadingBarProviderProps,
         useLoadingBar: useLoadingBar,
         NLog: Log,
+        logProps: logProps,
         NMenu: Menu,
+        menuProps: menuProps,
         NMention: Mention,
+        mentionProps: mentionProps,
         NMessageProvider: NMessageProvider,
+        messageProviderProps: messageProviderProps,
         useMessage: useMessage,
         NModal: NModal,
+        modalProps: modalProps,
         NNotificationProvider: NNotificationProvider,
+        notificationProviderProps: notificationProviderProps,
         useNotification: useNotification,
         NPageHeader: PageHeader,
+        pageHeaderProps: pageHeaderProps,
         NPagination: NPagination,
+        paginationProps: paginationProps,
         NPopconfirm: Popconfirm,
+        popconfirmProps: popconfirmProps,
         NPopover: NPopover,
+        popoverProps: popoverProps,
         NPopselect: NPopselect,
+        popselectProps: popselectProps,
         NProgress: NProgress,
+        progressProps: progressProps,
         NRadio: NRadio,
+        radioProps: radioProps,
         NRadioGroup: NRadioGroup,
+        radioGroupProps: radioGroupProps,
         NRadioButton: RadioButton,
+        radioButtonProps: radioButtonProps,
         NRate: Rate,
+        rateProps: rateProps,
         NResult: Result,
+        resultProps: resultProps,
         NScrollbar: Scrollbar$1,
+        scrollbarProps: scrollbarProps,
         NSelect: NSelect,
+        selectProps: selectProps,
         NSkeleton: Skeleton,
+        skeletonProps: skeletonProps,
         NSlider: Slider,
+        sliderProps: sliderProps,
         NSpace: NSpace,
+        spaceProps: spaceProps,
         NSpin: Spin,
+        spinProps: spinProps,
         NStatistic: Statistic,
+        statisticProps: statisticProps,
         NSteps: Steps,
+        stepsProps: stepsProps,
         NStep: Step,
+        stepProps: stepProps,
         NSwitch: Switch,
+        switchProps: switchProps,
         NTable: Table,
+        tableProps: tableProps,
         NTh: Th,
         NTr: Tr,
         NTd: Td,
         NThead: Thead,
         NTbody: Tbody,
         NTabs: Tabs,
+        tabsProps: tabsProps,
         NTabPane: TabPane,
+        tabPaneProps: tabPaneProps,
         NTab: Tab,
+        tabProps: tabProps,
         NTag: NTag,
+        tagProps: tagProps,
         NThing: Thing,
+        thingProps: thingProps,
         NTime: Time,
+        timeProps: timeProps,
         NTimePicker: NTimePicker,
+        timePickerProps: timePickerProps,
         NTimeline: Timeline,
+        timelineProps: timelineProps,
         NTimelineItem: TimelineItem,
+        timelineItemProps: timelineItemProps,
         NTooltip: NTooltip,
+        tooltipProps: tooltipProps,
         NTransfer: Transfer,
+        transferProps: transferProps,
         NTree: NTree,
+        treeProps: treeProps,
         NTreeSelect: TreeSelect,
+        treeSelectProps: treeSelectProps,
         NH1: NH1,
         NH2: NH2,
         NH3: NH3,
         NH4: NH4,
         NH5: NH5,
         NH6: NH6,
+        h1Props: headerProps,
+        h2Props: headerProps,
+        h3Props: headerProps,
+        h4Props: headerProps,
+        h5Props: headerProps,
+        h6Props: headerProps,
         NA: a,
+        aProps: aProps,
         NP: p,
+        pProps: pProps,
         NBlockquote: blockquote,
+        blockquoteProps: blockquoteProps,
         NHr: hr,
         NUl: ul,
+        ulProps: ulProps,
         NOl: ol,
+        olProps: olProps,
         NLi: li,
         NText: text,
+        textProps: textProps,
         NUpload: Upload,
+        uploadProps: uploadProps,
         NUploadDragger: NUploadDragger,
         NUploadTrigger: NUploadTrigger,
         NUploadFileList: NUploadFileList,
         NWatermark: Watermark,
+        watermarkProps: watermarkProps,
         createDiscreteApi: createDiscreteApi
     });
 
-    var version = "2.30.8";
+    var version = "2.31.0";
 
     function create() {
       let {
@@ -97554,9 +98260,9 @@
             value: mergedThemeOverrides
           }
         } = configProviderInjection;
-        const currentThemeVars = mergedTheme?.common || commonLight;
+        const currentThemeVars = (mergedTheme === null || mergedTheme === void 0 ? void 0 : mergedTheme.common) || commonLight;
 
-        if (mergedThemeOverrides?.common) {
+        if (mergedThemeOverrides !== null && mergedThemeOverrides !== void 0 && mergedThemeOverrides.common) {
           return Object.assign({}, currentThemeVars, mergedThemeOverrides.common);
         } else {
           return currentThemeVars;
@@ -98220,34 +98926,63 @@
     exports.NUploadTrigger = NUploadTrigger;
     exports.NWatermark = Watermark;
     exports.NxButton = XButton;
+    exports.aProps = aProps;
+    exports.affixProps = affixProps;
     exports.alertDark = alertDark$1;
+    exports.alertProps = alertProps;
     exports.anchorDark = anchorDark$1;
+    exports.anchorLinkProps = anchorLinkProps;
+    exports.anchorProps = anchorProps;
     exports.autoCompleteDark = autoCompleteDark$1;
+    exports.autoCompleteProps = autoCompleteProps;
     exports.avatarDark = avatarDark$1;
+    exports.avatarGroupProps = avatarGroupProps;
+    exports.avatarProps = avatarProps;
     exports.backTopDark = backTopDark$1;
+    exports.backTopProps = backTopProps;
     exports.badgeDark = badgeDark$1;
+    exports.badgeProps = badgeProps;
+    exports.blockquoteProps = blockquoteProps;
     exports.breadcrumbDark = breadcrumbDark$1;
+    exports.breadcrumbItemProps = breadcrumbItemProps;
+    exports.breadcrumbProps = breadcrumbProps;
     exports.buttonDark = buttonDark$1;
     exports.buttonGroupDark = buttonGroupDark$1;
+    exports.buttonGroupProps = buttonGroupProps;
+    exports.buttonProps = buttonProps;
     exports.c = c$1;
     exports.cB = cB;
     exports.cE = cE;
     exports.cM = cM;
     exports.cNotM = cNotM;
+    exports.calendarProps = calendarProps;
     exports.cardDark = cardDark$1;
+    exports.cardProps = cardProps;
+    exports.carouselProps = carouselProps;
     exports.cascaderDark = cascaderDark$1;
+    exports.cascaderProps = cascaderProps;
     exports.checkboxDark = checkboxDark$1;
+    exports.checkboxGroupProps = checkboxGroupProps;
+    exports.checkboxProps = checkboxProps;
     exports.codeDark = codeDark$1;
+    exports.codeProps = codeProps;
+    exports.colProps = colProps;
     exports.collapseDark = collapseDark$1;
+    exports.collapseItemProps = collapseItemProps;
+    exports.collapseProps = collapseProps;
+    exports.collapseTransitionProps = collapseTransitionProps;
+    exports.colorPickerProps = colorPickerProps;
     exports.commonDark = commonDark;
     exports.commonLight = commonLight;
     exports.configProviderProps = configProviderProps;
+    exports.countdownProps = countdownProps;
     exports.create = create;
     exports.createDiscreteApi = createDiscreteApi;
     exports.createLocale = createLocale;
     exports.createTheme = createTheme;
     exports.darkTheme = darkTheme;
     exports.dataTableDark = dataTableDark$1;
+    exports.dataTableProps = dataTableProps;
     exports.dateDeDE = dateDeDE$1;
     exports.dateEnGB = dateEnGB$1;
     exports.dateEnUS = dateEnUS;
@@ -98261,6 +98996,7 @@
     exports.dateNbNO = dateNbNO$1;
     exports.dateNlNL = dateNlNL$1;
     exports.datePickerDark = datePickerDark$1;
+    exports.datePickerProps = datePickerProps;
     exports.datePlPL = datePlPL$1;
     exports.datePtBR = datePtBr$1;
     exports.dateRuRU = dateRuRU$1;
@@ -98273,76 +99009,165 @@
     exports.deDE = deDE$1;
     exports["default"] = naive$1;
     exports.descriptionsDark = descriptionsDark$1;
+    exports.descriptionsItemProps = descriptionsItemProps;
+    exports.descriptionsProps = descriptionsProps;
     exports.dialogDark = dialogDark$1;
+    exports.dialogProps = dialogProps;
+    exports.dialogProviderProps = dialogProviderProps;
     exports.dividerDark = dividerDark$1;
+    exports.dividerProps = dividerProps;
+    exports.drawerContentProps = drawerContentProps;
     exports.drawerDark = drawerDark$1;
+    exports.drawerProps = drawerProps;
     exports.dropdownDark = dropdownDark$1;
+    exports.dropdownProps = dropdownProps;
     exports.dynamicInputDark = dynamicInputDark$1;
+    exports.dynamicInputProps = dynamicInputProps;
     exports.dynamicTagsDark = dynamicTagsDark$1;
+    exports.dynamicTagsProps = dynamicTagsProps;
     exports.elementDark = elementDark$1;
+    exports.elementProps = elementProps;
+    exports.ellipsisProps = ellipsisProps;
     exports.emptyDark = emptyDark$1;
+    exports.emptyProps = emptyProps;
     exports.enGB = enGB$1;
     exports.enUS = enUS$2;
     exports.eo = eo$1;
     exports.esAR = esAR$1;
     exports.formDark = formDark;
+    exports.formItemGiProps = formItemGiProps;
+    exports.formItemGridItemProps = formItemGiProps;
+    exports.formItemProps = formItemProps;
+    exports.formProps = formProps;
     exports.frFR = frFR$1;
+    exports.giProps = gridItemProps;
     exports.gradientTextDark = gradientTextDark$1;
+    exports.gradientTextProps = gradientTextProps;
+    exports.gridItemProps = gridItemProps;
+    exports.gridProps = gridProps;
+    exports.h1Props = headerProps;
+    exports.h2Props = headerProps;
+    exports.h3Props = headerProps;
+    exports.h4Props = headerProps;
+    exports.h5Props = headerProps;
+    exports.h6Props = headerProps;
     exports.iconDark = iconDark$2;
+    exports.iconProps = iconProps;
+    exports.iconWrapperProps = iconWrapperProps;
     exports.idID = idID$1;
+    exports.imageGroupProps = imageGroupProps;
+    exports.imageProps = imageProps;
     exports.inputDark = inputDark$1;
+    exports.inputGroupLabelProps = inputGroupLabelProps;
+    exports.inputGroupProps = inputGroupProps;
     exports.inputNumberDark = inputNumberDark$1;
+    exports.inputNumberProps = inputNumberProps;
+    exports.inputProps = inputProps;
     exports.install = install;
     exports.internalSelectMenuDark = internalSelectMenuDark$1;
     exports.internalSelectionDark = internalSelectionDark$1;
     exports.itIT = itIT$1;
     exports.jaJP = jaJP$1;
     exports.koKR = koKR$1;
+    exports.layoutContentProps = layoutProps;
     exports.layoutDark = layoutDark$1;
+    exports.layoutFooterProps = layoutFooterProps;
+    exports.layoutHeaderProps = headerProps$1;
+    exports.layoutProps = layoutProps;
+    exports.layoutSiderProps = layoutSiderProps;
     exports.lightTheme = lightTheme;
     exports.listDark = listDark$2;
+    exports.listProps = listProps;
     exports.loadingBarDark = loadingBarDark$1;
+    exports.loadingBarProviderProps = loadingBarProviderProps;
     exports.logDark = logDark$1;
+    exports.logProps = logProps;
     exports.mentionDark = mentionDark;
+    exports.mentionProps = mentionProps;
     exports.menuDark = menuDark$1;
+    exports.menuProps = menuProps;
     exports.messageDark = messageDark$1;
+    exports.messageProviderProps = messageProviderProps;
     exports.modalDark = modalDark$1;
+    exports.modalProps = modalProps;
     exports.nbNO = nbNO$1;
     exports.nlNL = nlNL$1;
     exports.notificationDark = notificationDark$1;
+    exports.notificationProviderProps = notificationProviderProps;
+    exports.numberAnimationProps = numberAnimationProps;
+    exports.olProps = olProps;
+    exports.pProps = pProps;
+    exports.pageHeaderProps = pageHeaderProps;
     exports.paginationDark = paginationDark$1;
+    exports.paginationProps = paginationProps;
     exports.plPL = plPL$1;
     exports.popconfirmDark = popconfirmDark$1;
+    exports.popconfirmProps = popconfirmProps;
     exports.popoverDark = popoverDark$1;
+    exports.popoverProps = popoverProps;
     exports.popselectDark = popselectDark;
+    exports.popselectProps = popselectProps;
     exports.progressDark = progressDark$1;
+    exports.progressProps = progressProps;
     exports.ptBR = ptBR$1;
+    exports.radioButtonProps = radioButtonProps;
     exports.radioDark = radioDark$1;
+    exports.radioGroupProps = radioGroupProps;
+    exports.radioProps = radioProps;
     exports.rateDark = rateDark$1;
+    exports.rateProps = rateProps;
     exports.resultDark = resultDark$1;
+    exports.resultProps = resultProps;
+    exports.rowProps = rowProps;
     exports.ruRU = ruRu$1;
     exports.scrollbarDark = scrollbarDark$1;
+    exports.scrollbarProps = scrollbarProps;
     exports.selectDark = selectDark$1;
+    exports.selectProps = selectProps;
     exports.skSK = skSK$1;
+    exports.skeletonProps = skeletonProps;
     exports.sliderDark = sliderDark$1;
+    exports.sliderProps = sliderProps;
     exports.spaceDark = spaceDark$1;
+    exports.spaceProps = spaceProps;
     exports.spinDark = spinDark$1;
+    exports.spinProps = spinProps;
     exports.statisticDark = statisticDark$1;
+    exports.statisticProps = statisticProps;
+    exports.stepProps = stepProps;
     exports.stepsDark = stepsDark$1;
+    exports.stepsProps = stepsProps;
     exports.switchDark = switchDark$1;
+    exports.switchProps = switchProps;
+    exports.tabPaneProps = tabPaneProps;
+    exports.tabProps = tabProps;
     exports.tableDark = tableDark$1;
+    exports.tableProps = tableProps;
     exports.tabsDark = tabsDark$1;
+    exports.tabsProps = tabsProps;
     exports.tagDark = tagDark$1;
+    exports.tagProps = tagProps;
+    exports.textProps = textProps;
     exports.thTH = thTH$1;
     exports.thingDark = thingDark$1;
+    exports.thingProps = thingProps;
     exports.timePickerDark = timePickerDark$1;
+    exports.timePickerProps = timePickerProps;
+    exports.timeProps = timeProps;
     exports.timelineDark = timelineDark$1;
+    exports.timelineItemProps = timelineItemProps;
+    exports.timelineProps = timelineProps;
     exports.tooltipDark = tooltipDark$1;
+    exports.tooltipProps = tooltipProps;
     exports.transferDark = transferDark$1;
+    exports.transferProps = transferProps;
     exports.treeDark = treeDark$1;
+    exports.treeProps = treeProps;
     exports.treeSelectDark = treeSelectDark$1;
+    exports.treeSelectProps = treeSelectProps;
     exports.typographyDark = typographyDark$1;
     exports.ukUA = ukUA$1;
+    exports.ulProps = ulProps;
     exports.unstableAlertRtl = alertRtl;
     exports.unstableAvatarGroupRtl = avatarGroupRtl;
     exports.unstableBadgeRtl = badgeRtl;
@@ -98362,6 +99187,7 @@
     exports.unstableTableRtl = tableRtl;
     exports.unstableTagRtl = tagRtl;
     exports.uploadDark = uploadDark$1;
+    exports.uploadProps = uploadProps;
     exports.useDialog = useDialog;
     exports.useLoadingBar = useLoadingBar;
     exports.useMessage = useMessage;
@@ -98371,6 +99197,7 @@
     exports.version = version;
     exports.viVN = viVN$1;
     exports.watermarkDark = watermarkDark$1;
+    exports.watermarkProps = watermarkProps;
     exports.zhCN = zhCN$1;
     exports.zhTW = zhTW$1;