@nutui/nutui-react 1.2.0 → 1.2.1-beta.0

package/dist/esm/Tabs.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["value", "color", "background", "direction", "type", "titleScroll", "ellipsis", "animatedTime", "titleGutter", "size", "titleNode", "children", "onClick", "onChange", "className"];
+var _excluded = ["value", "color", "background", "direction", "type", "titleScroll", "ellipsis", "animatedTime", "titleGutter", "size", "titleNode", "children", "onClick", "onChange", "className", "autoHeight"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -38,7 +38,8 @@ var defaultProps = {
   ellipsis: true,
   animatedTime: 300,
   titleGutter: 0,
-  size: 'normal'
+  size: 'normal',
+  autoHeight: false
 };
 
 var pxCheck = function pxCheck(value) {
@@ -64,6 +65,7 @@ var Tabs = function Tabs(props) {
       onClick = _defaultProps$props.onClick,
       onChange = _defaultProps$props.onChange,
       className = _defaultProps$props.className,
+      autoHeight = _defaultProps$props.autoHeight,
       rest = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var _useState = useState({
@@ -148,7 +150,7 @@ var Tabs = function Tabs(props) {
         return tabChange(item);
       },
       className: classNames({
-        active: item.paneKey === value,
+        active: String(item.paneKey) === String(value),
         disabled: item.disabled
       }, "".concat(b(''), "__titles-item")),
       key: item.paneKey
@@ -170,6 +172,8 @@ var Tabs = function Tabs(props) {
     className: "".concat(b(''), "__content"),
     style: contentStyle
   }, React__default.Children.map(children, function (child, idx) {
+    var _child$props6;
+
     if (!React__default.isValidElement(child)) {
       return null;
     }
@@ -178,6 +182,12 @@ var Tabs = function Tabs(props) {
       activeKey: value
     });
 
+    if (String(value) !== String(((_child$props6 = child.props) === null || _child$props6 === void 0 ? void 0 : _child$props6.paneKey) || idx) && autoHeight) {
+      childProps = _objectSpread(_objectSpread({}, childProps), {}, {
+        autoHeightClassName: 'inactive'
+      });
+    }
+
     return React__default.cloneElement(child, childProps);
   })));
 };

package/dist/esm/Video/style/index.js

@@ -0,0 +1,2 @@
+
+require('../../../packages/video/video.scss')

package/dist/esm/Video.js

@@ -0,0 +1,97 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "source", "options", "className", "play", "pause", "playend"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React__default, { useRef, useEffect } from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+import '@bem-react/classname';
+var defaultProps = {
+  source: {
+    type: {},
+    src: ''
+  },
+  options: {
+    controls: true,
+    muted: false,
+    autoplay: false,
+    poster: '',
+    playsinline: false,
+    loop: false
+  }
+};
+
+var Video = function Video(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      source = _defaultProps$props.source,
+      options = _defaultProps$props.options,
+      className = _defaultProps$props.className,
+      play = _defaultProps$props.play,
+      pause = _defaultProps$props.pause,
+      playend = _defaultProps$props.playend,
+      restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var rootRef = useRef(null);
+  var b = cn('video');
+  var classes = classNames(className, b(''));
+  useEffect(function () {
+    init();
+  }, []);
+
+  var init = function init() {
+    if (rootRef.current) {
+      var videoRef = rootRef.current;
+
+      if (options.autoplay) {
+        setTimeout(function () {
+          videoRef.play();
+        }, 200);
+      }
+
+      if (options.playsinline) {
+        videoRef.setAttribute('playsinline', String(options.playsinline));
+        videoRef.setAttribute('webkit-playsinline', String(options.playsinline));
+        videoRef.setAttribute('x5-video-player-type', 'h5-page');
+        videoRef.setAttribute('x5-video-player-fullscreen', 'false');
+      }
+
+      videoRef.addEventListener('play', function () {
+        play && play(videoRef);
+      });
+      videoRef.addEventListener('pause', function () {
+        pause && pause(videoRef);
+      });
+      videoRef.addEventListener('ended', function () {
+        videoRef.currentTime = 0;
+        playend && playend(videoRef);
+      });
+    }
+  };
+
+  return React__default.createElement("div", _objectSpread({
+    className: classes
+  }, restProps), React__default.createElement("video", {
+    className: "nut-video-player",
+    muted: options.muted,
+    autoPlay: options.autoplay,
+    loop: options.loop,
+    poster: options.poster,
+    controls: options.controls,
+    ref: rootRef,
+    src: source.src
+  }, React__default.createElement("source", {
+    src: source.src,
+    type: source.type
+  }), React__default.createElement("track", {
+    kind: "captions"
+  })));
+};
+
+Video.defaultProps = defaultProps;
+Video.displayName = 'NutVideo';
+export { Video as default };

package/dist/esm/nutui-react.es.js

@@ -60,6 +60,7 @@ export { default as CollapseItem } from './CollapseItem.js';
 export { default as AnimatingNumbers } from './AnimatingNumbers.js';
 export { default as Empty } from './Empty.js';
 export { default as VirtualList } from './VirtualList.js';
+export { default as Video } from './Video.js';
 export { default as Address } from './Address.js';
 export { default as Barrage } from './Barrage.js';
 export { default as Signature } from './Signature.js';

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.0 Wed Jul 27 2022 11:40:41 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.1-beta.0 Wed Aug 03 2022 15:54:16 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.0 Wed Jul 27 2022 11:40:41 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.1-beta.0 Wed Aug 03 2022 15:54:16 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.0 Wed Jul 27 2022 11:40:41 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.1-beta.0 Wed Aug 03 2022 15:54:16 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.0 Wed Jul 27 2022 11:40:41 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.1-beta.0 Wed Aug 03 2022 15:54:16 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.0 Wed Jul 27 2022 11:40:41 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.1-beta.0 Wed Aug 03 2022 15:54:16 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */