@nutui/nutui-react-taro 3.0.0-beta.10 → 3.0.0-beta.11

package/dist/cjs/packages/actionsheet/style/style.harmony.css

@@ -0,0 +1,90 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-actionsheet {
+  text-align: center;
+}
+.nut-actionsheet.nut-popup {
+  min-height: 10%;
+  background-color: #ffffff;
+}
+.nut-actionsheet .nut-popup-title {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+}
+.nut-actionsheet-list {
+  display: block;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  border-radius: 0;
+}
+.nut-actionsheet-cancel {
+  display: block;
+  padding: 10px;
+  text-align: center;
+  line-height: 24px;
+  font-size: 14px;
+  color: #1a1a1a;
+  cursor: pointer;
+}
+.nut-actionsheet-item {
+  display: block;
+  padding: 10px;
+  text-align: center;
+  line-height: 24px;
+  font-size: 14px;
+  color: #1a1a1a;
+  cursor: pointer;
+}
+.nut-actionsheet-cancel-name {
+  text-align: center;
+  line-height: 24px;
+  font-size: 14px;
+  color: #1a1a1a;
+}
+.nut-actionsheet-item-name {
+  text-align: center;
+  line-height: 24px;
+  font-size: 14px;
+  color: #1a1a1a;
+}
+.nut-actionsheet-cancel-description {
+  display: block;
+  font-size: 12px;
+  color: #505259;
+  text-align: center;
+  line-height: 24px;
+}
+.nut-actionsheet-item-description {
+  display: block;
+  font-size: 12px;
+  color: #505259;
+  text-align: center;
+  line-height: 24px;
+}
+.nut-actionsheet-cancel-danger {
+  color: #ff0f23;
+}
+.nut-actionsheet-item-danger {
+  color: #ff0f23;
+}
+.nut-actionsheet-cancel-disabled {
+  color: #c2c4cc !important;
+  cursor: not-allowed;
+}
+.nut-actionsheet-item-disabled {
+  color: #c2c4cc !important;
+  cursor: not-allowed;
+}
+.nut-actionsheet-cancel {
+  margin-top: 5px;
+  border-top: 1px solid rgba(0, 0, 0, 0.06);
+  border-radius: 0;
+}
+.nut-actionsheet-safe-area {
+  display: block;
+  width: 100%;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+}

package/dist/cjs/packages/address/address.js

@@ -20,7 +20,7 @@ var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _index = /*#__PURE__*/ _interop_require_default._(require("../popup/index"));
 var _existRender = require("./existRender");
 var _customRender = require("./customRender");
-var _configprovider = require("../configprovider/configprovider");
+var _index1 = require("../configprovider/index");
 var _typings = require("../../utils/typings");
 var _usepropsvalue = require("../../utils/use-props-value");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
@@ -42,7 +42,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     backIcon: null
 });
 var InternalAddress = function InternalAddress(props, ref) {
-    var locale = (0, _configprovider.useConfig)().locale;
+    var locale = (0, _index1.useConfig)().locale;
     var _ref = (0, _object_spread._)({}, defaultProps, props), style = _ref.style, className = _ref.className, visible = _ref.visible, defaultVisible = _ref.defaultVisible, defaultValue = _ref.defaultValue, children = _ref.children, type = _ref.type, options = _ref.options, optionKey = _ref.optionKey, format = _ref.format, height = _ref.height, title = _ref.title, existList = _ref.existList, custom = _ref.custom, selectIcon = _ref.selectIcon, defaultIcon = _ref.defaultIcon, closeIcon = _ref.closeIcon, backIcon = _ref.backIcon, onChange = _ref.onChange, onExistSelect = _ref.onExistSelect, onClose = _ref.onClose, onSwitch = _ref.onSwitch, rest = (0, _object_without_properties._)(_ref, [
         "style",
         "className",

package/dist/cjs/packages/address/existRender.js

@@ -14,7 +14,7 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
 var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _components = require("@tarojs/components");
-var _configprovider = require("../configprovider/configprovider");
+var _index = require("../configprovider/index");
 var defaultProps = {
     type: 'custom',
     existList: [],
@@ -23,7 +23,7 @@ var defaultProps = {
     custom: false
 };
 var ExistRender = function ExistRender(props) {
-    var locale = (0, _configprovider.useConfig)().locale;
+    var locale = (0, _index.useConfig)().locale;
     var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, type = _ref.type, existList = _ref.existList, selectIcon = _ref.selectIcon, defaultIcon = _ref.defaultIcon, custom = _ref.custom, onSelect = _ref.onSelect, onSwitch = _ref.onSwitch, rest = (0, _object_without_properties._)(_ref, [
         "children",
         "type",

package/dist/cjs/packages/address/style/style.harmony.css

@@ -0,0 +1,52 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-address-elevator {
+  display: flex;
+  margin-top: 20px;
+}
+.nut-address-exist {
+  display: block;
+  padding: 15px 20px 0;
+  height: 279px;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+.nut-address-exist-item {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+  font-size: 12px;
+  line-height: 14px;
+  color: #1a1a1a;
+}
+.nut-address-exist-item.active {
+  font-weight: 600;
+}
+.nut-address-exist-item-info {
+  margin-left: 9px;
+}
+.nut-address-footer {
+  width: 100%;
+  height: 54px;
+  padding: 6px 0px 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.06);
+}
+.nut-address-footer-btn {
+  width: 90%;
+  height: 42px;
+  line-height: 42px;
+  margin: auto;
+  text-align: center;
+  background: linear-gradient(90deg, #ff475d 0%, #ff0f23 100%);
+  border-radius: 21px;
+  font-size: 15px;
+  color: #ffffff;
+}
+
+[dir=rtl] .nut-address-exist-item-info,
+.nut-rtl .nut-address-exist-item-info {
+  margin-left: 0;
+  margin-right: 9px;
+}

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

@@ -0,0 +1,235 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-animate {
+  /* Animation css */
+}
+.nut-animate [class*=nut-animate-] {
+  animation-duration: 0.5s;
+  animation-timing-function: ease-out;
+  animation-fill-mode: both;
+}
+.nut-animate .nut-animate-slide-right {
+  animation-name: slide-right;
+}
+@keyframes slide-right {
+  0% {
+    opacity: 0;
+    transform: translateX(100%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+.nut-animate .nut-animate-slide-left {
+  animation-name: slide-left;
+}
+@keyframes slide-left {
+  0% {
+    opacity: 0;
+    transform: translateX(-100%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+.nut-animate .nut-animate-slide-top {
+  animation-name: slide-top;
+}
+@keyframes slide-top {
+  0% {
+    opacity: 0;
+    transform: translateY(-100%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.nut-animate .nut-animate-slide-bottom {
+  animation-name: slide-bottom;
+}
+@keyframes slide-bottom {
+  0% {
+    opacity: 0;
+    transform: translateY(100%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.nut-animate .nut-animate-shake {
+  animation-name: shake;
+}
+@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-ripple {
+  animation-name: ripple;
+}
+@keyframes ripple {
+  0% {
+    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;
+}
+@keyframes breath {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+.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: -15px;
+  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);
+  }
+}
+.nut-animate .nut-animate-jump {
+  transform-origin: center center;
+  animation: jump 0.7s linear;
+}
+@keyframes jump {
+  0% {
+    animation-timing-function: ease-in;
+    transform: rotate(0deg) translateY(0);
+  }
+  25% {
+    animation-timing-function: ease-out;
+    transform: rotate(10deg) translateY(20px);
+  }
+  50% {
+    animation-timing-function: ease-in;
+    transform: rotate(0deg) translateY(-10px);
+  }
+  75% {
+    animation-timing-function: ease-out;
+    transform: rotate(-10deg) translateY(20px);
+  }
+  100% {
+    animation-timing-function: ease-in;
+    transform: rotate(0deg) translateY(0);
+  }
+}
+.nut-animate .nut-animate-float {
+  position: relative;
+  animation-name: float-pop;
+}
+@keyframes float-pop {
+  0% {
+    top: 0px;
+  }
+  25% {
+    top: 1px;
+  }
+  50% {
+    top: 4px;
+  }
+  75% {
+    top: 1px;
+  }
+  100% {
+    top: 0px;
+  }
+}
+.nut-animate .loop {
+  animation-iteration-count: infinite;
+}

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

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

package/dist/cjs/packages/audio/audio.js

@@ -20,7 +20,7 @@ var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _components = require("@tarojs/components");
 var _index = /*#__PURE__*/ _interop_require_default._(require("../range/index"));
 var _index1 = /*#__PURE__*/ _interop_require_default._(require("../button/index"));
-var _configprovider = require("../configprovider/configprovider");
+var _index2 = require("../configprovider/index");
 var _typings = require("../../utils/typings");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     className: '',
@@ -52,7 +52,7 @@ var Audio = function Audio(props) {
         return result;
     };
     var classPrefix = 'nut-audio';
-    var locale = (0, _configprovider.useConfig)().locale;
+    var locale = (0, _index2.useConfig)().locale;
     var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, url = _ref.url, style = _ref.style, autoplay = _ref.autoplay, loop = _ref.loop, type = _ref.type, onFastBack = _ref.onFastBack, onForward = _ref.onForward, onPause = _ref.onPause, onPlay = _ref.onPlay, onPlayEnd = _ref.onPlayEnd, onCanPlay = _ref.onCanPlay, children = _ref.children, iconClassPrefix = _ref.iconClassPrefix, iconFontClassName = _ref.iconFontClassName, rest = (0, _object_without_properties._)(_ref, [
         "className",
         "url",

package/dist/cjs/packages/audio/style/style.harmony.css

@@ -0,0 +1,75 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-audio-icon {
+  position: relative;
+  display: inline-block;
+}
+.nut-audio-icon-box {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
+  background: #ffffff;
+  border-radius: 50%;
+  box-shadow: 0 0 8px #c2c4cc;
+}
+.nut-audio-icon .nut-audio-icon-stop {
+  position: relative;
+}
+.nut-audio-icon .nut-audio-icon-stop::after {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translateX(-50%);
+  content: "";
+  height: 2px;
+  width: 30px;
+  background: #c2c4cc;
+  transform: rotate(45deg);
+  transform-origin: 8px -18px;
+}
+.nut-audio-progress {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  margin: 0px auto;
+  padding: 10px 0;
+}
+.nut-audio-progress-bar-wrapper {
+  flex: 1;
+  margin: 0 10px;
+}
+.nut-audio-progress .time {
+  min-width: 50px;
+  font-size: 12px;
+  text-align: center;
+}
+.nut-audio-progress .nut-range-button {
+  width: 8px;
+  height: 8px;
+}
+.nut-audio .custom-button-group .nut-button-primary {
+  margin: 0 5px;
+}
+.nut-audio .custom-button-group-disable .nut-button-primary {
+  margin: 0 5px;
+  pointer-events: none;
+}
+.nut-audio .disable {
+  color: blue;
+}
+.nut-audio .nut-audio-none-container .nut-voice {
+  border: 1px solid #1a1a1a;
+  align-items: center;
+}
+
+[dir=rtl] .nut-audio-icon .nut-audio-icon-stop::after,
+.nut-rtl .nut-audio-icon .nut-audio-icon-stop::after {
+  left: auto;
+  right: 50%;
+  transform: rotate(-45deg);
+  transform-origin: 20px -18px;
+}

package/dist/cjs/packages/avatar/style/style.harmony.css

@@ -0,0 +1,64 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-avatar {
+  position: relative;
+  flex: 0 0 auto;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 40px;
+  height: 40px;
+}
+.nut-avatar-round {
+  border-radius: 999px;
+  overflow: hidden;
+}
+.nut-avatar-square {
+  border-radius: 5px;
+}
+.nut-avatar-first-child {
+  margin-left: 0;
+  margin-right: 0;
+}
+.nut-avatar-img {
+  width: 100%;
+  height: 100%;
+  flex-shrink: 0;
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+.nut-avatar-icon {
+  background-size: 100% 100%;
+}
+.nut-avatar-text {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.nut-avatar-large {
+  width: 60px;
+  height: 60px;
+}
+.nut-avatar-large-img {
+  width: 60px;
+  height: 60px;
+}
+.nut-avatar-large-icon {
+  width: 60px;
+  height: 60px;
+}
+.nut-avatar-large-text {
+  width: 60px;
+  height: 60px;
+}
+.nut-avatar-small {
+  width: 32px;
+  height: 32px;
+}
+.nut-avatar-small-text {
+  width: 32px;
+  height: 32px;
+}

package/dist/cjs/packages/avatarcropper/avatarcropper.js

@@ -21,7 +21,7 @@ var _taro = /*#__PURE__*/ _interop_require_wildcard._(require("@tarojs/taro"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _components = require("@tarojs/components");
 var _button = require("../button/button");
-var _configprovider = require("../configprovider/configprovider");
+var _index = require("../configprovider/index");
 var _typings = require("../../utils/typings");
 var _usetouch = require("../../utils/use-touch");
 var _utils = require("../../utils");
@@ -58,7 +58,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var classPrefix = "nut-avatar-cropper";
 var AvatarCropper = function AvatarCropper(props) {
-    var locale = (0, _configprovider.useConfig)().locale;
+    var locale = (0, _index.useConfig)().locale;
     defaultProps.toolbar = [
         /*#__PURE__*/ _react.default.createElement(_button.Button, {
             type: "danger",