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/tag/style/tag.scss CHANGED Viewed

@@ -30,7 +30,7 @@
   }
   &-primary {
-    background: #fa2c19;
+    background: $tag-primary-background-color;
   }
   &-info {
@@ -62,7 +62,12 @@
   }
   &-custom-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     justify-content: center;
     font-size: $tag-font-size;

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

@@ -30,7 +30,7 @@
   background: var(--nutui-tag-background-color, var(--nutui-color-title));
 }
 .nut-tag-primary {
-  background: #fa2c19;
+  background: var(--nutui-tag-primary-background-color, var(--nutui-color-primary));
 }
 .nut-tag-info {
   background: var(--nutui-tag-info-background-color, var(--nutui-color-info));
@@ -54,7 +54,12 @@
   cursor: pointer;
 }
 .nut-tag-custom-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   justify-content: center;
   font-size: var(--nutui-tag-font-size, var(--nutui-font-text-xs));

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

@@ -30,7 +30,7 @@
   }
   &-primary {
-    background: #fa2c19;
+    background: $tag-primary-background-color;
   }
   &-info {
@@ -62,7 +62,12 @@
   }
   &-custom-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     justify-content: center;
     font-size: $tag-font-size;

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

@@ -30,7 +30,7 @@
   background: var(--nutui-tag-background-color, var(--nutui-color-title));
 }
 .nut-tag-primary {
-  background: #fa2c19;
+  background: var(--nutui-tag-primary-background-color, var(--nutui-color-primary, #ff6666));
 }
 .nut-tag-info {
   background: var(--nutui-tag-info-background-color, var(--nutui-color-info));
@@ -54,7 +54,12 @@
   cursor: pointer;
 }
 .nut-tag-custom-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   justify-content: center;
   font-size: var(--nutui-tag-font-size, var(--nutui-font-text-xs));

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

@@ -30,7 +30,7 @@
   }
   &-primary {
-    background: #fa2c19;
+    background: $tag-primary-background-color;
   }
   &-info {
@@ -62,7 +62,12 @@
   }
   &-custom-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     justify-content: center;
     font-size: $tag-font-size;

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

@@ -21,7 +21,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
 });
 export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps, props), className = _ref.className, value = _ref.value, defaultValue = _ref.defaultValue, showCount = _ref.showCount, maxLength = _ref.maxLength, rows = _ref.rows, placeholder = _ref.placeholder, readOnly = _ref.readOnly, disabled = _ref.disabled, autoSize = _ref.autoSize, style = _ref.style, plain = _ref.plain, status = _ref.status, onChange = _ref.onChange, onBlur = _ref.onBlur, onFocus = _ref.onFocus, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps, props), className = _ref.className, value = _ref.value, defaultValue = _ref.defaultValue, showCount = _ref.showCount, maxLength = _ref.maxLength, rows = _ref.rows, placeholder = _ref.placeholder, readOnly = _ref.readOnly, disabled = _ref.disabled, autoSize = _ref.autoSize, style = _ref.style, plain = _ref.plain, status = _ref.status, viewId = _ref.viewId, onChange = _ref.onChange, onBlur = _ref.onBlur, onFocus = _ref.onFocus, rest = _object_without_properties(_ref, [
         "className",
         "value",
         "defaultValue",
@@ -35,6 +35,7 @@ export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
         "style",
         "plain",
         "status",
+        "viewId",
         "onChange",
         "onBlur",
         "onFocus"
@@ -108,6 +109,7 @@ export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
     });
     var _obj;
     return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
+        id: viewId,
         className: classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-disabled"), disabled), _define_property(_obj, "".concat(classPrefix, "-readonly"), readOnly), _define_property(_obj, "".concat(classPrefix, "-rtl"), rtl), _define_property(_obj, "".concat(classPrefix, "-plain"), plain), _define_property(_obj, "".concat(classPrefix, "-container"), !plain), _define_property(_obj, "".concat(classPrefix, "-").concat(status), status), _obj), className)
     }, /*#__PURE__*/ React.createElement("textarea", _object_spread_props(_object_spread({}, rest), {
         ref: textareaRef,

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

@@ -16,7 +16,9 @@
   width: var(--nutui-timeselect-date-width, 140px);
   min-width: var(--nutui-timeselect-date-width, 140px);
   height: 100%;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
   background: var(--nutui-color-background-sunken, #f7f8fc);
 }

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

@@ -13,7 +13,9 @@
     width: $timeselect-date-width;
     min-width: $timeselect-date-width;
     height: 100%;
+    /* #ifndef dynamic*/
     overflow: auto;
+    /* #endif */
     background: $color-background-sunken;
   }
 }

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

@@ -16,7 +16,9 @@
   width: var(--nutui-timeselect-date-width, 140px);
   min-width: var(--nutui-timeselect-date-width, 140px);
   height: 100%;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
   background: var(--nutui-gray-2, #f8f8f8);
 }

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

@@ -13,7 +13,9 @@
     width: $timeselect-date-width;
     min-width: $timeselect-date-width;
     height: 100%;
+    /* #ifndef dynamic*/
     overflow: auto;
+    /* #endif */
     background: $color-background-sunken;
   }
 }

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

@@ -16,7 +16,9 @@
   width: var(--nutui-timeselect-date-width, 140px);
   min-width: var(--nutui-timeselect-date-width, 140px);
   height: 100%;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
   background: var(--nutui-gray-2, #f0f0f0);
 }

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

@@ -13,7 +13,9 @@
     width: $timeselect-date-width;
     min-width: $timeselect-date-width;
     height: 100%;
+    /* #ifndef dynamic*/
     overflow: auto;
+    /* #endif */
     background: $color-background-sunken;
   }
 }

package/dist/es/packages/toast/Notification.js CHANGED Viewed

@@ -131,7 +131,9 @@ var Notification = /*#__PURE__*/ function(_superClass) {
                     id: "toast-".concat(id)
                 }, /*#__PURE__*/ React.createElement("div", {
                     className: classNames("".concat(classPrefix, "-inner"), "".concat(classPrefix, "-").concat(position), contentClassName, "".concat(classPrefix, "-inner-").concat(size), "".concat(classPrefix, "-inner-").concat(wordBreak), _define_property({}, "".concat(classPrefix, "-inner-descrption"), content)),
-                    style: _object_spread({}, contentStyle)
+                    style: _object_spread({}, contentStyle),
+                    role: "alert",
+                    "aria-label": (title !== null && title !== void 0 ? title : '') + (content !== null && content !== void 0 ? content : '')
                 }, this.renderIcon(), title && /*#__PURE__*/ React.createElement("div", {
                     className: "".concat(classPrefix, "-title")
                 }, title), content && /*#__PURE__*/ React.createElement("span", {

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

@@ -68,7 +68,7 @@
   font-size: var(--nutui-font-size-s, 12px);
 }
 .nut-toast-inner-large {
-  font-size: var(--nutui-font-size-l, 16px);
+  font-size: var(--nutui-font-size-l, 15px);
 }
 .nut-toast-center {
   top: var(--nutui-toast-inner-top, 48%);
@@ -82,14 +82,23 @@
 .nut-toast-text {
   color: #ffffff;
   text-align: var(--nutui-toast-inner-text-align, center);
+  /* #ifdef harmony dynamic*/
+  line-height: normal;
+  /* #endif */
   line-height: 20px;
+  height: auto;
 }
 .nut-toast-title {
   color: #ffffff;
   font-size: var(--nutui-toast-title-font-size, 16px);
   font-weight: 600;
   text-align: var(--nutui-toast-inner-text-align, center);
+  /* #ifdef harmony dynamic*/
+  line-height: normal;
+  /* #endif */
+  /* #ifndef harmony dynamic*/
   line-height: 22px;
+  /* #endif */
 }
 .nut-toast .nut-icon {
   width: 24px;

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

@@ -93,7 +93,11 @@
   &-text {
     color: #ffffff;
     text-align: $toast-inner-text-align;
+    /* #ifdef harmony dynamic*/
+    line-height: normal;
+    /* #endif */
     line-height: 20px;
+    height: auto;
   }
   &-title {
@@ -101,7 +105,12 @@
     font-size: $toast-title-font-size;
     font-weight: 600;
     text-align: $toast-inner-text-align;
+    /* #ifdef harmony dynamic*/
+    line-height: normal;
+    /* #endif */
+    /* #ifndef harmony dynamic*/
     line-height: 22px;
+    /* #endif */
   }
   .nut-icon {

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

@@ -82,14 +82,23 @@
 .nut-toast-text {
   color: #ffffff;
   text-align: var(--nutui-toast-inner-text-align, center);
+  /* #ifdef harmony dynamic*/
+  line-height: normal;
+  /* #endif */
   line-height: 20px;
+  height: auto;
 }
 .nut-toast-title {
   color: #ffffff;
   font-size: var(--nutui-toast-title-font-size, 16px);
   font-weight: 600;
   text-align: var(--nutui-toast-inner-text-align, center);
+  /* #ifdef harmony dynamic*/
+  line-height: normal;
+  /* #endif */
+  /* #ifndef harmony dynamic*/
   line-height: 22px;
+  /* #endif */
 }
 .nut-toast .nut-icon {
   width: 24px;

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

@@ -93,7 +93,11 @@
   &-text {
     color: #ffffff;
     text-align: $toast-inner-text-align;
+    /* #ifdef harmony dynamic*/
+    line-height: normal;
+    /* #endif */
     line-height: 20px;
+    height: auto;
   }
   &-title {
@@ -101,7 +105,12 @@
     font-size: $toast-title-font-size;
     font-weight: 600;
     text-align: $toast-inner-text-align;
+    /* #ifdef harmony dynamic*/
+    line-height: normal;
+    /* #endif */
+    /* #ifndef harmony dynamic*/
     line-height: 22px;
+    /* #endif */
   }
   .nut-icon {

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

@@ -82,14 +82,23 @@
 .nut-toast-text {
   color: #ffffff;
   text-align: var(--nutui-toast-inner-text-align, center);
+  /* #ifdef harmony dynamic*/
+  line-height: normal;
+  /* #endif */
   line-height: 20px;
+  height: auto;
 }
 .nut-toast-title {
   color: #ffffff;
   font-size: var(--nutui-toast-title-font-size, 16px);
   font-weight: 600;
   text-align: var(--nutui-toast-inner-text-align, center);
+  /* #ifdef harmony dynamic*/
+  line-height: normal;
+  /* #endif */
+  /* #ifndef harmony dynamic*/
   line-height: 22px;
+  /* #endif */
 }
 .nut-toast .nut-icon {
   width: 24px;

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

@@ -93,7 +93,11 @@
   &-text {
     color: #ffffff;
     text-align: $toast-inner-text-align;
+    /* #ifdef harmony dynamic*/
+    line-height: normal;
+    /* #endif */
     line-height: 20px;
+    height: auto;
   }
   &-title {
@@ -101,7 +105,12 @@
     font-size: $toast-title-font-size;
     font-weight: 600;
     text-align: $toast-inner-text-align;
+    /* #ifdef harmony dynamic*/
+    line-height: normal;
+    /* #endif */
+    /* #ifndef harmony dynamic*/
     line-height: 22px;
+    /* #endif */
   }
   .nut-icon {

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

@@ -18,7 +18,9 @@
   display: block;
   padding: var(--nutui-tour-content-padding, 10px 12px);
   min-width: var(--nutui-tour-content-min-width, 200px);
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
 }
 .nut-tour-content-top {
   display: block;

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

@@ -18,7 +18,9 @@
     display: block;
     padding: $tour-content-padding;
     min-width: $tour-content-min-width;
+    /* #ifndef dynamic*/
     box-sizing: content-box;
+    /* #endif */
     &-top {
       display: block;

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

@@ -18,7 +18,9 @@
   display: block;
   padding: var(--nutui-tour-content-padding, 10px 12px);
   min-width: var(--nutui-tour-content-min-width, 200px);
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
 }
 .nut-tour-content-top {
   display: block;

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

@@ -18,7 +18,9 @@
     display: block;
     padding: $tour-content-padding;
     min-width: $tour-content-min-width;
+    /* #ifndef dynamic*/
     box-sizing: content-box;
+    /* #endif */
     &-top {
       display: block;

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

@@ -18,7 +18,9 @@
   display: block;
   padding: var(--nutui-tour-content-padding, 10px 12px);
   min-width: var(--nutui-tour-content-min-width, 200px);
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
 }
 .nut-tour-content-top {
   display: block;

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

@@ -18,7 +18,9 @@
     display: block;
     padding: $tour-content-padding;
     min-width: $tour-content-min-width;
+    /* #ifndef dynamic*/
     box-sizing: content-box;
+    /* #endif */
     &-top {
       display: block;

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

@@ -164,7 +164,9 @@
   justify-content: center;
   align-items: center;
   height: 100%;
+  /* #ifndef dynamic*/
   position: initial;
+  /* #endif */
   border-radius: var(--nutui-uploader-image-border-radius, 4px);
 }
 .nut-uploader-preview-img-file {

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

@@ -179,7 +179,9 @@
         justify-content: center;
         align-items: center;
         height: 100%;
+        /* #ifndef dynamic*/
         position: initial;
+        /* #endif */
         border-radius: $uploader-image-border-radius;
       }

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

@@ -164,7 +164,9 @@
   justify-content: center;
   align-items: center;
   height: 100%;
+  /* #ifndef dynamic*/
   position: initial;
+  /* #endif */
   border-radius: var(--nutui-uploader-image-border-radius, var(--nutui-radius-xs));
 }
 .nut-uploader-preview-img-file {

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

@@ -179,7 +179,9 @@
         justify-content: center;
         align-items: center;
         height: 100%;
+        /* #ifndef dynamic*/
         position: initial;
+        /* #endif */
         border-radius: $uploader-image-border-radius;
       }

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

@@ -164,7 +164,9 @@
   justify-content: center;
   align-items: center;
   height: 100%;
+  /* #ifndef dynamic*/
   position: initial;
+  /* #endif */
   border-radius: var(--nutui-uploader-image-border-radius, var(--nutui-radius-xs));
 }
 .nut-uploader-preview-img-file {

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

@@ -179,7 +179,9 @@
         justify-content: center;
         align-items: center;
         height: 100%;
+        /* #ifndef dynamic*/
         position: initial;
+        /* #endif */
         border-radius: $uploader-image-border-radius;
       }

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

@@ -210,7 +210,6 @@ var InternalUploader = function(props, ref) {
                     case 3:
                         _files = filterFiles(_files);
                         tasks = _files.map(function(file) {
-                            var _file_type;
                             var info = {
                                 uid: idCountRef.current++,
                                 status: autoUpload ? 'uploading' : 'ready',
@@ -219,7 +218,7 @@ var InternalUploader = function(props, ref) {
                                 name: file.name,
                                 type: file.type
                             };
-                            if (preview && ((_file_type = file.type) === null || _file_type === void 0 ? void 0 : _file_type.includes('image'))) {
+                            if (preview) {
                                 var reader = new FileReader();
                                 reader.onload = function(event) {
                                     fileListRef.current = _to_consumable_array(fileListRef.current).concat([

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

@@ -35,7 +35,9 @@
 }
 .nut-virtualList-box {
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-virtuallist {

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

@@ -35,7 +35,9 @@
 }
 .nut-virtualList-box {
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-virtuallist {

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

@@ -35,7 +35,9 @@
 }
 .nut-virtualList-box {
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-virtuallist {

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

@@ -35,7 +35,9 @@
 }
 .nut-virtualList-box {
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-virtuallist {

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

@@ -35,7 +35,9 @@
 }
 .nut-virtualList-box {
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-virtuallist {

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

@@ -35,7 +35,9 @@
 }
 .nut-virtualList-box {
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-virtuallist {

package/dist/es/types/spec/avatar/taro.d.ts CHANGED Viewed

@@ -1,7 +1,13 @@
-import { ITouchEvent } from '@tarojs/components';
+import { ITouchEvent, ImageProps } from '@tarojs/components';
 import { BaseAvatar, BaseAvatarGroup } from './base';
 export interface TaroAvatarProps extends Omit<BaseAvatar, 'onClick'> {
     avatarIndex: number;
+    /** 图片裁剪、缩放的模式，同 Taro Image 的 mode 属性 */
+    mode: keyof ImageProps.Mode;
+    /**
+     * @deprecated 请使用 mode 属性代替
+     */
+    fit: BaseAvatar['fit'];
     onClick: (e: ITouchEvent) => void;
 }
 export interface TaroAvatarGroupProps extends BaseAvatarGroup {

package/dist/es/types/spec/dialog/base.d.ts CHANGED Viewed

@@ -39,6 +39,14 @@ export interface BaseDialog extends DialogWrapProps {
     */
     cancelText: ReactNode
     /**
+    * 确认按钮徽标
+    */
+    confirmBadge: ReactNode
+    /**
+    * 取消按钮徽标
+    */
+    cancelBadge: ReactNode
+    /**
     * 是否隐藏确定按钮
     */
     hideConfirmButton: boolean

package/dist/es/types/spec/input/base.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import { Align } from '../../base/atoms';
 import { BaseProps } from '../../base/props';
 export type InputFormatTrigger = 'onChange' | 'onBlur';
@@ -65,6 +65,10 @@ export interface BaseInput<INPUT_TYPE, CONFIRM_TYPE = InputConfirmType> extends
     */
     plain: boolean
     /**
+    * 输入框样式
+    */
+    inputStyle?: CSSProperties
+    /**
     * 输入内容格式化函数
     */
     formatter?: (value: string) => string