@nutui/nutui-react 3.0.0-beta.5 → 3.0.0-beta.7

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

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-overlay {
   /* #ifdef rn */
   position: absolute;
@@ -146,9 +150,6 @@
   bottom: 0;
   left: 0;
   width: 100%;
-  /* #ifdef rn */
-  height: 300px;
-  /* #endif */
 }
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0;
@@ -492,6 +493,8 @@
   justify-content: center;
   padding: var(--nutui-popover-menu-item-padding, 8px);
   border-bottom: 1px solid var(--nutui-popover-divider-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
+  max-width: var(--nutui-popover-menu-item-width, 160px);
+  word-wrap: break-word;
 }
 .nut-popover .nut-popover-content .nut-popover-menu-item:last-child {
   margin-bottom: 0px;
@@ -517,9 +520,10 @@
   font-size: 12px;
 }
 .nut-popover .nut-popover-content .nut-popover-menu-item-name {
-  width: 100%;
+  width: calc(100% - 34px);
   word-break: keep-all;
   margin: 0 6px 0 4px;
+  flex: 1;
 }
 .nut-popover .nut-popover-content .nut-popover-menu-item-action-icon {
   display: flex;
@@ -590,9 +594,18 @@
   background: var(--nutui-popover-text-color, #1a1a1a);
   color: var(--nutui-popover-content-background-color, #ffffff);
 }
-.nut-popover-dark .nut-popover-arrow {
+.nut-popover-dark .nut-popover-arrow-top {
+  border-top-color: var(--nutui-popover-text-color, #1a1a1a);
+}
+.nut-popover-dark .nut-popover-arrow-bottom {
   border-bottom-color: var(--nutui-popover-text-color, #1a1a1a);
 }
+.nut-popover-dark .nut-popover-arrow-left {
+  border-left-color: var(--nutui-popover-text-color, #1a1a1a);
+}
+.nut-popover-dark .nut-popover-arrow-right {
+  border-right-color: var(--nutui-popover-text-color, #1a1a1a);
+}
 .nut-popover-dark .nut-popover-content {
   background: var(--nutui-popover-text-color, #1a1a1a) !important;
   color: var(--nutui-popover-content-background-color, #ffffff) !important;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-trendarrow {
   display: flex;
   flex-direction: row;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-progress {
   display: flex;
   align-items: center;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-video {
   width: 100%;
   height: 100%;

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

@@ -1,4 +1,4 @@
-import React, { FunctionComponent } from 'react';
+import React from 'react';
 import { BasicComponent } from "../../utils/typings";
 export interface VideoProps extends BasicComponent {
     source: {
@@ -17,4 +17,8 @@ export interface VideoProps extends BasicComponent {
     onPause: (element: HTMLVideoElement) => void;
     onPlayEnd: (element: HTMLVideoElement) => void;
 }
-export declare const Video: FunctionComponent<Partial<VideoProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onPause' | 'onPlay'>>;
+export type VideoRef = {
+    pause: () => void;
+    play: () => void;
+};
+export declare const Video: React.ForwardRefExoticComponent<Partial<VideoProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onPause" | "onPlay"> & React.RefAttributes<VideoRef>>;

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

@@ -19,7 +19,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     }
 });
 var classPrefix = "nut-video";
-export var Video = function(props) {
+export var Video = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     var _ref = _object_spread({}, defaultProps, props), children = _ref.children, source = _ref.source, options = _ref.options, className = _ref.className, onPlay = _ref.onPlay, onPause = _ref.onPause, onPlayEnd = _ref.onPlayEnd, restProps = _object_without_properties(_ref, [
         "children",
         "source",
@@ -60,6 +60,20 @@ export var Video = function(props) {
             });
         }
     };
+    var pause = function() {
+        var _rootRef_current;
+        rootRef === null || rootRef === void 0 ? void 0 : (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.pause();
+    };
+    var play = function() {
+        var _rootRef_current;
+        rootRef === null || rootRef === void 0 ? void 0 : (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.play();
+    };
+    React.useImperativeHandle(ref, function() {
+        return {
+            pause: pause,
+            play: play
+        };
+    });
     return /*#__PURE__*/ React.createElement("div", _object_spread({
         className: classes
     }, restProps), /*#__PURE__*/ React.createElement("video", {
@@ -77,5 +91,5 @@ export var Video = function(props) {
     }), /*#__PURE__*/ React.createElement("track", {
         kind: "captions"
     })));
-};
+});
 Video.displayName = 'NutVideo';

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-horizontal-items {
   float: left;
 }

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-watermark {
   position: absolute;
   z-index: var(--nutui-watermark-z-index, 1200);