naive-ui 2.32.2 → 2.33.2

package/dist/index.js

@@ -1017,7 +1017,7 @@
       if (parentElement) parentElement.removeChild(el);
     }
     function queryElement(id) {
-      return document.querySelector(`style[cssr-id="${id}"]`);
+      return document.head.querySelector(`style[cssr-id="${id}"]`);
     }
     function createElement(id) {
       const el = document.createElement('style');
@@ -4445,13 +4445,13 @@
     };
 
     var isElement = function (obj) {
-      var _a, _b;
+      var _a;
 
       if (obj instanceof Element) {
         return true;
       }
 
-      var scope = (_b = (_a = obj) === null || _a === void 0 ? void 0 : _a.ownerDocument) === null || _b === void 0 ? void 0 : _b.defaultView;
+      var scope = (_a = obj === null || obj === void 0 ? void 0 : obj.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView;
       return !!(scope && obj instanceof scope.Element);
     };
 
@@ -4692,7 +4692,7 @@
         }).observe(el_1, config);
 
         trigger = function () {
-          el_1.textContent = "" + (toggle_1 ? toggle_1-- : toggle_1++);
+          el_1.textContent = "".concat(toggle_1 ? toggle_1-- : toggle_1++);
         };
       }
 
@@ -17347,8 +17347,8 @@
         endDatePlaceholder: "Date de fin",
         startDatetimePlaceholder: "Date et heure de d\xE9but",
         endDatetimePlaceholder: "Date et heure de fin",
-        startMonthPlaceholder: "Start Month",
-        endMonthPlaceholder: "End Month",
+        startMonthPlaceholder: "Mois de d\xE9but",
+        endMonthPlaceholder: "Mois de fin",
         monthBeforeYear: true,
         firstDayOfWeek: 1,
         today: "Aujourd'hui"
@@ -17364,11 +17364,11 @@
         targetTitle: "Cible"
       },
       Transfer: {
-        selectAll: "Select all",
-        unselectAll: "Unselect all",
-        clearAll: "Clear",
-        total: num => `Total ${num} items`,
-        selected: num => `${num} items selected`
+        selectAll: "S\xE9lectionner tout",
+        unselectAll: "D\xE9s\xE9lectionner tout",
+        clearAll: "Effacer",
+        total: num => `Total ${num} \xE9l\xE9ments`,
+        selected: num => `${num} \xE9l\xE9ments s\xE9lectionn\xE9s`
       },
       Empty: {
         description: "Aucune donn\xE9e"
@@ -17419,7 +17419,7 @@
         tipZoomOut: "D\xE9zoomer",
         tipZoomIn: "Zoomer",
         tipClose: "Fermer (\xC9chap.)",
-        tipOriginalSize: "Zoom to original size"
+        tipOriginalSize: "Zoom \xE0 la taille originale"
       }
     };
     var frFR$1 = frFR;
@@ -37255,7 +37255,6 @@
     };
     var internalSelectMenuDark$1 = internalSelectMenuDark;
 
-    const checkMarkIcon = vue.h(FinishedIcon);
     function renderCheckMark(show, clsPrefix) {
       return /* @__PURE__ */ vue.h(vue.Transition, {
         name: "fade-in-scale-up-transition"
@@ -37264,7 +37263,7 @@
           clsPrefix,
           class: `${clsPrefix}-base-select-option__check`
         }, {
-          default: () => checkMarkIcon
+          default: () => vue.h(FinishedIcon)
         }) : null
       });
     }
@@ -42963,7 +42962,7 @@
           value: input
         } = inputElRef;
 
-        if (!input || !input.focus) {
+        if (!(input !== null && input !== void 0 && input.focus)) {
           reset();
           return;
         }
@@ -47865,7 +47864,7 @@
         );
         const { localeRef, dateLocaleRef } = useLocale("DatePicker");
         const now = Date.now();
-        const monthTsRef = vue.ref(startOfMonth(now).valueOf());
+        const monthTsRef = vue.ref(startOfMonth(props.defaultValue ?? now).valueOf());
         const uncontrolledValueRef = vue.ref(props.defaultValue || null);
         const mergedValueRef = useMergedState(
           vue.toRef(props, "value"),
@@ -49821,6 +49820,8 @@
         colorPopover: popoverColor,
         colorTarget: primaryColor,
         colorEmbedded: actionColor,
+        colorEmbeddedModal: actionColor,
+        colorEmbeddedPopover: actionColor,
         textColor: textColor2,
         titleTextColor: textColor1,
         borderColor: dividerColor,
@@ -49854,9 +49855,13 @@
       self(vars) {
         const commonSelf = self$W(vars);
         const {
-          cardColor
+          cardColor,
+          modalColor,
+          popoverColor
         } = vars;
         commonSelf.colorEmbedded = cardColor;
+        commonSelf.colorEmbeddedModal = modalColor;
+        commonSelf.colorEmbeddedPopover = popoverColor;
         return commonSelf;
       }
 
@@ -49891,7 +49896,9 @@
       background-color .3s var(--n-bezier),
       box-shadow .3s var(--n-bezier),
       border-color .3s var(--n-bezier);
-  `, [cM("hoverable", [c$1("&:hover", "box-shadow: var(--n-box-shadow);")]), cM("content-segmented", [c$1(">", [cE("content", {
+  `, [asModal({
+      background: "var(--n-color-modal)"
+    }), cM("hoverable", [c$1("&:hover", "box-shadow: var(--n-box-shadow);")]), cM("content-segmented", [c$1(">", [cE("content", {
       paddingTop: "var(--n-padding-bottom)"
     })])]), cM("content-soft-segmented", [c$1(">", [cE("content", `
           margin: 0 var(--n-padding-left);
@@ -49965,13 +49972,17 @@
       transition: "border-color 0.3s var(--n-bezier)"
     }, [c$1("&:not(:first-child)", {
       borderTop: "1px solid var(--n-border-color)"
-    })])])])]), insideModal(cB("card", {
-      background: "var(--n-color-modal)"
-    })), insidePopover(cB("card", {
-      background: "var(--n-color-popover)"
-    })), cB("card", [asModal({
-      background: "var(--n-color-modal)"
-    })])]);
+    })])])]), cM("embedded", `
+      background-color: var(--n-color-embedded);
+    `)]), insideModal(cB("card", `
+    background: var(--n-color-modal);
+  `, [cM("embedded", `
+      background-color: var(--n-color-embedded-modal);
+    `)])), insidePopover(cB("card", `
+    background: var(--n-color-popover);
+  `, [cM("embedded", `
+      background-color: var(--n-color-embedded-popover);
+    `)]))]);
 
     const cardBaseProps = {
       title: String,
@@ -50049,6 +50060,8 @@
               boxShadow,
               colorPopover,
               colorEmbedded,
+              colorEmbeddedModal,
+              colorEmbeddedPopover,
               [createKey("padding", size)]: padding,
               [createKey("fontSize", size)]: fontSize,
               [createKey("titleFontSize", size)]: titleFontSize
@@ -50063,9 +50076,12 @@
           return {
             "--n-bezier": cubicBezierEaseInOut,
             "--n-border-radius": borderRadius,
-            "--n-color": props.embedded ? colorEmbedded : color,
+            "--n-color": color,
             "--n-color-modal": colorModal,
             "--n-color-popover": colorPopover,
+            "--n-color-embedded": colorEmbedded,
+            "--n-color-embedded-modal": colorEmbeddedModal,
+            "--n-color-embedded-popover": colorEmbeddedPopover,
             "--n-color-target": colorTarget,
             "--n-text-color": textColor,
             "--n-line-height": lineHeight,
@@ -50115,6 +50131,7 @@
           mergedClsPrefix,
           rtlEnabled,
           onRender,
+          embedded,
           $slots
         } = this;
         onRender?.();
@@ -50122,6 +50139,7 @@
           class: [
             `${mergedClsPrefix}-card`,
             this.themeClass,
+            embedded && `${mergedClsPrefix}-card--embedded`,
             {
               [`${mergedClsPrefix}-card--rtl`]: rtlEnabled,
               [`${mergedClsPrefix}-card--content${typeof segmented !== "boolean" && segmented.content === "soft" ? "-soft" : ""}-segmented`]: segmented === true || segmented !== false && segmented.content,
@@ -50146,7 +50164,7 @@
           }, /* @__PURE__ */ vue.h("div", {
             class: `${mergedClsPrefix}-card-header__main`,
             role: "heading"
-          }, children || [this.title]), resolveWrappedSlot(
+          }, children || this.title), resolveWrappedSlot(
             $slots["header-extra"],
             (children2) => children2 && /* @__PURE__ */ vue.h("div", {
               class: `${mergedClsPrefix}-card-header__extra`,
@@ -57249,10 +57267,14 @@
         const showFastForwardMenuRef = vue.ref(false);
         const showFastBackwardMenuRef = vue.ref(false);
         const handleFastForwardMouseenter = () => {
+          if (props.disabled)
+            return;
           fastForwardActiveRef.value = true;
           disableTransitionOneTick();
         };
         const handleFastForwardMouseleave = () => {
+          if (props.disabled)
+            return;
           fastForwardActiveRef.value = false;
           disableTransitionOneTick();
         };
@@ -57746,6 +57768,7 @@
                   const key = pageItem.type === "page" ? pageItem.mayBeFastBackward ? "fast-backward" : "fast-forward" : pageItem.type;
                   return /* @__PURE__ */ vue.h(NPopselect, {
                     key,
+                    disabled,
                     trigger: "hover",
                     virtualScroll: true,
                     style: { width: "60px" },
@@ -57964,6 +57987,7 @@
           boxShadowDisabled: `inset 0 0 0 1px ${borderColor}`,
           color: "#0000",
           colorDisabled: inputColorDisabled,
+          colorActive: "#0000",
           textColor: textColor2,
           textColorDisabled,
           dotColorActive: primaryColor,
@@ -58024,6 +58048,7 @@
         boxShadowDisabled: `inset 0 0 0 1px ${borderColor}`,
         color: baseColor,
         colorDisabled: inputColorDisabled,
+        colorActive: "#0000",
         textColor: textColor2,
         textColorDisabled,
         dotColorActive: primaryColor,
@@ -58526,10 +58551,10 @@
 
     });
 
-    const radioProps$1 = {
+    const radioProps = {
       name: String,
       value: {
-        type: [String, Number],
+        type: [String, Number, Boolean],
         default: "on"
       },
       checked: {
@@ -58547,16 +58572,20 @@
       "onUpdate:checked": [Function, Array],
       checkedValue: {
         type: Boolean,
-        validator: () => {
-          warn$2("radio", "`checked-value` is deprecated, please use `checked` instead.");
-          return true;
-        },
         default: void 0
       }
     };
     const radioGroupInjectionKey = createInjectionKey("n-radio-group");
 
     function setup(props) {
+      {
+        vue.watchEffect(() => {
+          if (props.checkedValue !== void 0) {
+            warnOnce("radio", "`checked-value` is deprecated, please use `checked` instead.");
+          }
+        });
+      }
+
       const formItem = useFormItem(props, {
         mergedSize(NFormItem) {
           const {
@@ -58676,8 +58705,6 @@
       };
     }
 
-    setup.props = radioProps$1;
-
     var style$X = cB("radio", `
   line-height: var(--n-label-line-height);
   outline: none;
@@ -58689,7 +58716,9 @@
   flex-wrap: nowrap;
   font-size: var(--n-font-size);
   word-break: break-word;
-`, [cE("dot-wrapper", `
+`, [cM("checked", [cE("dot", `
+      background-color: var(--n-color-active);
+    `)]), cE("dot-wrapper", `
     position: relative;
     flex-shrink: 0;
     flex-grow: 0;
@@ -58764,12 +58793,11 @@
       cursor: not-allowed;
     `)])]);
 
-    const radioProps = setup.props;
     var NRadio = vue.defineComponent({
       name: "Radio",
       props: {
         ...useTheme.props,
-        ...setup.props
+        ...radioProps
       },
       setup(props) {
         const radio = setup(props);
@@ -58795,6 +58823,7 @@
               boxShadowHover,
               color,
               colorDisabled,
+              colorActive,
               textColor,
               textColorDisabled,
               dotColorActive,
@@ -58814,6 +58843,7 @@
             "--n-box-shadow-focus": boxShadowFocus,
             "--n-box-shadow-hover": boxShadowHover,
             "--n-color": color,
+            "--n-color-active": colorActive,
             "--n-color-disabled": colorDisabled,
             "--n-dot-color-active": dotColorActive,
             "--n-dot-color-disabled": dotColorDisabled,
@@ -59035,9 +59065,9 @@
     const radioGroupProps = {
       ...useTheme.props,
       name: String,
-      value: [String, Number],
+      value: [String, Number, Boolean],
       defaultValue: {
-        type: [String, Number],
+        type: [String, Number, Boolean],
         default: null
       },
       size: String,
@@ -59191,23 +59221,19 @@
       }
     });
 
-    const radioButtonProps = setup.props;
+    const radioButtonProps = radioProps;
     var RadioButton = vue.defineComponent({
       name: "RadioButton",
-      props: setup.props,
-      setup(props) {
-        return setup(props);
-      },
+      props: radioProps,
+      setup,
       render() {
         const { mergedClsPrefix } = this;
         return /* @__PURE__ */ vue.h("label", {
           class: [
             `${mergedClsPrefix}-radio-button`,
-            {
-              [`${mergedClsPrefix}-radio-button--disabled`]: this.mergedDisabled,
-              [`${mergedClsPrefix}-radio-button--checked`]: this.renderSafeChecked,
-              [`${mergedClsPrefix}-radio-button--focus`]: this.focus
-            }
+            this.mergedDisabled && `${mergedClsPrefix}-radio-button--disabled`,
+            this.renderSafeChecked && `${mergedClsPrefix}-radio-button--checked`,
+            this.focus && [`${mergedClsPrefix}-radio-button--focus`]
           ]
         }, /* @__PURE__ */ vue.h("input", {
           ref: "inputRef",
@@ -62539,7 +62565,7 @@
           clearSorter();
         } else {
           const columnToSort = dataRelatedColsRef.value.find(column => column.type !== "selection" && column.type !== "expand" && column.key === columnKey);
-          if (!columnToSort || !columnToSort.sorter) return;
+          if (!(columnToSort !== null && columnToSort !== void 0 && columnToSort.sorter)) return;
           const sorter = columnToSort.sorter;
           deriveNextSorter({
             columnKey,
@@ -75035,6 +75061,7 @@
 
     const dialogProviderInjectionKey = createInjectionKey("n-dialog-provider");
     const dialogApiInjectionKey = createInjectionKey("n-dialog-api");
+    const dialogReactiveListInjectionKey = createInjectionKey("n-dialog-reactive-list");
 
     const self$D = vars => {
       const {
@@ -75676,6 +75703,7 @@
 
     const exposedDialogEnvProps = {
       ...dialogProps,
+      onAfterEnter: Function,
       blockScroll: { type: Boolean, default: true },
       closeOnEsc: { type: Boolean, default: true },
       onEsc: Function,
@@ -75799,6 +75827,7 @@
           onEsc: handleEsc,
           to,
           maskClosable,
+          onAfterEnter: this.onAfterEnter,
           onAfterLeave: handleAfterLeave,
           closeOnEsc: this.closeOnEsc,
           blockScroll: this.blockScroll,
@@ -75872,6 +75901,7 @@
           clickedRef: useClicked(64),
           clickPositionRef: useClickPosition()
         });
+        vue.provide(dialogReactiveListInjectionKey, dialogListRef);
         return { ...api,
           dialogList: dialogListRef,
           dialogInstRefs,
@@ -75908,6 +75938,15 @@
 
       return dialog;
     }
+    function useDialogReactiveList() {
+      const dialogReactiveList = vue.inject(dialogReactiveListInjectionKey, null);
+
+      if (dialogReactiveList === null) {
+        throwError("use-dialog-reactive-list", "No outer <n-dialog-provider /> founded.");
+      }
+
+      return dialogReactiveList;
+    }
 
     const self$C = vars => {
       const {
@@ -79711,6 +79750,17 @@
     }
     function formItemMisc(props) {
       const NForm = vue.inject(formInjectionKey, null);
+      const mergedLabelPlacementRef = vue.computed(() => {
+        const {
+          labelPlacement
+        } = props;
+        if (labelPlacement !== void 0) return labelPlacement;
+        if (NForm !== null && NForm !== void 0 && NForm.props.labelPlacement) return NForm.props.labelPlacement;
+        return "top";
+      });
+      const isAutoLabelWidthRef = vue.computed(() => {
+        return mergedLabelPlacementRef.value === "left" && (props.labelWidth === "auto" || (NForm === null || NForm === void 0 ? void 0 : NForm.props.labelWidth) === "auto");
+      });
       const mergedLabelWidthRef = vue.computed(() => {
         if (mergedLabelPlacementRef.value === "top") return;
         const {
@@ -79721,7 +79771,7 @@
           return formatLength(labelWidth);
         }
 
-        if (labelWidth === "auto" || (NForm === null || NForm === void 0 ? void 0 : NForm.props.labelWidth) === "auto") {
+        if (isAutoLabelWidthRef.value) {
           const autoComputedWidth = NForm === null || NForm === void 0 ? void 0 : NForm.maxChildLabelWidthRef.value;
 
           if (autoComputedWidth !== void 0) {
@@ -79737,14 +79787,6 @@
 
         return void 0;
       });
-      const mergedLabelPlacementRef = vue.computed(() => {
-        const {
-          labelPlacement
-        } = props;
-        if (labelPlacement !== void 0) return labelPlacement;
-        if (NForm !== null && NForm !== void 0 && NForm.props.labelPlacement) return NForm.props.labelPlacement;
-        return "top";
-      });
       const mergedLabelAlignRef = vue.computed(() => {
         const {
           labelAlign
@@ -79808,7 +79850,8 @@
         mergedRequireMarkPlacement: mergedRequireMarkPlacementRef,
         mergedValidationStatus: mergedValidationStatusRef,
         mergedShowFeedback: mergedShowFeedbackRef,
-        mergedShowLabel: mergedShowLabelRef
+        mergedShowLabel: mergedShowLabelRef,
+        isAutoLabelWidth: isAutoLabelWidthRef
       };
     }
     function formItemRule(props) {
@@ -79894,61 +79937,83 @@
       })];
     }
 
-    var style$I = cB("form-item", {
-      display: "grid",
-      lineHeight: "var(--n-line-height)"
-    }, [cB("form-item-label", `
+    var style$I = cB("form-item", `
+  display: grid;
+  line-height: var(--n-line-height);
+`, [cB("form-item-label", `
     grid-area: label;
     align-items: center;
     line-height: 1.25;
     text-align: var(--n-label-text-align);
     font-size: var(--n-label-font-size);
-    height: var(--n-label-height);
+    min-height: var(--n-label-height);
     padding: var(--n-label-padding);
     color: var(--n-label-text-color);
     transition: color .3s var(--n-bezier);
     box-sizing: border-box;
   `, [cE("asterisk", `
+      white-space: nowrap;
       user-select: none;
       -webkit-user-select: none;
       color: var(--n-asterisk-color);
       transition: color .3s var(--n-bezier);
     `), cE("asterisk-placeholder", `
+      grid-area: mark;
       user-select: none;
       -webkit-user-select: none;
       visibility: hidden;      
-    `)]), cB("form-item-blank", {
-      gridArea: "blank",
-      minHeight: "var(--n-blank-height)"
-    }), cM("left-labelled", `
+    `)]), cB("form-item-blank", `
+    grid-area: blank;
+    min-height: var(--n-blank-height);
+  `), cM("auto-label-width", [cB("form-item-label", "white-space: nowrap;")]), cM("left-labelled", `
     grid-template-areas:
       "label blank"
       "label feedback";
     grid-template-columns: auto minmax(0, 1fr);
+    grid-template-rows: auto 1fr;
+    align-items: start;
   `, [cB("form-item-label", `
-      height: var(--n-blank-height);
-      line-height: var(--n-blank-height);
+      display: grid;
+      grid-template-columns: 1fr auto;
+      min-height: var(--n-blank-height);
+      height: auto;
       box-sizing: border-box;
-      white-space: nowrap;
       flex-shrink: 0;
       flex-grow: 0;
-    `)]), cM("top-labelled", `
+    `, [cM("left-mark", `
+        grid-template-areas:
+          "mark text"
+          ".    text";
+      `), cM("right-mark", `
+        grid-template-areas: 
+          "text mark"
+          "text .";
+      `), cM("right-hanging-mark", `
+        grid-template-areas: 
+          "text mark"
+          "text .";
+      `), cE("text", `
+        grid-area: text;      
+      `), cE("asterisk", `
+        grid-area: mark;      
+        align-self: end;
+      `)])]), cM("top-labelled", `
     grid-template-areas:
       "label"
       "blank"
       "feedback";
-    grid-template-rows: var(--n-label-height) 1fr;
+    grid-template-rows: minmax(var(--n-label-height), auto) 1fr;
     grid-template-columns: minmax(0, 100%);
   `, [cM("no-label", `
       grid-template-areas:
         "blank"
         "feedback";
         grid-template-rows: 1fr;
-    `), cB("form-item-label", {
-      display: "flex",
-      alignItems: "flex-end",
-      justifyContent: "var(--n-label-text-align)"
-    })]), cB("form-item-blank", `
+    `), cB("form-item-label", `
+      display: flex;
+      align-items: flex-start;
+      justify-content: var(--n-label-text-align);
+    `)]), cB("form-item-blank", `
     box-sizing: border-box;
     display: flex;
     align-items: center;
@@ -80226,10 +80291,17 @@
         };
         const labelElementRef = vue.ref(null);
         vue.onMounted(() => {
-          if (labelElementRef.value !== null) {
+          if (!formItemMiscRefs.isAutoLabelWidth.value)
+            return;
+          const labelElement = labelElementRef.value;
+          if (labelElement !== null) {
+            const memoizedWhitespace = labelElement.style.whiteSpace;
+            labelElement.style.whiteSpace = "nowrap";
+            labelElement.style.width = "";
             NForm?.deriveMaxChildLabelWidth(
-              Number(getComputedStyle(labelElementRef.value).width.slice(0, -2))
+              Number(getComputedStyle(labelElement).width.slice(0, -2))
             );
+            labelElement.style.whiteSpace = memoizedWhitespace;
           }
         });
         const cssVarsRef = vue.computed(() => {
@@ -80311,28 +80383,41 @@
         } = this;
         const renderedShowRequireMark = mergedShowRequireMark !== void 0 ? mergedShowRequireMark : this.mergedRequired;
         onRender?.();
+        const renderLabel = () => {
+          const labelText = this.$slots.label ? this.$slots.label() : this.label;
+          if (!labelText)
+            return null;
+          const textNode = /* @__PURE__ */ vue.h("span", {
+            class: `${mergedClsPrefix}-form-item-label__text`
+          }, labelText);
+          const markNode = renderedShowRequireMark ? /* @__PURE__ */ vue.h("span", {
+            class: `${mergedClsPrefix}-form-item-label__asterisk`
+          }, mergedRequireMarkPlacement !== "left" ? "\xA0*" : "*\xA0") : mergedRequireMarkPlacement === "right-hanging" && /* @__PURE__ */ vue.h("span", {
+            class: `${mergedClsPrefix}-form-item-label__asterisk-placeholder`
+          }, "\xA0*");
+          const { labelProps } = this;
+          return /* @__PURE__ */ vue.h("label", {
+            ...labelProps,
+            class: [
+              labelProps?.class,
+              `${mergedClsPrefix}-form-item-label`,
+              `${mergedClsPrefix}-form-item-label--${mergedRequireMarkPlacement}-mark`
+            ],
+            style: this.mergedLabelStyle,
+            ref: "labelElementRef"
+          }, mergedRequireMarkPlacement === "left" ? [markNode, textNode] : [textNode, markNode]);
+        };
         return /* @__PURE__ */ vue.h("div", {
           class: [
             `${mergedClsPrefix}-form-item`,
             this.themeClass,
             `${mergedClsPrefix}-form-item--${this.mergedSize}-size`,
             `${mergedClsPrefix}-form-item--${this.mergedLabelPlacement}-labelled`,
+            this.isAutoLabelWidth && `${mergedClsPrefix}-form-item--auto-label-width`,
             !mergedShowLabel && `${mergedClsPrefix}-form-item--no-label`
           ],
           style: this.cssVars
-        }, mergedShowLabel && (this.label || $slots.label) ? /* @__PURE__ */ vue.h("label", {
-          ...this.labelProps,
-          class: [
-            this.labelProps?.class,
-            `${mergedClsPrefix}-form-item-label`
-          ],
-          style: this.mergedLabelStyle,
-          ref: "labelElementRef"
-        }, mergedRequireMarkPlacement !== "left" ? $slots.label ? $slots.label() : this.label : null, renderedShowRequireMark ? /* @__PURE__ */ vue.h("span", {
-          class: `${mergedClsPrefix}-form-item-label__asterisk`
-        }, mergedRequireMarkPlacement !== "left" ? "\xA0*" : "*\xA0") : mergedRequireMarkPlacement === "right-hanging" && /* @__PURE__ */ vue.h("span", {
-          class: `${mergedClsPrefix}-form-item-label__asterisk-placeholder`
-        }, "\xA0*"), mergedRequireMarkPlacement === "left" ? $slots.label ? $slots.label() : this.label : null) : null, /* @__PURE__ */ vue.h("div", {
+        }, mergedShowLabel && renderLabel(), /* @__PURE__ */ vue.h("div", {
           class: [
             `${mergedClsPrefix}-form-item-blank`,
             this.mergedValidationStatus && `${mergedClsPrefix}-form-item-blank--${this.mergedValidationStatus}`
@@ -80397,7 +80482,7 @@
       }
     };
     const gridItemPropKeys = keysOf(gridItemProps);
-    var NGridItem = vue.defineComponent({
+    var NGi = vue.defineComponent({
       __GRID_ITEM__: true,
       name: "GridItem",
       alias: ["Gi"],
@@ -80492,7 +80577,7 @@
       },
 
       render() {
-        return vue.h(NGridItem, keep(this.$.vnode.props || {}, gridItemPropKeys), {
+        return vue.h(NGi, keep(this.$.vnode.props || {}, gridItemPropKeys), {
           default: () => {
             const itemProps = keep(this.$props, formItemPropKeys);
             return vue.h(NFormItem, {
@@ -81072,7 +81157,7 @@
         default: 0
       }
     };
-    var Grid = vue.defineComponent({
+    var NGrid = vue.defineComponent({
       name: "Grid",
       inheritAttrs: false,
       props: gridProps,
@@ -88709,6 +88794,10 @@
         type: String,
         default: "children"
       },
+      disabledField: {
+        type: String,
+        default: "disabled"
+      },
       defaultExpandAll: Boolean,
       defaultExpandedKeys: Array,
       expandedKeys: Array,
@@ -88783,13 +88872,16 @@
           return false;
         });
         const treeMateRef = vue.computed(() => {
-          const { keyField, childrenField } = props;
+          const { keyField, childrenField, disabledField } = props;
           return createTreeMate(
             props.items || props.options,
             {
               getChildren(node) {
                 return node[childrenField];
               },
+              getDisabled(node) {
+                return node[disabledField];
+              },
               getKey(node) {
                 return node[keyField] ?? node.name;
               }
@@ -92027,6 +92119,12 @@
       }
     });
 
+    var StarIcon = /* @__PURE__ */ vue.h("svg", {
+      viewBox: "0 0 512 512"
+    }, /* @__PURE__ */ vue.h("path", {
+      d: "M394 480a16 16 0 01-9.39-3L256 383.76 127.39 477a16 16 0 01-24.55-18.08L153 310.35 23 221.2a16 16 0 019-29.2h160.38l48.4-148.95a16 16 0 0130.44 0l48.4 149H480a16 16 0 019.05 29.2L359 310.35l50.13 148.53A16 16 0 01394 480z"
+    }));
+
     var style$n = cB("rate", {
       display: "inline-flex",
       flexWrap: "nowrap"
@@ -92043,17 +92141,17 @@
     transform: scale(1);
     font-size: var(--n-item-size);
     color: var(--n-item-color);
-  `, [c$1("&:not(:first-child)", {
-      marginLeft: "6px"
-    }), cM("active", {
-      color: "var(--n-item-color-active)"
-    })]), cNotM("readonly", `
+  `, [c$1("&:not(:first-child)", `
+      margin-left: 6px;
+    `), cM("active", `
+      color: var(--n-item-color-active);
+    `)]), cNotM("readonly", `
     cursor: pointer;
-  `, [cE("item", [c$1("&:hover", {
-      transform: "scale(1.05)"
-    }), c$1("&:active", {
-      transform: "scale(0.96)"
-    })])]), cE("half", `
+  `, [cE("item", [c$1("&:hover", `
+        transform: scale(1.05);
+      `), c$1("&:active", `
+        transform: scale(0.96);
+      `)])]), cE("half", `
     display: flex;
     transition: inherit;
     position: absolute;
@@ -92063,15 +92161,9 @@
     width: 50%;
     overflow: hidden;
     color: rgba(255, 255, 255, 0);
-  `, [cM("active", {
-      color: "var(--n-item-color-active)"
-    })])]);
-
-    var StarIcon = /* @__PURE__ */ vue.h("svg", {
-      viewBox: "0 0 512 512"
-    }, /* @__PURE__ */ vue.h("path", {
-      d: "M394 480a16 16 0 01-9.39-3L256 383.76 127.39 477a16 16 0 01-24.55-18.08L153 310.35 23 221.2a16 16 0 019-29.2h160.38l48.4-148.95a16 16 0 0130.44 0l48.4 149H480a16 16 0 019.05 29.2L359 310.35l50.13 148.53A16 16 0 01394 480z"
-    }));
+  `, [cM("active", `
+      color: var(--n-item-color-active);
+    `)])]);
 
     const rateProps = {
       ...useTheme.props,
@@ -92083,14 +92175,16 @@
       value: Number,
       defaultValue: {
         type: Number,
-        default: 0
+        default: null
       },
       readonly: Boolean,
       size: {
         type: [String, Number],
         default: "medium"
       },
+      clearable: Boolean,
       color: String,
+      onClear: Function,
       "onUpdate:value": [Function, Array],
       onUpdateValue: [Function, Array]
     };
@@ -92111,6 +92205,7 @@
         const uncontrolledValueRef = vue.ref(props.defaultValue);
         const hoverIndexRef = vue.ref(null);
         const formItem = useFormItem(props);
+        const mergedValue = useMergedState(controlledValueRef, uncontrolledValueRef);
         function doUpdateValue(value) {
           const { "onUpdate:value": _onUpdateValue, onUpdateValue } = props;
           const { nTriggerFormChange, nTriggerFormInput } = formItem;
@@ -92135,14 +92230,29 @@
             return index + 1;
           }
         }
+        let cleared = false;
         function handleMouseMove(index, e) {
+          if (cleared)
+            return;
           hoverIndexRef.value = getDerivedValue(index, e);
         }
         function handleMouseLeave() {
           hoverIndexRef.value = null;
         }
         function handleClick(index, e) {
-          doUpdateValue(getDerivedValue(index, e));
+          const { clearable } = props;
+          const derivedValue = getDerivedValue(index, e);
+          if (clearable && derivedValue === mergedValue.value) {
+            cleared = true;
+            props.onClear?.();
+            hoverIndexRef.value = null;
+            doUpdateValue(null);
+          } else {
+            doUpdateValue(derivedValue);
+          }
+        }
+        function handleMouseEnterSomeStar() {
+          cleared = false;
         }
         const mergedSizeRef = vue.computed(() => {
           const { size } = props;
@@ -92159,10 +92269,11 @@
             self
           } = themeRef.value;
           const { itemColor, itemColorActive } = self;
+          const { color } = props;
           return {
             "--n-bezier": cubicBezierEaseInOut,
             "--n-item-color": itemColor,
-            "--n-item-color-active": props.color || itemColorActive,
+            "--n-item-color-active": color || itemColorActive,
             "--n-item-size": mergedSizeRef.value
           };
         });
@@ -92185,11 +92296,12 @@
         ) : void 0;
         return {
           mergedClsPrefix: mergedClsPrefixRef,
-          mergedValue: useMergedState(controlledValueRef, uncontrolledValueRef),
+          mergedValue,
           hoverIndex: hoverIndexRef,
           handleMouseMove,
           handleClick,
           handleMouseLeave,
+          handleMouseEnterSomeStar,
           cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
           themeClass: themeClassHandle?.themeClass,
           onRender: themeClassHandle?.onRender
@@ -92219,16 +92331,17 @@
           const icon = defaultSlot ? defaultSlot() : /* @__PURE__ */ vue.h(NBaseIcon, {
             clsPrefix: mergedClsPrefix
           }, { default: () => StarIcon });
-          const fullStarActive = hoverIndex !== null ? index + 1 <= hoverIndex : index + 1 <= mergedValue;
+          const entireStarActive = hoverIndex !== null ? index + 1 <= hoverIndex : index + 1 <= (mergedValue || 0);
           return /* @__PURE__ */ vue.h("div", {
             key: index,
             class: [
               `${mergedClsPrefix}-rate__item`,
-              fullStarActive && `${mergedClsPrefix}-rate__item--active`
+              entireStarActive && `${mergedClsPrefix}-rate__item--active`
             ],
             onClick: readonly ? void 0 : (e) => {
               this.handleClick(index, e);
             },
+            onMouseenter: this.handleMouseEnterSomeStar,
             onMousemove: readonly ? void 0 : (e) => {
               this.handleMouseMove(index, e);
             }
@@ -92236,7 +92349,7 @@
             class: [
               `${mergedClsPrefix}-rate__half`,
               {
-                [`${mergedClsPrefix}-rate__half--active`]: !fullStarActive && hoverIndex !== null ? index + 0.5 <= hoverIndex : index + 0.5 <= mergedValue
+                [`${mergedClsPrefix}-rate__half--active`]: !entireStarActive && hoverIndex !== null ? index + 0.5 <= hoverIndex : index + 0.5 <= (mergedValue || 0)
               }
             ]
           }, icon) : null);
@@ -92870,6 +92983,10 @@
         default: void 0
       },
       formatTooltip: Function,
+      keyboard: {
+        type: Boolean,
+        default: true
+      },
       min: {
         type: Number,
         default: 0
@@ -93125,7 +93242,7 @@
           return Number(newValue.toFixed(precisionRef.value));
         }
         function getClosestMark(currentValue, markValues = markValuesRef.value, buffer) {
-          if (!markValues || !markValues.length)
+          if (!markValues?.length)
             return null;
           let closestMark = null;
           let index = -1;
@@ -93160,7 +93277,7 @@
           return percentageToValue(percentage);
         }
         function handleRailKeyDown(e) {
-          if (mergedDisabledRef.value)
+          if (mergedDisabledRef.value || !props.keyboard)
             return;
           const { vertical, reverse } = props;
           switch (e.key) {
@@ -98136,8 +98253,8 @@
       `)]), cNotM("disabled", [cM("clickable", [cB("tree-node-content", `
           cursor: pointer;
         `)])])]), cM("block-node", [cB("tree-node-content", `
-      flex-grow: 1;
-      flex-shrink: 0;
+      flex: 1;
+      min-width: 0;
     `)]), cNotM("block-line", [cB("tree-node", [cNotM("disabled", [cB("tree-node-content", [c$1("&:hover", {
       backgroundColor: "var(--n-node-color-hover)"
     })]), cM("selectable", [cB("tree-node-content", [c$1("&:active", {
@@ -98222,7 +98339,8 @@
     `), cE("text", `
       border-bottom: 1px solid #0000;
       transition: border-color .3s var(--n-bezier);
-      flex-grow:1;
+      flex-grow: 1;
+      max-width: 100%;
     `), cE("suffix", `
       display: inline-flex;
     `)]), cE("empty", "margin: auto;")]);
@@ -102854,6 +102972,7 @@
         NDialogProvider: NDialogProvider,
         dialogProviderProps: dialogProviderProps,
         useDialog: useDialog,
+        useDialogReactiveList: useDialogReactiveList,
         NDivider: NDivider,
         dividerProps: dividerProps,
         NDrawer: Drawer,
@@ -102886,11 +103005,11 @@
         NGlobalStyle: GlobalStyle,
         NGradientText: GradientText,
         gradientTextProps: gradientTextProps,
-        NGrid: Grid,
+        NGrid: NGrid,
         gridProps: gridProps,
-        NGridItem: NGridItem,
+        NGridItem: NGi,
         gridItemProps: gridItemProps,
-        NGi: NGridItem,
+        NGi: NGi,
         giProps: gridItemProps,
         NIcon: NIcon,
         iconProps: iconProps,
@@ -103055,7 +103174,7 @@
         createDiscreteApi: createDiscreteApi
     });
 
-    var version = "2.32.2";
+    var version = "2.33.2";
 
     function create() {
       let {
@@ -103316,6 +103435,35 @@
       return theme;
     }
 
+    const MaximizeIcon = vue.defineComponent({
+      render() {
+        return /* @__PURE__ */ vue.h("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 16 16"
+        }, /* @__PURE__ */ vue.h("g", {
+          fill: "none"
+        }, /* @__PURE__ */ vue.h("path", {
+          d: "M8.5 2a.5.5 0 0 0 0 1h3.793L3 12.293V8.5a.5.5 0 0 0-1 0v4.9a.6.6 0 0 0 .6.6h4.9a.5.5 0 0 0 0-1H3.707L13 3.707V7.5a.5.5 0 0 0 1 0V2.6a.6.6 0 0 0-.6-.6H8.5z",
+          fill: "currentColor"
+        })));
+      }
+    });
+
+    const MinimizeIcon = vue.defineComponent({
+      render() {
+        return /* @__PURE__ */ vue.h("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 32 32"
+        }, /* @__PURE__ */ vue.h("path", {
+          d: "M4 18v2h6.586L2 28.582L3.414 30L12 21.414V28h2V18H4z",
+          fill: "currentColor"
+        }), /* @__PURE__ */ vue.h("path", {
+          d: "M30 3.416L28.592 2L20 10.586V4h-2v10h10v-2h-6.586L30 3.416z",
+          fill: "currentColor"
+        }));
+      }
+    });
+
     const ColorWandIcon = /* @__PURE__ */ vue.h("svg", {
       viewBox: "0 0 16 16",
       fill: "none",
@@ -103345,6 +103493,7 @@
       name: "ThemeEditor",
       inheritAttrs: false,
       setup() {
+        const isMaximized = vue.ref(false);
         const fileInputRef = vue.ref(null);
         const NConfigProvider2 = vue.inject(configProviderInjectionKey, null);
         const theme = vue.computed(() => {
@@ -103407,6 +103556,9 @@
             return;
           fileInput.click();
         }
+        function toggleMaximized() {
+          isMaximized.value = !isMaximized.value;
+        }
         function handleInputFileChange() {
           const { value: fileInput } = fileInputRef;
           if (!fileInput)
@@ -103457,7 +103609,9 @@
           handleClearAllClick,
           handleExportClick,
           handleImportClick,
-          handleInputFileChange
+          handleInputFileChange,
+          toggleMaximized,
+          isMaximized
         };
       },
       render() {
@@ -103473,7 +103627,7 @@
               displayDirective: "show",
               placement: "top-end",
               style: {
-                width: "288px",
+                width: this.isMaximized ? "calc(100vw - 80px)" : "288px",
                 height: "calc(100vh - 200px)",
                 padding: 0
               }
@@ -103517,62 +103671,84 @@
               }), /* @__PURE__ */ vue.h(NSpace, {
                 vertical: true
               }, {
-                default: () => /* @__PURE__ */ vue.h(vue.Fragment, null, /* @__PURE__ */ vue.h("div", {
-                  style: {
-                    marginBottom: "8px",
-                    fontSize: "18px",
-                    fontWeight: 500
-                  }
-                }, this.locale.title), this.locale.filterCompName, /* @__PURE__ */ vue.h(NInput, {
-                  onChange: () => {
-                    this.compNamePattern = this.tempCompNamePattern;
-                  },
-                  onInput: (value) => {
-                    this.tempCompNamePattern = value;
-                  },
-                  value: this.tempCompNamePattern,
-                  placeholder: this.locale.filterCompName
-                }), this.locale.filterVarName, /* @__PURE__ */ vue.h(NInput, {
-                  onChange: (value) => {
-                    this.varNamePattern = value;
-                  },
-                  onInput: (value) => {
-                    this.tempVarNamePattern = value;
-                  },
-                  value: this.tempVarNamePattern,
-                  placeholder: this.locale.filterVarName
-                }), /* @__PURE__ */ vue.h(NButton, {
-                  size: "small",
-                  onClick: () => {
-                    this.compNamePattern = "";
-                    this.varNamePattern = "";
-                    this.tempCompNamePattern = "";
-                    this.tempVarNamePattern = "";
-                  },
-                  block: true
-                }, { default: () => this.locale.clearSearch }), /* @__PURE__ */ vue.h(NButton, {
-                  size: "small",
-                  onClick: this.handleClearAllClick,
-                  block: true
-                }, {
-                  default: () => this.locale.clearAllVars
-                }), /* @__PURE__ */ vue.h(NSpace, {
-                  itemStyle: { flex: 1 }
-                }, {
-                  default: () => /* @__PURE__ */ vue.h(vue.Fragment, null, /* @__PURE__ */ vue.h(NButton, {
-                    block: true,
-                    size: "small",
-                    onClick: this.handleImportClick
+                default: () => [
+                  /* @__PURE__ */ vue.h(NSpace, {
+                    align: "center",
+                    justify: "space-between",
+                    style: {
+                      marginBottom: "8px",
+                      fontSize: "18px",
+                      fontWeight: 500
+                    }
                   }, {
-                    default: () => this.locale.import
-                  }), /* @__PURE__ */ vue.h(NButton, {
-                    block: true,
+                    default: () => /* @__PURE__ */ vue.h(vue.Fragment, null, /* @__PURE__ */ vue.h("span", null, this.locale.title), /* @__PURE__ */ vue.h(NButton, {
+                      onClick: this.toggleMaximized,
+                      secondary: true,
+                      circle: true,
+                      size: "tiny"
+                    }, {
+                      icon: () => /* @__PURE__ */ vue.h(NIcon, {
+                        component: this.isMaximized ? MinimizeIcon : MaximizeIcon
+                      })
+                    }))
+                  }),
+                  this.locale.filterCompName,
+                  /* @__PURE__ */ vue.h(NInput, {
+                    onChange: () => {
+                      this.compNamePattern = this.tempCompNamePattern;
+                    },
+                    onInput: (value) => {
+                      this.tempCompNamePattern = value;
+                    },
+                    value: this.tempCompNamePattern,
+                    placeholder: this.locale.filterCompName
+                  }),
+                  this.locale.filterVarName,
+                  /* @__PURE__ */ vue.h(NInput, {
+                    onChange: (value) => {
+                      this.varNamePattern = value;
+                    },
+                    onInput: (value) => {
+                      this.tempVarNamePattern = value;
+                    },
+                    value: this.tempVarNamePattern,
+                    placeholder: this.locale.filterVarName
+                  }),
+                  /* @__PURE__ */ vue.h(NButton, {
                     size: "small",
-                    onClick: this.handleExportClick
+                    onClick: () => {
+                      this.compNamePattern = "";
+                      this.varNamePattern = "";
+                      this.tempCompNamePattern = "";
+                      this.tempVarNamePattern = "";
+                    },
+                    block: true
+                  }, { default: () => this.locale.clearSearch }),
+                  /* @__PURE__ */ vue.h(NButton, {
+                    size: "small",
+                    onClick: this.handleClearAllClick,
+                    block: true
                   }, {
-                    default: () => this.locale.export
-                  }))
-                }))
+                    default: () => this.locale.clearAllVars
+                  }),
+                  /* @__PURE__ */ vue.h(NSpace, {
+                    itemStyle: { flex: 1 }
+                  }, {
+                    default: () => /* @__PURE__ */ vue.h(vue.Fragment, null, /* @__PURE__ */ vue.h(NButton, {
+                      block: true,
+                      size: "small",
+                      onClick: this.handleImportClick
+                    }, {
+                      default: () => this.locale.import
+                    }), /* @__PURE__ */ vue.h(NButton, {
+                      block: true,
+                      size: "small",
+                      onClick: this.handleExportClick
+                    }, {
+                      default: () => this.locale.export
+                    }))
+                  })
+                ]
               }), /* @__PURE__ */ vue.h(NDivider, null), /* @__PURE__ */ vue.h(NCollapse, null, {
                 default: () => {
                   const { theme, compNamePattern, varNamePattern } = this;
@@ -103600,62 +103776,62 @@
                       title: themeKey,
                       name: themeKey
                     }, {
-                      default: () => {
-                        return /* @__PURE__ */ vue.h(NSpace, {
-                          vertical: true
-                        }, {
-                          default: () => varKeys.map((varKey) => {
-                            return [
-                              /* @__PURE__ */ vue.h("div", {
-                                key: `${varKey}Label`,
-                                style: {
-                                  wordBreak: "break-word"
-                                }
-                              }, varKey),
-                              showColorPicker(varKey) ? /* @__PURE__ */ vue.h(NColorPicker, {
-                                key: varKey,
-                                modes: ["rgb", "hex"],
-                                value: this.tempOverrides?.[themeKey]?.[varKey] || componentTheme[varKey],
-                                onComplete: this.applyTempOverrides,
-                                onUpdateValue: (value) => {
-                                  this.setTempOverrides(
-                                    themeKey,
-                                    varKey,
-                                    value
-                                  );
-                                }
-                              }, {
-                                action: () => /* @__PURE__ */ vue.h(NButton, {
-                                  size: "small",
-                                  disabled: componentTheme[varKey] === this.tempOverrides?.[themeKey]?.[varKey],
-                                  onClick: () => {
-                                    this.setTempOverrides(
-                                      themeKey,
-                                      varKey,
-                                      componentTheme[varKey]
-                                    );
-                                    this.applyTempOverrides();
-                                  }
-                                }, {
-                                  default: () => this.locale.restore
-                                })
-                              }) : /* @__PURE__ */ vue.h(NInput, {
-                                key: varKey,
-                                onChange: this.applyTempOverrides,
-                                onUpdateValue: (value) => {
-                                  this.setTempOverrides(
-                                    themeKey,
-                                    varKey,
-                                    value
-                                  );
-                                },
-                                value: this.tempOverrides?.[themeKey]?.[varKey] || "",
-                                placeholder: componentTheme[varKey]
-                              })
-                            ];
-                          })
-                        });
-                      }
+                      default: () => /* @__PURE__ */ vue.h(NGrid, {
+                        xGap: 32,
+                        yGap: 16,
+                        responsive: "screen",
+                        cols: this.isMaximized ? "1 xs:1 s:2 m:3 l:4" : 1
+                      }, {
+                        default: () => varKeys.map((varKey) => /* @__PURE__ */ vue.h(NGi, null, {
+                          default: () => /* @__PURE__ */ vue.h(vue.Fragment, null, /* @__PURE__ */ vue.h("div", {
+                            key: `${varKey}Label`,
+                            style: {
+                              wordBreak: "break-word"
+                            }
+                          }, varKey), showColorPicker(
+                            varKey
+                          ) ? /* @__PURE__ */ vue.h(NColorPicker, {
+                            key: varKey,
+                            modes: ["rgb", "hex"],
+                            value: this.tempOverrides?.[themeKey]?.[varKey] || componentTheme[varKey],
+                            onComplete: this.applyTempOverrides,
+                            onUpdateValue: (value) => {
+                              this.setTempOverrides(
+                                themeKey,
+                                varKey,
+                                value
+                              );
+                            }
+                          }, {
+                            action: () => /* @__PURE__ */ vue.h(NButton, {
+                              size: "small",
+                              disabled: componentTheme[varKey] === this.tempOverrides?.[themeKey]?.[varKey],
+                              onClick: () => {
+                                this.setTempOverrides(
+                                  themeKey,
+                                  varKey,
+                                  componentTheme[varKey]
+                                );
+                                this.applyTempOverrides();
+                              }
+                            }, {
+                              default: () => this.locale.restore
+                            })
+                          }) : /* @__PURE__ */ vue.h(NInput, {
+                            key: varKey,
+                            onChange: this.applyTempOverrides,
+                            onUpdateValue: (value) => {
+                              this.setTempOverrides(
+                                themeKey,
+                                varKey,
+                                value
+                              );
+                            },
+                            value: this.tempOverrides?.[themeKey]?.[varKey] || "",
+                            placeholder: componentTheme[varKey]
+                          }))
+                        }))
+                      })
                     });
                   });
                   if (!filteredItemsCount)
@@ -103722,11 +103898,11 @@
     exports.NFormItemGi = FormItemGridItem;
     exports.NFormItemGridItem = FormItemGridItem;
     exports.NFormItemRow = FormItemRow;
-    exports.NGi = NGridItem;
+    exports.NGi = NGi;
     exports.NGlobalStyle = GlobalStyle;
     exports.NGradientText = GradientText;
-    exports.NGrid = Grid;
-    exports.NGridItem = NGridItem;
+    exports.NGrid = NGrid;
+    exports.NGridItem = NGi;
     exports.NH1 = NH1;
     exports.NH2 = NH2;
     exports.NH3 = NH3;
@@ -104085,6 +104261,7 @@
     exports.uploadDark = uploadDark$1;
     exports.uploadProps = uploadProps;
     exports.useDialog = useDialog;
+    exports.useDialogReactiveList = useDialogReactiveList;
     exports.useLoadingBar = useLoadingBar;
     exports.useMessage = useMessage;
     exports.useNotification = useNotification;