@nutui/nutui-react-taro
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
70 lines (69 loc) • 2.84 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Video", {
enumerable: true,
get: function() {
return Video;
}
});
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
var _object_spread = require("@swc/helpers/_/_object_spread");
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
var _components = require("@tarojs/components");
var _mergeprops = require("../../utils/merge-props");
var defaultProps = {
source: {
type: {},
src: ''
},
options: {
controls: true,
muted: false,
autoplay: false,
poster: '',
playsinline: false,
loop: false
}
};
var classPrefix = 'nut-video';
var Video = function Video(props) {
var _props_options;
var _mergeProps = (0, _mergeprops.mergeProps)(defaultProps, props), source = _mergeProps.source, options = _mergeProps.options, className = _mergeProps.className, style = _mergeProps.style, src = _mergeProps.src, muted = _mergeProps.muted, loop = _mergeProps.loop, poster = _mergeProps.poster, controls = _mergeProps.controls, autoplay = _mergeProps.autoplay, onPlay = _mergeProps.onPlay, onPause = _mergeProps.onPause, onPlayEnd = _mergeProps.onPlayEnd, restProps = (0, _object_without_properties._)(_mergeProps, [
"source",
"options",
"className",
"style",
"src",
"muted",
"loop",
"poster",
"controls",
"autoplay",
"onPlay",
"onPause",
"onPlayEnd"
]);
var classes = (0, _classnames.default)(classPrefix, className);
var _props_options_controls, _ref;
var effectiveControls = (_ref = (_props_options_controls = (_props_options = props.options) === null || _props_options === void 0 ? void 0 : _props_options.controls) !== null && _props_options_controls !== void 0 ? _props_options_controls : controls) !== null && _ref !== void 0 ? _ref : options.controls;
return /*#__PURE__*/ _react.default.createElement(_components.View, {
className: classes,
style: style
}, /*#__PURE__*/ _react.default.createElement(_components.Video, (0, _object_spread._)({
className: "".concat(classPrefix, "-player"),
muted: options.muted || muted,
autoplay: options.autoplay || autoplay,
loop: options.loop || loop,
poster: options.poster || poster,
controls: effectiveControls,
src: source.src || src,
onPlay: onPlay,
onPause: onPause,
onEnded: onPlayEnd
}, restProps)));
};
Video.displayName = 'NutVideo';