naive-ui 2.32.0 → 2.32.1

package/dist/index.js

@@ -30416,7 +30416,7 @@
     };
     var scrollbarDark$1 = scrollbarDark;
 
-    var rtlStyle$n = cB("scrollbar", [cM("rtl", `
+    var rtlStyle$o = cB("scrollbar", [cM("rtl", `
     direction: rtl;
   `, [c$1(">", [cB("scrollbar-rail", [cM("horizontal", [c$1(">", [cE("scrollbar", `
               left: 0;
@@ -30428,7 +30428,7 @@
 
     const scrollbarRtl = {
       name: "Scrollbar",
-      style: rtlStyle$n
+      style: rtlStyle$o
     };
     var scrollbarRtl$1 = scrollbarRtl;
 
@@ -33462,7 +33462,7 @@
     };
     var tagLight$1 = tagLight;
 
-    var rtlStyle$m = cB("tag", [cM("rtl", `
+    var rtlStyle$n = cB("tag", [cM("rtl", `
     direction: rtl;
   `, [cE("close", `
       margin: var(--n-close-margin-rtl);
@@ -33482,7 +33482,7 @@
 
     const tagRtl = {
       name: "Tag",
-      style: rtlStyle$m
+      style: rtlStyle$n
     };
 
     var commonProps = {
@@ -35621,7 +35621,7 @@
     };
     var alertLight$1 = alertLight;
 
-    var rtlStyle$l = cB("alert", [cM("rtl", `
+    var rtlStyle$m = cB("alert", [cM("rtl", `
     direction: rtl;
   `, [cE("icon", `
       left: unset;
@@ -35639,7 +35639,7 @@
 
     const alertRtl = {
       name: "Alert",
-      style: rtlStyle$l
+      style: rtlStyle$m
     };
 
     const {
@@ -36726,7 +36726,7 @@
     };
     var inputLight$1 = inputLight;
 
-    var rtlStyle$k = cB("input", [cM("rtl", `
+    var rtlStyle$l = cB("input", [cM("rtl", `
     direction: rtl;
   `, [cE("prefix", {
       marginRight: 0,
@@ -36744,7 +36744,7 @@
 
     const inputRtl = {
       name: "Input",
-      style: rtlStyle$k
+      style: rtlStyle$l
     };
 
     const inputInjectionKey = createInjectionKey("n-input");
@@ -39121,7 +39121,7 @@
     });
     var avatarGroupLight$1 = avatarGroupLight;
 
-    var rtlStyle$j = cB("avatar-group", [cM("rtl", `
+    var rtlStyle$k = cB("avatar-group", [cM("rtl", `
     direction: rtl;
   `, [cNotM("vertical", `
       flex-direction: row;
@@ -39132,7 +39132,7 @@
 
     const avatarGroupRtl = {
       name: "AvatarGroup",
-      style: rtlStyle$j
+      style: rtlStyle$k
     };
 
     const avatarGroupProps = {
@@ -39609,7 +39609,7 @@
     };
     var badgeLight$1 = badgeLight;
 
-    var rtlStyle$i = cB("badge", [cM("rtl", `
+    var rtlStyle$j = cB("badge", [cM("rtl", `
     direction: rtl;
   `, [cB("badge-sup", `
       right: 100%;
@@ -39620,7 +39620,7 @@
 
     const badgeRtl = {
       name: "Badge",
-      style: rtlStyle$i
+      style: rtlStyle$j
     };
 
     var style$1c = c$1([c$1("@keyframes badge-wave-spread", {
@@ -40349,7 +40349,7 @@
     };
     var buttonDark$1 = buttonDark;
 
-    var rtlStyle$h = cB("button", [cM("rtl", `
+    var rtlStyle$i = cB("button", [cM("rtl", `
     direction: rtl;
   `, [cE("icon", {
       margin: "var(--n-icon-margin)",
@@ -40361,7 +40361,7 @@
 
     const buttonRtl = {
       name: "Button",
-      style: rtlStyle$h
+      style: rtlStyle$i
     };
 
     var style$1a = c$1([cB("button", `
@@ -48744,7 +48744,7 @@
     };
     var cardDark$1 = cardDark;
 
-    var rtlStyle$g = cB("card", [cM("rtl", `
+    var rtlStyle$h = cB("card", [cM("rtl", `
     direction: rtl;
   `), c$1(">", [cB("card-header", [c$1(">", [cE("close", `
           margin: 0 8px 0 0;
@@ -48752,7 +48752,7 @@
 
     const cardRtl = {
       name: "Card",
-      style: rtlStyle$g
+      style: rtlStyle$h
     };
 
     var style$16 = c$1([cB("card", `
@@ -50471,13 +50471,13 @@
     };
     var checkboxDark$1 = checkboxDark;
 
-    var rtlStyle$f = cB("checkbox", [cM("rtl", `
+    var rtlStyle$g = cB("checkbox", [cM("rtl", `
     direction: rtl;
   `)]);
 
     const checkboxRtl = {
       name: "Checkbox",
-      style: rtlStyle$f
+      style: rtlStyle$g
     };
 
     const self$T = vars => {
@@ -53175,7 +53175,7 @@
     };
     var collapseDark$1 = collapseDark;
 
-    var rtlStyle$e = cB("collapse", [cM("rtl", `
+    var rtlStyle$f = cB("collapse", [cM("rtl", `
     direction: rtl;
   `, [cB("collapse-item", [cB("collapse-item", {
       marginRight: "32px",
@@ -53192,7 +53192,7 @@
 
     const collapseRtl = {
       name: "Collapse",
-      style: rtlStyle$e
+      style: rtlStyle$f
     };
 
     var style$11 = cB("collapse", {
@@ -53569,14 +53569,14 @@
     };
     var collapseTransitionDark$1 = collapseTransitionDark;
 
-    var rtlStyle$d = cB("collapse-transition", [cM("rtl", `
+    var rtlStyle$e = cB("collapse-transition", [cM("rtl", `
     direction: rtl;
     text-align: right;
   `)]);
 
     const collapseTransitionRtl = {
       name: "CollapseTransition",
-      style: rtlStyle$d
+      style: rtlStyle$e
     };
 
     const collapseTransitionProps = {
@@ -55385,7 +55385,7 @@
     };
     var paginationDark$1 = paginationDark;
 
-    var rtlStyle$c = cB("pagination", [cM("rtl", `
+    var rtlStyle$d = cB("pagination", [cM("rtl", `
     direction: rtl;
   `, [c$1("> *:not(:first-child)", `
       margin: var(--n-item-margin-rtl);
@@ -55395,7 +55395,7 @@
 
     const paginationRtl = {
       name: "Pagination",
-      style: rtlStyle$c,
+      style: rtlStyle$d,
       peers: [inputRtl]
     };
 
@@ -56488,7 +56488,7 @@
     };
     var radioLight$1 = radioLight;
 
-    var rtlStyle$b = c$1([cB("radio", [cM("rtl", `
+    var rtlStyle$c = c$1([cB("radio", [cM("rtl", `
       direction: rtl;
     `)]), cB("radio-group", [cM("rtl", `
       direction: rtl;
@@ -56510,7 +56510,7 @@
 
     const radioRtl = {
       name: "Radio",
-      style: rtlStyle$b
+      style: rtlStyle$c
     };
 
     var commonVariables$9 = {
@@ -74606,11 +74606,11 @@
       },
       resizable: Boolean,
       defaultWidth: {
-        type: Number,
+        type: [Number, String],
         default: 251
       },
       defaultHeight: {
-        type: Number,
+        type: [Number, String],
         default: 251
       },
       onUpdateWidth: [Function, Array],
@@ -74969,7 +74969,7 @@
     });
     var dynamicInputLight$1 = dynamicInputLight;
 
-    var rtlStyle$a = cB("dynamic-input", [cM("rtl", `
+    var rtlStyle$b = cB("dynamic-input", [cM("rtl", `
     direction: rtl;
   `, [cB("dynamic-input-preset-pair", [cB("dynamic-input-pair-input", [c$1("&:first-child", {
       "margin-left": "12px",
@@ -74986,7 +74986,7 @@
       })])])])]);
     }
 
-    var rtlStyle$9 = cB("button-group", [cNotM("vertical", [cM("rtl", `
+    var rtlStyle$a = cB("button-group", [cNotM("vertical", [cM("rtl", `
       direction: rtl;
     `, [cB("button", [c$1("&:last-child:not(:first-child)", `
           margin-right: ${zero};
@@ -75004,22 +75004,22 @@
 
     const buttonGroupRtl = {
       name: "ButtonGroup",
-      style: rtlStyle$9
+      style: rtlStyle$a
     };
 
-    var rtlStyle$8 = cB("input-number", [cM("rtl", `
+    var rtlStyle$9 = cB("input-number", [cM("rtl", `
     direction: rtl;
   `)]);
 
     const inputNumberRtl = {
       name: "InputNumber",
-      style: rtlStyle$8,
+      style: rtlStyle$9,
       peers: [inputRtl, buttonRtl]
     };
 
     const dynamicInputRtl = {
       name: "DynamicInput",
-      style: rtlStyle$a,
+      style: rtlStyle$b,
       peers: [inputRtl, buttonRtl, buttonGroupRtl, checkboxRtl, inputNumberRtl]
     };
 
@@ -75544,13 +75544,13 @@
     };
     var spaceLight$1 = spaceLight;
 
-    var rtlStyle$7 = cB("space", [cM("rtl", `
+    var rtlStyle$8 = cB("space", [cM("rtl", `
     direction: rtl;
   `)]);
 
     const spaceRtl = {
       name: "Space",
-      style: rtlStyle$7
+      style: rtlStyle$8
     };
 
     let supportFlexGap;
@@ -79235,7 +79235,7 @@
     };
     var notificationDark$1 = notificationDark;
 
-    var rtlStyle$6 = cB("notification", [cM("rtl", `
+    var rtlStyle$7 = cB("notification", [cM("rtl", `
     direction: rtl;
   `, [cB("notification-main", `
       margin-left: unset;
@@ -79259,7 +79259,7 @@
 
     const notificationRtl = {
       name: "Notification",
-      style: rtlStyle$6
+      style: rtlStyle$7
     };
 
     const buttonGroupDark = {
@@ -79868,7 +79868,7 @@
       self: self$l
     };
 
-    var rtlStyle$5 = cB("page-header-wrapper", [cM("rtl", [cB("page-header-header", `
+    var rtlStyle$6 = cB("page-header-wrapper", [cM("rtl", [cB("page-header-header", `
       direction: rtl;
     `), cB("page-header", `
       direction: rtl;
@@ -79889,7 +79889,7 @@
 
     var rtl = {
       name: "PageHeader",
-      style: rtlStyle$5
+      style: rtlStyle$6
     };
 
     var commonVars$2 = {
@@ -80248,7 +80248,7 @@
     };
     var statisticDark$1 = statisticDark;
 
-    var rtlStyle$4 = cB("statistic", [cM("rtl", `
+    var rtlStyle$5 = cB("statistic", [cM("rtl", `
     direction: rtl;
     text-align: right;
   `, [cB("statistic-value", [cE("prefix", `
@@ -80259,7 +80259,7 @@
 
     const statisticRtl = {
       name: "Statistic",
-      style: rtlStyle$4
+      style: rtlStyle$5
     };
 
     var commonVariables$2 = {
@@ -80325,6 +80325,25 @@
     };
     var stepsDark$1 = stepsDark;
 
+    var rtlStyle$4 = c$1([cB("steps", [cM("rtl", `
+      direction: rtl;
+      text-align: right;
+    `, [cB("step-content", [cB("step-content-header", `
+          margin-left: 0;
+          margin-right: 9px;
+        `), cE("description", `
+          margin-left: 0;
+          margin-right: 9px;
+        `)]), cM("vertical", [c$1(">", [cB("step", [c$1(">", [cB("step-indicator", [c$1(">", [cB("step-splitor", `
+                    left: unset;
+                    right: calc(var(--n-indicator-size) / 2);
+                  `)])])])])])])])])]);
+
+    const stepsRtl = {
+      name: "Steps",
+      style: rtlStyle$4
+    };
+
     var commonVars$1 = {
       buttonHeightSmall: "14px",
       buttonHeightMedium: "18px",
@@ -91068,7 +91087,7 @@
                 width: 1px;
                 margin: 0 !important;
                 left: calc(var(--n-indicator-size) / 2);
-                  height: calc(100% - var(--n-indicator-size));
+                height: calc(100% - var(--n-indicator-size));
               `)])]), cB("step-content", [cE("description", "margin-top: 8px;")])])])])])]);
 
     function stepWithIndex(step, i) {
@@ -91103,7 +91122,8 @@
       name: "Steps",
       props: stepsProps,
       setup(props, { slots }) {
-        const { mergedClsPrefixRef } = useConfig(props);
+        const { mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
+        const rtlEnabledRef = useRtl("Steps", mergedRtlRef, mergedClsPrefixRef);
         const themeRef = useTheme("Steps", "-steps", style$h, stepsLight$1, props, mergedClsPrefixRef);
         vue.provide(stepsInjectionKey, {
           props,
@@ -91112,7 +91132,8 @@
           stepsSlots: slots
         });
         return {
-          mergedClsPrefix: mergedClsPrefixRef
+          mergedClsPrefix: mergedClsPrefixRef,
+          rtlEnabled: rtlEnabledRef
         };
       },
       render() {
@@ -91120,6 +91141,7 @@
         return /* @__PURE__ */ vue.h("div", {
           class: [
             `${mergedClsPrefix}-steps`,
+            this.rtlEnabled && `${mergedClsPrefix}-steps--rtl`,
             this.vertical && `${mergedClsPrefix}-steps--vertical`
           ]
         }, stepsWithIndex(flatten$3(getSlot$1(this))));
@@ -94002,12 +94024,9 @@
         }
         function handleItemCheck(checked, optionValue) {
           if (checked) {
-            doUpdateValue([...mergedValueRef.value || [], optionValue]);
+            doUpdateValue((mergedValueRef.value || []).concat(optionValue));
           } else {
-            const index = (mergedValueRef.value || []).findIndex((v) => v === optionValue);
-            if (~index) {
-              (mergedValueRef.value || []).splice(index, 1);
-            }
+            doUpdateValue((mergedValueRef.value || []).filter((v) => v !== optionValue));
           }
         }
         function handleChecked(optionValueList) {
@@ -99616,7 +99635,7 @@
         createDiscreteApi: createDiscreteApi
     });
 
-    var version = "2.32.0";
+    var version = "2.32.1";
 
     function create() {
       let {
@@ -100610,6 +100629,7 @@
     exports.unstableScrollbarRtl = scrollbarRtl$1;
     exports.unstableSpaceRtl = spaceRtl;
     exports.unstableStatisticRtl = statisticRtl;
+    exports.unstableStepsRtl = stepsRtl;
     exports.unstableTableRtl = tableRtl;
     exports.unstableTagRtl = tagRtl;
     exports.unstableThingRtl = thingRtl;