@nutui/nutui-react-taro 3.0.11 → 3.0.12

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

@@ -0,0 +1,82 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-tour-mask {
+  position: fixed;
+  box-shadow: 0px 0px 0px 150vh rgba(0, 0, 0, 0.7);
+  border-radius: 10px;
+  z-index: 999;
+}
+.nut-tour-mask-none {
+  box-shadow: none;
+}
+.nut-tour-mask-hidden {
+  opacity: 0;
+}
+.nut-tour-content {
+  display: block;
+  padding: 10px 12px;
+  min-width: 200px;
+  box-sizing: content-box;
+}
+.nut-tour-content-top {
+  display: block;
+  text-align: end;
+}
+.nut-tour-content-inner {
+  margin: 10px 0px;
+  font-size: 14px;
+  white-space: nowrap;
+}
+.nut-tour-content-bottom {
+  margin-top: 10px;
+  display: flex;
+  justify-content: space-between;
+}
+.nut-tour-content-bottom-operate {
+  display: flex;
+  justify-content: flex-end;
+}
+.nut-tour-content-bottom-operate-btn {
+  display: inline-block;
+  border: 1px solid #c2c4cc;
+  margin-left: 4px;
+  padding: 2px 4px;
+  font-size: 12px;
+  border-radius: 4px;
+  color: #505259;
+  cursor: pointer;
+}
+.nut-tour-content-bottom-operate-btn.active {
+  color: #fff;
+  border: 0;
+  background: #ff0f23;
+}
+.nut-tour-content-tile .nut-tour-content-inner {
+  margin: 0;
+}
+.nut-tour-masked {
+  position: fixed;
+  width: 100vh;
+  height: 100vh;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+  background: transparent;
+}
+
+[dir=rtl] .nut-tour-content-bottom-operate-btn {
+  margin-left: 0;
+  margin-right: 4px;
+}
+
+.nut-rtl .nut-tour-content-bottom-operate-btn {
+  margin-left: 0;
+  margin-right: 4px;
+}
+[dir=rtl] .nut-tour-masked,
+.nut-rtl .nut-tour-masked {
+  left: auto;
+  right: 0;
+}

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

@@ -0,0 +1,42 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-trendarrow {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: #1a1a1a;
+  font-size: 14px;
+}
+.nut-trendarrow-icon-before {
+  margin-right: 4px;
+}
+.nut-trendarrow-icon-after {
+  margin-left: 4px;
+}
+.nut-trendarrow-rate {
+  vertical-align: middle;
+  display: inline;
+}
+.nut-trendarrow .nut-icon {
+  vertical-align: middle;
+}
+
+[dir=rtl] .nut-trendarrow-icon-before {
+  margin-right: 0;
+  margin-left: 4px;
+}
+
+.nut-rtl .nut-trendarrow-icon-before {
+  margin-right: 0;
+  margin-left: 4px;
+}
+[dir=rtl] .nut-trendarrow-icon-after {
+  margin-left: 0;
+  margin-right: 4px;
+}
+.nut-rtl .nut-trendarrow-icon-after {
+  margin-left: 0;
+  margin-right: 4px;
+}

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

@@ -0,0 +1,241 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-uploader {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+}
+.nut-uploader-slot {
+  position: relative;
+}
+.nut-uploader-upload {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #f2f3f5;
+  width: 100px;
+  height: 100px;
+  border: 0px;
+  border-radius: 4px;
+}
+.nut-uploader-icon {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  color: #888b94;
+}
+.nut-uploader-icon i {
+  color: #888b94;
+  margin-bottom: 6px;
+}
+.nut-uploader-icon .nut-icon {
+  color: #888b94;
+  margin-bottom: 6px;
+}
+.nut-uploader-icon-tip {
+  font-size: 12px;
+}
+.nut-uploader-input {
+  position: absolute !important;
+  top: 0;
+  left: 0;
+  width: 100% !important;
+  height: 100% !important;
+  overflow: hidden;
+  cursor: pointer;
+  opacity: 0;
+}
+.nut-uploader-input:disabled {
+  cursor: not-allowed;
+}
+.nut-uploader-upload-disabled {
+  background: #f2f3f5;
+  color: #c2c4cc;
+}
+.nut-uploader-upload-disabled .nut-uploader-icon i {
+  color: #c2c4cc;
+  margin-bottom: 6px;
+}
+.nut-uploader-upload-disabled .nut-uploader-icon .nut-icon {
+  color: #c2c4cc;
+  margin-bottom: 6px;
+}
+.nut-uploader-preview {
+  position: relative;
+  margin-right: 10px;
+  margin-bottom: 10px;
+  border-radius: 4px;
+  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
+}
+.nut-uploader-preview-progress {
+  position: absolute;
+  left: 0;
+  top: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.7);
+  border-radius: 4px;
+}
+.nut-uploader-preview-progress i {
+  margin-bottom: 6px;
+}
+.nut-uploader-preview-progress-msg {
+  color: #888b94;
+  font-size: 12px;
+}
+.nut-uploader-preview.list {
+  width: 100%;
+  margin-right: 0px;
+  margin-bottom: 0px;
+  margin-top: 10px;
+  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.01);
+}
+.nut-uploader-preview-list {
+  width: 100%;
+  height: 32px;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 10px;
+  background-color: #f7f8fc;
+}
+.nut-uploader-preview-list .nut-uploader-preview-img-file-name {
+  display: flex;
+  align-items: center;
+  -webkit-line-clamp: 1;
+  padding: 2px;
+  height: 24px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.nut-uploader-preview-list .nut-progress {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.nut-uploader-preview-list .nut-progress .nut-progress-outer {
+  height: 2px !important;
+}
+.nut-uploader-preview .close {
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  transform: translate(50%, -50%);
+  z-index: 1;
+}
+.nut-uploader-preview-img {
+  position: relative;
+  width: 100px;
+  height: 100px;
+  border-radius: 4px;
+  overflow: hidden;
+}
+.nut-uploader-preview-img i {
+  color: #1a1a1a;
+}
+.nut-uploader-preview-img .tips {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  font-size: 12px;
+  color: #ffffff;
+  text-align: center;
+  box-sizing: border-box;
+  height: 24px;
+  line-height: 24px;
+  border-radius: 4px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  padding: 0 5px;
+  background: rgba(0, 0, 0, 0.4);
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.nut-uploader-preview-img-c {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  position: initial;
+  border-radius: 4px;
+}
+.nut-uploader-preview-img-file {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.3s;
+}
+.nut-uploader-preview-img-file-name {
+  display: flex;
+  width: 90%;
+  font-size: 12px;
+  color: #505259;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  word-break: break-all;
+}
+.nut-uploader-preview-img-file-name.error {
+  color: red !important;
+}
+.nut-uploader-preview-img-file-name.success {
+  color: #1890ff !important;
+}
+.nut-uploader-preview-img-file-name .nut-icon-Link {
+  flex-shrink: 0;
+}
+
+[dir=rtl] .nut-uploader-input,
+.nut-rtl .nut-uploader-input {
+  left: auto;
+  right: 0;
+}
+[dir=rtl] .nut-uploader-preview {
+  margin-right: 0;
+  margin-left: 10px;
+}
+.nut-rtl .nut-uploader-preview {
+  margin-right: 0;
+  margin-left: 10px;
+}
+[dir=rtl] .nut-uploader-preview-progress,
+.nut-rtl .nut-uploader-preview-progress {
+  left: auto;
+  right: 0;
+}
+[dir=rtl] .nut-uploader-preview.list,
+.nut-rtl .nut-uploader-preview.list {
+  margin-right: 0;
+  margin-left: 0px;
+}
+[dir=rtl] .nut-uploader-preview .close {
+  right: auto;
+  left: 0px;
+  transform: translate(-50%, -50%);
+}
+.nut-rtl .nut-uploader-preview .close {
+  right: auto;
+  left: 0px;
+  transform: translate(-50%, -50%);
+}
+[dir=rtl] .nut-uploader-preview-img .tips,
+.nut-rtl .nut-uploader-preview-img .tips {
+  left: auto;
+  right: 0;
+}

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

@@ -7,7 +7,7 @@ import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import React, { useEffect, useImperativeHandle, useRef, useState } from "react";
 import classNames from "classnames";
-import Taro, { chooseImage, chooseMedia, getEnv } from "@tarojs/taro";
+import { chooseImage, chooseMedia, getEnv } from "@tarojs/taro";
 import { Failure, Photograph } from "@nutui/icons-react-taro";
 import { View } from "@tarojs/components";
 import Button from "../button/index";
@@ -151,7 +151,8 @@ var InternalUploader = function(props, ref) {
         if (disabled) {
             return;
         }
-        if (Taro.getEnv() === 'WEB') {
+        var env = getEnv();
+        if (env === 'WEB') {
             var el = document.getElementById('taroChooseImage');
             if (el) {
                 el === null || el === void 0 ? void 0 : el.setAttribute('accept', accept);
@@ -164,7 +165,11 @@ var InternalUploader = function(props, ref) {
                 document.body.appendChild(obj);
             }
         }
-        if ((getEnv() === 'WEAPP' || getEnv() === 'JD') && chooseMedia) {
+        if ([
+            'WEAPP',
+            'JD',
+            'WEB'
+        ].includes(env) && chooseMedia) {
             chooseMedia({
                 count: multiple ? maxCount * 1 - fileList.length : 1,
                 /** 文件类型 */ mediaType: mediaType,
@@ -403,33 +408,22 @@ var InternalUploader = function(props, ref) {
     }();
     var onChangeImage = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(res) {
-            var tempFiles, _files, files, filesArr;
+            var tempFiles, _files;
             return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
-                        tempFiles = res.tempFiles;
-                        _files = filterFiles(tempFiles);
-                        files = [];
-                        filesArr = new Array().slice.call(files);
-                        if (!beforeUpload) return [
-                            3,
-                            2
-                        ];
-                        return [
-                            4,
-                            beforeUpload(filesArr)
-                        ];
-                    case 1:
-                        files = _state.sent();
-                        _state.label = 2;
-                    case 2:
-                        files = filterFiles(filesArr);
+                tempFiles = res.tempFiles;
+                _files = filterFiles(tempFiles);
+                if (beforeUpload) {
+                    beforeUpload(new Array().slice.call(_files)).then(function(f) {
+                        var _files = filterFiles(new Array().slice.call(f));
+                        if (!_files.length) res.tempFiles = [];
                         readFile(_files);
-                        return [
-                            2
-                        ];
+                    });
+                } else {
+                    readFile(_files);
                 }
+                return [
+                    2
+                ];
             });
         });
         return function onChangeImage(res) {

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

@@ -0,0 +1,22 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-video {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  display: flex;
+}
+.nut-video-player {
+  width: 100%;
+  background: #000;
+}
+.nut-video-player:focus {
+  outline: none;
+}
+.nut-video video {
+  width: 100%;
+  height: 100%;
+  object-fit: fill;
+}

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

@@ -0,0 +1,74 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-horizontal-items {
+  float: left;
+}
+.nut-horizontal-items li {
+  display: block;
+  float: left;
+  color: #1a1a1a;
+  background: #ffffff;
+  padding: 10px;
+  margin-right: 20px;
+}
+.nut-horizontal-items:after {
+  content: "";
+  display: block;
+  visibility: hidden;
+  clear: both;
+}
+
+.nut-vertical-items li {
+  display: block;
+  color: #1a1a1a;
+  background: #ffffff;
+  border-radius: 7px;
+  box-shadow: 0 1px 6px 0 rgb(237, 238, 241);
+  margin-top: 20px;
+  padding: 14px 15px;
+  font-size: 13px;
+  line-height: 18px;
+  font-family: PingFangSC;
+  font-weight: 500;
+}
+
+.nut-virtualList-box {
+  overflow: auto;
+}
+
+.nut-virtuallist {
+  width: 100%;
+  overflow: scroll;
+  position: relative;
+  -webkit-overflow-scrolling: touch;
+}
+.nut-virtuallist-phantom {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  z-index: -1;
+}
+.nut-virtuallist-container {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+}
+.nut-virtuallist-item {
+  overflow: hidden;
+  margin: 0 0 10px 0;
+}
+
+[dir=rtl] .nut-horizontal-items,
+.nut-rtl .nut-horizontal-items {
+  float: right;
+}
+[dir=rtl] .nut-horizontal-items li,
+.nut-rtl .nut-horizontal-items li {
+  float: right;
+  margin-right: 0;
+  margin-left: 20px;
+}

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

@@ -0,0 +1,17 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-watermark {
+  position: absolute;
+  z-index: 1200;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  pointer-events: none;
+  background-repeat: repeat;
+}
+.nut-watermark-full-page {
+  position: fixed;
+}

package/dist/es/types/spec/progress/base.d.ts

@@ -32,4 +32,28 @@ export interface BaseProgress extends BaseProps {
     * 延迟数据加载时长，单位 ms
     */
     delay: number
+    /**
+    * 进度条圆角大小
+    */
+    borderRadius: string
+    /**
+    * 进度文字大小
+    */
+    fontSize: string
+    /**
+    * 动画播放方式
+    */
+    activeMode: string
+    /**
+    * 动画完成时间（单位：毫秒）
+    */
+    duration: number
+    /**
+    * 无障碍标签
+    */
+    ariaLabel: string
+    /**
+    * 动画完成后的回调函数
+    */
+    onActiveEnd: () => void
 }

package/dist/es/types/spec/progress/taro.d.ts

@@ -1,3 +1,7 @@
 import { BaseProgress } from './base';
 export interface TaroProgressProps extends BaseProgress {
+    showInfo: boolean;
+    activeColor: string;
+    backgroundColor: string;
+    active: boolean;
 }

package/dist/es/types/spec/searchbar/base.d.ts

@@ -3,10 +3,14 @@ import { UIRound } from '../../base/atoms';
 import { BaseProps } from '../../base/props';
 export interface BaseSearchBar extends BaseProps {
     /**
-    * 当前输入的值
+    * 当前输入的值，受控
     */
     value: string
     /**
+    * 当前默认值，支持通过','分割成多个
+    */
+    defaultValue: string
+    /**
     * 输入框默认暗纹
     */
     placeholder: string
@@ -54,6 +58,7 @@ export interface BaseSearchBar extends BaseProps {
     * 输入框内右侧区域
     */
     rightIn: ReactNode
+    tag: boolean;
     /**
     * 确定搜索时触发
     */
@@ -78,4 +83,8 @@ export interface BaseSearchBar extends BaseProps {
     * 点击输入区域时触发
     */
     onInputClick: (e: any) => void
+    /**
+    * 点击默认值的x号触发
+    */
+    onItemClick: (value: string, e: any) => void
 }

package/dist/es/types/spec/steps/base.d.ts

@@ -1,23 +1,44 @@
 import { ReactNode } from 'react';
 import { BaseProps } from '../../base/props';
+export type StepStatus = 'wait' | 'process' | 'finish';
+export type StepType = 'text' | 'dot' | 'icon';
+export type StepLayout = 'single' | 'double';
+export type StepDirection = 'horizontal' | 'vertical';
+export type StepsStatus = 'default' | 'business' | 'dynamic' | 'enhanced';
 export interface BaseStep extends BaseProps {
     title: ReactNode;
     description: ReactNode;
     value: number;
     icon: ReactNode;
+    type: StepType;
 }
 export interface BaseSteps extends BaseProps {
+    /**
+    * 步骤条的展示状态
+    */
+    status: StepsStatus
+    /**
+    * 步骤条的显示方向
+    */
+    direction: StepDirection
     /**
     * 当前所在的步骤
     */
     value: number
     /**
-    * 显示方向
+    * 步骤条的类型
+    */
+    type: StepType
+    /**
+    * 步骤条的布局方式
+    */
+    layout: StepLayout
+    /**
+    * 自定义图标
     */
-    direction: string
+    icon: ReactNode
     /**
-    * 点状步骤条
+    * 点击切换步骤条时触发
     */
-    dot: boolean
-    onStepClick: (index: number) => void;
+    onStepClick: (index: number) => void
 }