@nutui/nutui-react-taro 3.0.0-beta.9 → 3.0.1

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

@@ -0,0 +1,236 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-animate {
+  /* Animation CSS */
+  /* Slide Animations */
+  /* Shake Animation */
+  /* Ripple Animation */
+  /* Breath Animation */
+  /* Twinkle Animation */
+  /* Flicker Animation */
+  /* Jump Animation */
+  /* Float Animation */
+  /* Loop Animation */
+}
+.nut-animate [class*=nut-animate-] {
+  animation-duration: 0.5s;
+  animation-timing-function: ease-out;
+  animation-fill-mode: both;
+}
+@keyframes slide-right {
+  0% {
+    opacity: 0;
+    transform: translateX(100%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes slide-left {
+  0% {
+    opacity: 0;
+    transform: translateX(-100%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes slide-top {
+  0% {
+    opacity: 0;
+    transform: translateY(-100%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes slide-bottom {
+  0% {
+    opacity: 0;
+    transform: translateY(100%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.nut-animate .nut-animate-slide-right {
+  animation-name: slide-right;
+}
+.nut-animate .nut-animate-slide-left {
+  animation-name: slide-left;
+}
+.nut-animate .nut-animate-slide-top {
+  animation-name: slide-top;
+}
+.nut-animate .nut-animate-slide-bottom {
+  animation-name: slide-bottom;
+}
+@keyframes shake {
+  0%, 100% {
+    transform: translateX(0);
+  }
+  10% {
+    transform: translateX(-9px);
+  }
+  20% {
+    transform: translateX(8px);
+  }
+  30% {
+    transform: translateX(-7px);
+  }
+  40% {
+    transform: translateX(6px);
+  }
+  50% {
+    transform: translateX(-5px);
+  }
+  60% {
+    transform: translateX(4px);
+  }
+  70% {
+    transform: translateX(-3px);
+  }
+  80% {
+    transform: translateX(2px);
+  }
+  90% {
+    transform: translateX(-1px);
+  }
+}
+.nut-animate .nut-animate-shake {
+  animation-name: shake;
+}
+@keyframes ripple {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+}
+.nut-animate .nut-animate-ripple {
+  animation-name: ripple;
+}
+@keyframes breath {
+  0%, 100% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+}
+.nut-animate .nut-animate-breath {
+  animation-name: breath;
+  animation-duration: 2700ms;
+  animation-timing-function: ease-in-out;
+  animation-direction: alternate;
+}
+.nut-animate .nut-animate-twinkle {
+  position: relative;
+}
+.nut-animate .nut-animate-twinkle::after, .nut-animate .nut-animate-twinkle::before {
+  width: 60px;
+  height: 60px;
+  content: "";
+  box-sizing: border-box;
+  border: 4px solid rgba(255, 255, 255, 0.6);
+  position: absolute;
+  border-radius: 30px;
+  right: 50%;
+  margin-top: -30px;
+  margin-right: -30px;
+  z-index: 1;
+  transform: scale(0);
+  animation: twinkle 2s ease-out infinite;
+}
+.nut-animate .nut-animate-twinkle::after {
+  animation-delay: 0.4s;
+}
+@keyframes twinkle {
+  0% {
+    transform: scale(0);
+  }
+  20% {
+    opacity: 1;
+  }
+  50%, 100% {
+    transform: scale(1.4);
+    opacity: 0;
+  }
+}
+.nut-animate .nut-animate-flicker {
+  position: relative;
+  overflow: hidden;
+}
+.nut-animate .nut-animate-flicker::after {
+  width: 100px;
+  height: 60px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  opacity: 0.73;
+  content: "";
+  background-image: linear-gradient(106deg, rgba(232, 224, 255, 0) 24%, #e8e0ff 91%);
+  animation: flicker 1.5s linear infinite;
+  transform: skewX(-20deg);
+  filter: blur(3px);
+}
+@keyframes flicker {
+  0% {
+    transform: translateX(-100px) skewX(-20deg);
+  }
+  40%, 100% {
+    transform: translateX(150px) skewX(-20deg);
+  }
+}
+@keyframes jump {
+  0% {
+    transform: rotate(0) translateY(0);
+  }
+  25% {
+    transform: rotate(10deg) translateY(20px);
+  }
+  50% {
+    transform: rotate(0) translateY(-10px);
+  }
+  75% {
+    transform: rotate(-10deg) translateY(20px);
+  }
+  100% {
+    transform: rotate(0) translateY(0);
+  }
+}
+.nut-animate .nut-animate-jump {
+  transform-origin: center center;
+  animation: jump 0.7s linear;
+}
+@keyframes float-pop {
+  0% {
+    top: 0;
+  }
+  25% {
+    top: 1px;
+  }
+  50% {
+    top: 4px;
+  }
+  75% {
+    top: 1px;
+  }
+  100% {
+    top: 0;
+  }
+}
+.nut-animate .nut-animate-float {
+  position: relative;
+  animation-name: float-pop;
+}
+.nut-animate .loop {
+  animation-iteration-count: infinite;
+}

package/dist/es/packages/animatingnumbers/style/style.css

@@ -17,14 +17,14 @@
 .nut-countup-listitem-number {
   margin: 0 var(--nutui-countup-lr-margin, 0);
   border-radius: var(--nutui-countup-border-radius, 4px);
-  color: var(--nutui-countup-color, var(--nutui-gray-7));
+  color: var(--nutui-countup-color, var(--nutui-color-title, #1a1a1a));
   background-color: var(--nutui-countup-bg-color, inherit);
 }
 .nut-countup-separator {
   display: flex;
   height: 80%;
   align-items: flex-end;
-  color: var(--nutui-countup-separator-color, var(--nutui-gray-7));
+  color: var(--nutui-countup-separator-color, var(--nutui-color-title, #1a1a1a));
   font-size: var(--nutui-countup-base-size, 18px);
   font-weight: var(--nutui-font-weight-bold, 600);
 }
@@ -39,7 +39,7 @@
 .nut-countup-number-text {
   height: var(--nutui-countup-height, 32px);
   line-height: var(--nutui-countup-height, 32px);
-  color: var(--nutui-countup-color, var(--nutui-gray-7));
+  color: var(--nutui-countup-color, var(--nutui-color-title, #1a1a1a));
   font-size: var(--nutui-countup-base-size, 18px);
   font-weight: var(--nutui-font-weight-bold, 600);
 }

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

@@ -0,0 +1,4 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */

package/dist/es/packages/audio/audio.d.ts

@@ -2,9 +2,21 @@ import React, { CSSProperties, FunctionComponent } from 'react';
 import { InnerAudioContext } from '@tarojs/taro';
 import { BasicComponent } from "../../utils/typings";
 export interface AudioProps extends BasicComponent {
-    className?: string;
-    style?: CSSProperties;
-    url: string;
+    /**
+    * 类名
+    * @default -
+    */
+    className?: string
+    /**
+    * css样式
+    * @default {}
+    */
+    style?: CSSProperties
+    /**
+    * 语音资源链接
+    * @default -
+    */
+    url: string
     autoplay?: boolean;
     /**
     * 是否循环播放
@@ -13,25 +25,33 @@ export interface AudioProps extends BasicComponent {
     loop?: boolean
     /**
     * 展示形式，可选值：controls 控制面板 progress 进度条 icon 图标 none 自定义
-    * @default progress
+    * @default 'progress'
     */
     type: string
-    onFastBack?: (ctx: InnerAudioContext) => void;
     /**
-    * 语音快进回调，type = progress 时生效
-    * @default -
+    * 语音快退回调,type=progress时生效
+    * @default 
+    */
+    onFastBack?: (ctx: InnerAudioContext) => void
+    /**
+    * 语音快进回调,type=progress时生效
+    * @default 
     */
     onForward?: (ctx: InnerAudioContext) => void
     /**
     * 暂停回调
-    * @default -
+    * @default 
     */
     onPause?: any
     onPlay?: any;
-    onPlayEnd?: (ctx: InnerAudioContext) => void;
+    /**
+    * 语音播放完成，loop=false时生效
+    * @default 
+    */
+    onPlayEnd?: (ctx: InnerAudioContext) => void
     /**
     * 可以播放媒体时触发
-    * @default -
+    * @default 
     */
     onCanPlay?: (ctx: InnerAudioContext) => void
 }

package/dist/es/packages/audio/audio.js

@@ -8,7 +8,7 @@ import { Service } from "@nutui/icons-react-taro";
 import { View } from "@tarojs/components";
 import Range from "../range/index";
 import Button from "../button/index";
-import { useConfig } from "../configprovider/configprovider";
+import { useConfig } from "../configprovider/index";
 import { ComponentDefaults } from "../../utils/typings";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     className: '',