npm - @nutui/nutui-react - Versions diffs - 3.0.18 → 3.0.19 - Mend

@nutui/nutui-react 3.0.18 → 3.0.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (676) hide show

package/dist/es/packages/drag/style/drag.scss CHANGED Viewed

@@ -7,9 +7,14 @@
   user-select: none;
   font-size: 0;
   &-inner {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
     width: fit-content;
     height: fit-content;
+    /* #endif */
     touch-action: none;
   }
 }

package/dist/es/packages/drag/style/style.css CHANGED Viewed

@@ -12,8 +12,13 @@
   font-size: 0;
 }
 .nut-drag-inner {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
   width: fit-content;
   height: fit-content;
+  /* #endif */
   touch-action: none;
 }

package/dist/es/packages/drag/style-jmapp/drag.scss CHANGED Viewed

@@ -7,9 +7,14 @@
   user-select: none;
   font-size: 0;
   &-inner {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
     width: fit-content;
     height: fit-content;
+    /* #endif */
     touch-action: none;
   }
 }

package/dist/es/packages/drag/style-jmapp/style.css CHANGED Viewed

@@ -12,8 +12,13 @@
   font-size: 0;
 }
 .nut-drag-inner {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
   width: fit-content;
   height: fit-content;
+  /* #endif */
   touch-action: none;
 }

package/dist/es/packages/drag/style-jrkf/drag.scss CHANGED Viewed

@@ -7,9 +7,14 @@
   user-select: none;
   font-size: 0;
   &-inner {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
     width: fit-content;
     height: fit-content;
+    /* #endif */
     touch-action: none;
   }
 }

package/dist/es/packages/drag/style-jrkf/style.css CHANGED Viewed

@@ -12,8 +12,13 @@
   font-size: 0;
 }
 .nut-drag-inner {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
   width: fit-content;
   height: fit-content;
+  /* #endif */
   touch-action: none;
 }

package/dist/es/packages/elevator/style/elevator.scss CHANGED Viewed

@@ -16,7 +16,9 @@
       min-height: 100%;
       width: 100%;
       background-color: $elevator-list-bg-color;
+      /* #ifndef dynamic*/
       overflow: auto;
+      /* #endif */
     }
     &-item {
@@ -96,7 +98,12 @@
       display: flex;
       flex-direction: column;
       &-item {
+        /* #ifdef dynamic*/
+        display: flex;
+        /* #endif */
+        /* #ifndef dynamic*/
         display: inline-flex;
+        /* #endif */
         align-items: center;
         justify-content: center;
         height: 16px;

package/dist/es/packages/elevator/style/style.css CHANGED Viewed

@@ -20,7 +20,9 @@
   min-height: 100%;
   width: 100%;
   background-color: var(--nutui-elevator-list-bg-color, #ffffff);
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-elevator-list-item {
   display: flex;
@@ -94,7 +96,12 @@
   flex-direction: column;
 }
 .nut-elevator-bars-inner-item {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   justify-content: center;
   height: 16px;

package/dist/es/packages/elevator/style-jmapp/elevator.scss CHANGED Viewed

@@ -16,7 +16,9 @@
       min-height: 100%;
       width: 100%;
       background-color: $elevator-list-bg-color;
+      /* #ifndef dynamic*/
       overflow: auto;
+      /* #endif */
     }
     &-item {
@@ -96,7 +98,12 @@
       display: flex;
       flex-direction: column;
       &-item {
+        /* #ifdef dynamic*/
+        display: flex;
+        /* #endif */
+        /* #ifndef dynamic*/
         display: inline-flex;
+        /* #endif */
         align-items: center;
         justify-content: center;
         height: 16px;

package/dist/es/packages/elevator/style-jmapp/style.css CHANGED Viewed

@@ -20,7 +20,9 @@
   min-height: 100%;
   width: 100%;
   background-color: var(--nutui-elevator-list-bg-color, #ffffff);
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-elevator-list-item {
   display: flex;
@@ -94,7 +96,12 @@
   flex-direction: column;
 }
 .nut-elevator-bars-inner-item {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   justify-content: center;
   height: 16px;

package/dist/es/packages/elevator/style-jrkf/elevator.scss CHANGED Viewed

@@ -16,7 +16,9 @@
       min-height: 100%;
       width: 100%;
       background-color: $elevator-list-bg-color;
+      /* #ifndef dynamic*/
       overflow: auto;
+      /* #endif */
     }
     &-item {
@@ -96,7 +98,12 @@
       display: flex;
       flex-direction: column;
       &-item {
+        /* #ifdef dynamic*/
+        display: flex;
+        /* #endif */
+        /* #ifndef dynamic*/
         display: inline-flex;
+        /* #endif */
         align-items: center;
         justify-content: center;
         height: 16px;

package/dist/es/packages/elevator/style-jrkf/style.css CHANGED Viewed

@@ -20,7 +20,9 @@
   min-height: 100%;
   width: 100%;
   background-color: var(--nutui-elevator-list-bg-color, #ffffff);
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-elevator-list-item {
   display: flex;
@@ -94,7 +96,12 @@
   flex-direction: column;
 }
 .nut-elevator-bars-inner-item {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   justify-content: center;
   height: 16px;

package/dist/es/packages/ellipsis/style/ellipsis.scss CHANGED Viewed

@@ -18,5 +18,7 @@
 }
 .nut-ellipsis-width {
+  /* #ifndef dynamic*/
   width: fit-content;
+  /* #endif */
 }

package/dist/es/packages/ellipsis/style/style.css CHANGED Viewed

@@ -20,5 +20,7 @@
 }
 .nut-ellipsis-width {
+  /* #ifndef dynamic*/
   width: fit-content;
+  /* #endif */
 }

package/dist/es/packages/ellipsis/style-jmapp/ellipsis.scss CHANGED Viewed

@@ -18,5 +18,7 @@
 }
 .nut-ellipsis-width {
+  /* #ifndef dynamic*/
   width: fit-content;
+  /* #endif */
 }

package/dist/es/packages/ellipsis/style-jmapp/style.css CHANGED Viewed

@@ -20,5 +20,7 @@
 }
 .nut-ellipsis-width {
+  /* #ifndef dynamic*/
   width: fit-content;
+  /* #endif */
 }

package/dist/es/packages/ellipsis/style-jrkf/ellipsis.scss CHANGED Viewed

@@ -18,5 +18,7 @@
 }
 .nut-ellipsis-width {
+  /* #ifndef dynamic*/
   width: fit-content;
+  /* #endif */
 }

package/dist/es/packages/ellipsis/style-jrkf/style.css CHANGED Viewed

@@ -20,5 +20,7 @@
 }
 .nut-ellipsis-width {
+  /* #ifndef dynamic*/
   width: fit-content;
+  /* #endif */
 }

package/dist/es/packages/empty/style/style.css CHANGED Viewed

@@ -35,8 +35,8 @@
   font-weight: var(--nutui-font-weight-bold, 600);
   margin-bottom: var(--nutui-empty-title-margin-bottom, 12px);
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-font-size-l, 16px);
-  line-height: var(--nutui-empty-title-line-height, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-font-size-l, 15px);
+  line-height: var(--nutui-empty-title-line-height, var(--nutui-font-size-l, 15px));
 }
 .nut-empty-description {
   color: var(--nutui-color-text, #505259);

package/dist/es/packages/indicator/style/indicator.scss CHANGED Viewed

@@ -110,7 +110,9 @@
     &-dot,
     &-line {
       position: relative;
+      /* #ifndef dynamic*/
       box-sizing: content-box;
+      /* #endif */
       background: rgba(255, 255, 255, 0.4);
       opacity: 1;
     }

package/dist/es/packages/indicator/style/style.css CHANGED Viewed

@@ -82,7 +82,9 @@
 .nut-indicator-white .nut-indicator-dot, .nut-indicator-white .nut-indicator-line {
   position: relative;
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
   background: rgba(255, 255, 255, 0.4);
   opacity: 1;
 }

package/dist/es/packages/indicator/style-jmapp/indicator.scss CHANGED Viewed

@@ -110,7 +110,9 @@
     &-dot,
     &-line {
       position: relative;
+      /* #ifndef dynamic*/
       box-sizing: content-box;
+      /* #endif */
       background: rgba(255, 255, 255, 0.4);
       opacity: 1;
     }

package/dist/es/packages/indicator/style-jmapp/style.css CHANGED Viewed

@@ -82,7 +82,9 @@
 .nut-indicator-white .nut-indicator-dot, .nut-indicator-white .nut-indicator-line {
   position: relative;
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
   background: rgba(255, 255, 255, 0.4);
   opacity: 1;
 }

package/dist/es/packages/indicator/style-jrkf/indicator.scss CHANGED Viewed

@@ -110,7 +110,9 @@
     &-dot,
     &-line {
       position: relative;
+      /* #ifndef dynamic*/
       box-sizing: content-box;
+      /* #endif */
       background: rgba(255, 255, 255, 0.4);
       opacity: 1;
     }

package/dist/es/packages/indicator/style-jrkf/style.css CHANGED Viewed

@@ -82,7 +82,9 @@
 .nut-indicator-white .nut-indicator-dot, .nut-indicator-white .nut-indicator-line {
   position: relative;
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
   background: rgba(255, 255, 255, 0.4);
   opacity: 1;
 }

package/dist/es/packages/input/input.js CHANGED Viewed

@@ -27,7 +27,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
 export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
     var rtl = useRtl();
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps, props), type = _ref.type, name = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, onChange = _ref.onChange, onFocus = _ref.onFocus, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, plain = _ref.plain, defaultValue = _ref.defaultValue, _value = _ref.value, onCompositionStart = _ref.onCompositionStart, onCompositionEnd = _ref.onCompositionEnd, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps, props), type = _ref.type, name = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, inputStyle = _ref.inputStyle, onChange = _ref.onChange, onFocus = _ref.onFocus, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, plain = _ref.plain, defaultValue = _ref.defaultValue, _value = _ref.value, onCompositionStart = _ref.onCompositionStart, onCompositionEnd = _ref.onCompositionEnd, rest = _object_without_properties(_ref, [
         "type",
         "name",
         "placeholder",
@@ -41,6 +41,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
         "autoFocus",
         "style",
         "className",
+        "inputStyle",
         "onChange",
         "onFocus",
         "onClear",
@@ -137,9 +138,9 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
         ref: inputRef,
         name: name,
         className: "nut-input-native",
-        style: {
+        style: _object_spread({}, {
             textAlign: getTextAlign()
-        },
+        }, inputStyle),
         type: getInputType(type),
         maxLength: maxLength,
         placeholder: placeholder === undefined ? locale.placeholder : placeholder,

package/dist/es/packages/input/style/input.scss CHANGED Viewed

@@ -31,9 +31,8 @@
 .nut-input-native {
   flex: 1;
-  color: $color-title;
+  color: $input-color;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/es/packages/input/style/style.css CHANGED Viewed

@@ -32,9 +32,8 @@
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title, #1a1a1a);
+  color: var(--nutui-input-color, var(--nutui-color-title, #1a1a1a));
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-size-l, 16px));
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/es/packages/input/style-jmapp/input.scss CHANGED Viewed

@@ -31,9 +31,8 @@
 .nut-input-native {
   flex: 1;
-  color: $color-title;
+  color: $input-color;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/es/packages/input/style-jmapp/style.css CHANGED Viewed

@@ -32,9 +32,8 @@
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title);
+  color: var(--nutui-input-color, var(--nutui-color-text));
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-text-large));
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/es/packages/input/style-jrkf/input.scss CHANGED Viewed

@@ -31,9 +31,8 @@
 .nut-input-native {
   flex: 1;
-  color: $color-title;
+  color: $input-color;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/es/packages/input/style-jrkf/style.css CHANGED Viewed

@@ -32,9 +32,8 @@
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title);
+  color: var(--nutui-input-color, var(--nutui-color-text));
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-text-large));
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/es/packages/inputnumber/style/inputnumber.scss CHANGED Viewed

@@ -1,7 +1,13 @@
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(
-    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} + #{$inputnumber-input-width}
+    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} +
+      #{$inputnumber-input-width}
   );
   flex-direction: row;
   align-items: center;

package/dist/es/packages/inputnumber/style/style.css CHANGED Viewed

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(2 * var(--nutui-inputnumber-input-margin, 0px) + 2 * var(--nutui-inputnumber-button-width, 20px) + var(--nutui-inputnumber-input-width, 26px));
   flex-direction: row;
   align-items: center;

package/dist/es/packages/inputnumber/style-jmapp/inputnumber.scss CHANGED Viewed

@@ -1,7 +1,13 @@
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(
-    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} + #{$inputnumber-input-width}
+    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} +
+      #{$inputnumber-input-width}
   );
   flex-direction: row;
   align-items: center;

package/dist/es/packages/inputnumber/style-jmapp/style.css CHANGED Viewed

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(2 * var(--nutui-inputnumber-input-margin, 0 6px) + 2 * var(--nutui-inputnumber-button-width, 16px) + var(--nutui-inputnumber-input-width, 40px));
   flex-direction: row;
   align-items: center;

package/dist/es/packages/inputnumber/style-jrkf/inputnumber.scss CHANGED Viewed

@@ -1,7 +1,13 @@
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(
-    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} + #{$inputnumber-input-width}
+    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} +
+      #{$inputnumber-input-width}
   );
   flex-direction: row;
   align-items: center;

package/dist/es/packages/inputnumber/style-jrkf/style.css CHANGED Viewed

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(2 * var(--nutui-inputnumber-input-margin, 0 6px) + 2 * var(--nutui-inputnumber-button-width, 16px) + var(--nutui-inputnumber-input-width, 40px));
   flex-direction: row;
   align-items: center;

package/dist/es/packages/loading/style/loading.scss CHANGED Viewed

@@ -1,5 +1,10 @@
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

package/dist/es/packages/loading/style/style.css CHANGED Viewed

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

package/dist/es/packages/loading/style-jmapp/loading.scss CHANGED Viewed

@@ -1,5 +1,10 @@
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

package/dist/es/packages/loading/style-jmapp/style.css CHANGED Viewed

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

package/dist/es/packages/loading/style-jrkf/loading.scss CHANGED Viewed

@@ -1,5 +1,10 @@
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

package/dist/es/packages/loading/style-jrkf/style.css CHANGED Viewed

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

package/dist/es/packages/menuitem/style/menuitem.scss CHANGED Viewed

@@ -27,7 +27,12 @@
     }
     .nut-icon {
+      /* #ifdef dynamic*/
+      display: flex;
+      /* #endif */
+      /* #ifndef dynamic*/
       display: inline-flex;
+      /* #endif */
       align-items: center;
       margin-right: $menu-item-icon-margin;
       flex-shrink: 0;
@@ -54,14 +59,14 @@
 .nut-menu-placeholder-element {
   position: fixed;
-  top: -$menu-bar-line-height;
+  top: calc(-1 * var(--menu-bar-line-height));
   left: 0;
   right: 0;
   z-index: $menu-bar-opened-z-index;
   background-color: transparent;
   &.up {
-    bottom: -$menu-bar-line-height;
+    bottom: calc(-1 * var(--menu-bar-line-height));
   }
 }