@nutui/nutui-react-taro 3.0.0-beta.2 → 3.0.0-beta.3

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

@@ -1,6 +1,13 @@
 .nut-badge {
   position: relative;
-  display: inline-block;
+  display: inline-flex;
+  width: auto;
+  /* #ifdef harmony */
+  min-width: 1px;
+  /* #endif */
+  /* #ifndef harmony */
+  min-width: auto;
+  /* #endif */
 }
 .nut-badge-icon {
   position: absolute;
@@ -8,8 +15,6 @@
   justify-content: center;
   align-items: center;
   background: var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%));
-  top: -10%;
-  right: -15%;
   padding: var(--nutui-badge-icon-padding, 3px);
   text-align: center;
   border: var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));
@@ -27,7 +32,12 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  /* #ifdef harmony */
+  background: var(--nutui-color-primary, #ff0f23);
+  /* #endif */
+  /* #ifndef harmony */
   background: var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%));
+  /* #endif */
   color: var(--nutui-badge-color, #fff);
   padding: var(--nutui-badge-padding, 0 4px);
   font-size: var(--nutui-badge-font-size, var(--nutui-font-size-xxs, 10px));
@@ -45,7 +55,9 @@
   padding: 0;
 }
 .nut-badge-content {
-  transform: var(--nutui-badge-content-transform, translateY(-50%) translateX(100%));
+  /* #ifndef rn */
+  transform: var(--nutui-badge-content-transform, translateX(100%));
+  /* #endif */
 }
 .nut-badge-dot {
   width: var(--nutui-badge-dot-width, 7px);
@@ -54,22 +66,12 @@
   border-radius: var(--nutui-badge-dot-width, 7px);
   padding: 0;
 }
-.nut-badge-outline .nut-badge-content {
+.nut-badge-outline {
   background: var(--nutui-color-primary-text, #ffffff);
   border: 1px solid var(--nutui-color-primary, #ff0f23);
   color: var(--nutui-color-primary, #ff0f23);
 }
 
-[dir=rtl] .nut-badge-icon,
-.nut-rtl .nut-badge-icon {
-  right: auto;
-  left: -15%;
-}
-[dir=rtl] .nut-badge-content,
-.nut-rtl .nut-badge-content {
-  transform: var(--nutui-badge-content-transform, translateY(-50%) translateX(-100%));
-}
-
 .nut-tabbar-item {
   display: flex;
   flex-direction: column;

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

@@ -1,18 +1,10 @@
 import { FunctionComponent } from 'react';
 import { VideoProps as VideoPropsTaro, BaseEventOrig } from '@tarojs/components';
 export interface VideoProps extends Omit<VideoPropsTaro, 'src'> {
-    /**
-    * 视频地址和类型设置
-    * @default {type: {}, src: ''}
-    */
     source: {
         type: string;
         src: string;
-    }
-    /**
-    * 控制视频播放属性
-    * @default -
-    */
+    };
     options: {
         controls?: boolean;
         muted?: boolean;
@@ -20,21 +12,9 @@ export interface VideoProps extends Omit<VideoPropsTaro, 'src'> {
         poster?: string;
         playsinline?: boolean;
         loop?: boolean;
-    }
-    /**
-    * 播放
-    * @default -
-    */
-    onPlay: (event: BaseEventOrig<any>) => void
-    /**
-    * 暂停
-    * @default -
-    */
-    onPause: (event: BaseEventOrig<any>) => void
-    /**
-    * 播放完成回调
-    * @default -
-    */
-    onPlayEnd: (event: BaseEventOrig<any>) => void
+    };
+    onPlay: (event: BaseEventOrig<any>) => void;
+    onPause: (event: BaseEventOrig<any>) => void;
+    onPlayEnd: (event: BaseEventOrig<any>) => void;
 }
 export declare const Video: FunctionComponent<Partial<VideoProps>>;

package/dist/es/packages/video/video.js

@@ -3,6 +3,7 @@ import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_
 import React from "react";
 import classNames from "classnames";
 import { Video as VideoTaro, View } from "@tarojs/components";
+import { mergeProps } from "../../utils/merge-props";
 var defaultProps = {
     source: {
         type: {},
@@ -19,8 +20,7 @@ var defaultProps = {
 };
 var classPrefix = "nut-video";
 export var Video = function(props) {
-    var _ref = _object_spread({}, defaultProps, props), children = _ref.children, source = _ref.source, options = _ref.options, className = _ref.className, style = _ref.style, onPlay = _ref.onPlay, onPause = _ref.onPause, onPlayEnd = _ref.onPlayEnd, restProps = _object_without_properties(_ref, [
-        "children",
+    var _mergeProps = mergeProps(defaultProps, props), source = _mergeProps.source, options = _mergeProps.options, className = _mergeProps.className, style = _mergeProps.style, onPlay = _mergeProps.onPlay, onPause = _mergeProps.onPause, onPlayEnd = _mergeProps.onPlayEnd, restProps = _object_without_properties(_mergeProps, [
         "source",
         "options",
         "className",
@@ -34,7 +34,7 @@ export var Video = function(props) {
         className: classes,
         style: style
     }, /*#__PURE__*/ React.createElement(VideoTaro, _object_spread({
-        className: "nut-video-player",
+        className: "".concat(classPrefix, "-player"),
         muted: options.muted,
         autoplay: options.autoplay,
         loop: options.loop,