npm - @nutui/nutui-react-taro - Versions diffs - 4.0.0-beta.2 → 4.0.0-beta.4 - Mend

@nutui/nutui-react-taro 4.0.0-beta.2 → 4.0.0-beta.4

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 (503) hide show

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-textarea {
   display: flex;
   flex-direction: column;
@@ -38,7 +34,7 @@ page {
 }
 .nut-textarea-limit-disabled {
   cursor: not-allowed;
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea-textarea {
   outline: none;
@@ -67,16 +63,16 @@ page {
 }
 .nut-textarea-textarea-disabled {
   cursor: not-allowed;
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea-textarea-disabled::placeholder {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea-textarea-disabled .taro-textarea {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea-textarea-disabled .taro-textarea::placeholder {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea.nut-textarea-rtl-limit {
   right: auto;

package/dist/es/packages/textarea/style/style.harmony.css CHANGED Viewed

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-textarea {
   display: flex;
   flex-direction: column;
@@ -38,7 +34,7 @@ page {
 }
 .nut-textarea-limit-disabled {
   cursor: not-allowed;
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea-textarea {
   outline: none;
@@ -67,16 +63,16 @@ page {
 }
 .nut-textarea-textarea-disabled {
   cursor: not-allowed;
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea-textarea-disabled::placeholder {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea-textarea-disabled .taro-textarea {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea-textarea-disabled .taro-textarea::placeholder {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-textarea.nut-textarea-rtl-limit {
   right: auto;

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-timedetail {
   display: flex;
   align-content: flex-start;

package/dist/es/packages/timedetail/style/style.harmony.css CHANGED Viewed

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-timedetail {
   display: flex;
   align-content: flex-start;

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-timeselect {
   background-color: var(--nutui-color-background-overlay, #ffffff);
   display: flex;

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

@@ -9,10 +9,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-overlay {
   position: fixed;
   top: 0;

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 @keyframes rotation {
   0% {
     -webkit-transform: rotate(0deg);

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-overlay {
   position: fixed;
   top: 0;

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-tour-mask {
   position: fixed;
   box-shadow: 0 0 0 150vh var(--nutui-color-mask, rgba(0, 0, 0, 0.7));
@@ -56,7 +52,7 @@ page {
 }
 .nut-tour-content-bottom-operate-btn {
   display: inline-block;
-  border: calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-text-disabled, #c2c4cc);
+  border: calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-text-disabled, #b4b8bf);
   margin-left: var(--nutui-tour-content-bottom-btn-margin-left, calc(4px * var(--nut-scale-f, 1)));
   padding: var(--nutui-tour-content-bottom-btn-padding, calc(2px * var(--nut-scale-f, 1)) calc(4px * var(--nut-scale-f, 1)));
   font-size: var(--nutui-tour-content-bottom-btn-font-size, var(--nutui-font-size-s, calc(12px * var(--nut-scale-font, var(--nut-scale-f, 1)))));

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

@@ -9,10 +9,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-overlay {
   position: fixed;
   top: 0;
@@ -528,7 +524,7 @@ page {
   margin-left: var(--nutui-spacing-base, calc(8px * var(--nut-scale-f, 1)));
 }
 .nut-popover .nut-popover-content .nut-popover-item.nut-popover-item-disabled {
-  color: var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #b4b8bf));
   cursor: not-allowed;
 }
 .nut-popover .nut-popover-content .nut-popover-item.nut-popover-taroitem {
@@ -746,7 +742,7 @@ page {
 }
 .nut-tour-content-bottom-operate-btn {
   display: inline-block;
-  border: calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-text-disabled, #c2c4cc);
+  border: calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-text-disabled, #b4b8bf);
   margin-left: var(--nutui-tour-content-bottom-btn-margin-left, calc(4px * var(--nut-scale-f, 1)));
   padding: var(--nutui-tour-content-bottom-btn-padding, calc(2px * var(--nut-scale-f, 1)) calc(4px * var(--nut-scale-f, 1)));
   font-size: var(--nutui-tour-content-bottom-btn-font-size, var(--nutui-font-size-s, calc(12px * var(--nut-scale-font, var(--nut-scale-f, 1)))));

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-trendarrow {
   display: flex;
   flex-direction: row;

package/dist/es/packages/trendarrow/style/style.harmony.css CHANGED Viewed

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-trendarrow {
   display: flex;
   flex-direction: row;

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-uploader {
   position: relative;
   display: flex;
@@ -61,11 +57,11 @@ page {
 }
 .nut-uploader-upload-disabled {
   background: var(--nutui-uploader-background-disabled, var(--nutui-color-background, #f2f3f5));
-  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #b4b8bf));
 }
 .nut-uploader-upload-disabled .nut-uploader-icon i,
 .nut-uploader-upload-disabled .nut-uploader-icon .nut-icon {
-  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #b4b8bf));
   margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, calc(6px * var(--nut-scale-f, 1)));
 }
 .nut-uploader-preview {

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-progress {
   display: flex;
   align-items: center;
@@ -121,11 +117,11 @@ page {
 }
 .nut-uploader-upload-disabled {
   background: var(--nutui-uploader-background-disabled, var(--nutui-color-background, #f2f3f5));
-  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #b4b8bf));
 }
 .nut-uploader-upload-disabled .nut-uploader-icon i,
 .nut-uploader-upload-disabled .nut-uploader-icon .nut-icon {
-  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #b4b8bf));
   margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, calc(6px * var(--nut-scale-f, 1)));
 }
 .nut-uploader-preview {

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-video {
   width: 100%;
   height: 100%;

package/dist/es/packages/video/style/style.harmony.css CHANGED Viewed

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-video {
   width: 100%;
   height: 100%;

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-horizontal-items {
   float: left;
 }

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-horizontal-items {
   float: left;
 }

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-watermark {
   position: absolute;
   z-index: var(--nutui-watermark-z-index, 1200);

package/dist/es/packages/watermark/style/style.harmony.css CHANGED Viewed

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-watermark {
   position: absolute;
   z-index: var(--nutui-watermark-z-index, 1200);

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

@@ -3,13 +3,17 @@ import { BaseProps } from '../../base/props';
 import { SimpleValue, UIFill, UISize, UIType } from '../../base/atoms';
 export interface EmptyAction {
     text: ReactNode;
-    type: UIType;
-    size: UISize;
-    fill: UIFill;
-    disabled: boolean;
-    onClick: () => void;
+    type?: UIType;
+    size?: UISize;
+    fill?: UIFill;
+    disabled?: boolean;
+    onClick?: () => void;
 }
-export type EmptyState = 'empty' | 'error' | 'network';
+export type EmptyStatus = 'network' | 'comment' | 'search' | 'shop' | 'address' | 'order' | 'favor' | 'cart';
+export type EmptySize = 'full' | 'half' | 'partial';
+/** 内置缺省插图 URL；图片本体走 CDN 运行时加载，打进包内的仅为 URL 字符串 */
+export declare const EMPTY_STATUS_IMAGES: Record<EmptyStatus, string>;
+export declare const getEmptyStatusImage: (status: EmptyStatus) => string;
 export interface BaseEmpty extends BaseProps {
     /**
     * 图片,支持传入图片 URL
@@ -28,15 +32,15 @@ export interface BaseEmpty extends BaseProps {
     */
     description: ReactNode
     /**
-    * 组件整体大小，适配于全屏或半屏
+    * 组件尺寸，对齐 JD APP V11.0 缺省状态规范
     */
-    size: Extract<UISize, 'small' | 'base'>
+    size: EmptySize
     /**
-    * 默认图片错误类型
+    * 内置缺省插图类型，与设计稿业务场景一一对应
     */
-    status: EmptyState
+    status: EmptyStatus
     /**
-    * 可用于处理操作的一组数据
+    * 操作按钮列表，项内字段同 Button，支持 onClick
     */
     actions: Array<EmptyAction>
 }

package/dist/es/types/spec/empty/base.js CHANGED Viewed

@@ -1 +1,13 @@
-export { };
+/** 内置缺省插图 URL；图片本体走 CDN 运行时加载，打进包内的仅为 URL 字符串 */ export var EMPTY_STATUS_IMAGES = {
+    network: 'https://img10.360buyimg.com/imagetools/jfs/t1/449411/36/15729/19102/6a30e810F36720c83/03e61e01e08ab731.png',
+    comment: 'https://img12.360buyimg.com/imagetools/jfs/t1/458866/29/4221/20560/6a30e810F02e0c676/03e61e01e02c0dab.png',
+    search: 'https://img12.360buyimg.com/imagetools/jfs/t1/453287/39/13487/21638/6a30e810Fc7b15ec6/03e61e01e0bf5f81.png',
+    shop: 'https://img11.360buyimg.com/imagetools/jfs/t1/447986/21/19304/24327/6a30e810F0a9c3aca/03e61e01dd8d09b1.png',
+    address: 'https://img12.360buyimg.com/imagetools/jfs/t1/446923/19/19328/23073/6a30e810F37ec221d/03e61e01e0e69357.png',
+    order: 'https://img11.360buyimg.com/imagetools/jfs/t1/455990/2/7107/24405/6a30e810Fcb5a39b1/03e61e01e0715a43.png',
+    favor: 'https://img12.360buyimg.com/imagetools/jfs/t1/458517/13/4983/22338/6a30e810F9d69ff57/03e61e01e092c3f9.png',
+    cart: 'https://img11.360buyimg.com/imagetools/jfs/t1/453149/9/10304/23216/6a30e810Ff6c0d230/03e61e01e0b41203.png'
+};
+export var getEmptyStatusImage = function(status) {
+    return EMPTY_STATUS_IMAGES[status] || EMPTY_STATUS_IMAGES.network;
+};

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

@@ -2,6 +2,7 @@ import { BaseProps } from '../../base/props';
 import { UIType } from '../../base/atoms';
 export type IndicatorType = 'anchor' | 'slide' | 'dualScreen';
 export type IndicatorColor = Extract<UIType, 'primary' | 'default'>;
+export type IndicatorPlacement = 'outside' | 'inside-top-right' | 'inside-bottom-center' | 'inside-bottom-left';
 export interface BaseIndicator extends BaseProps {
     /**
     * 总页数
@@ -23,4 +24,8 @@ export interface BaseIndicator extends BaseProps {
     * 交互类型
     */
     type: IndicatorType
+    /**
+    * 定位布局
+    */
+    placement: IndicatorPlacement
 }

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

@@ -2,12 +2,21 @@ import { ReactNode } from 'react';
 import { BasicComponent } from "../../../utils/typings";
 import { UISize } from '../../base/atoms';
 export type RateSize = Extract<UISize, 'large' | 'normal' | 'small'>;
+export type RateDirection = 'horizontal' | 'vertical';
 export interface BaseRate extends BasicComponent {
     /**
     * star 尺寸
     */
     size: RateSize
     /**
+    * 方向
+    */
+    direction: RateDirection
+    /**
+    * 标签文字
+    */
+    label: ReactNode | ReactNode[]
+    /**
     * 展示评分
     */
     showScore: boolean
@@ -48,7 +57,7 @@ export interface BaseRate extends BasicComponent {
     */
     allowHalf: boolean
     /**
-    * 是否允许滑动选择 ｜ boolean
+    * 是否允许滑动选择
     */
     touchable: boolean
     /**