x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-11 13:56:15 -08:00
Code Issues Packages Projects Releases Wiki Activity

调整组件公共函数

Browse Source
This commit is contained in:
Harvey Zack committed 2018-11-22 16:29:00 +08:00
1 parent 8619fa1b8b
commit c882814fb0
8 files changed
+167 -23
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/lab/js/artplayer.js
+89 -6
View File
@@ -4021,6 +4021,11 @@
value: function commonMethod(control, $control) {
var _this4 = this;
Object.defineProperty(control, '$ref', {
get: function get() {
return $control;
}
});
Object.defineProperty(control, 'hide', {
value: function value() {
setStyle($control, 'display', 'none');
@@ -4282,8 +4287,9 @@
callback($menu);
}
this[name] = $menu;
this.art.emit('contextmenu:add', $menu);
this.commonMethod(menu, $menu);
this[name] = menu;
this.art.emit('contextmenu:add', menu);
}
}
}, {
@@ -4319,6 +4325,31 @@
setStyle($contextmenu, 'left', "".concat(menuLeft, "px"));
setStyle($contextmenu, 'top', "".concat(menuTop, "px"));
}
}, {
key: "commonMethod",
value: function commonMethod(menu, $menu) {
var _this4 = this;
Object.defineProperty(menu, '$ref', {
get: function get() {
return $menu;
}
});
Object.defineProperty(menu, 'hide', {
value: function value() {
setStyle($menu, 'display', 'none');
_this4.art.emit('menu:hide', $menu);
}
});
Object.defineProperty(menu, 'show', {
value: function value() {
setStyle($menu, 'display', 'block');
_this4.art.emit('menu:show', $menu);
}
});
}
}, {
key: "hide",
value: function hide() {
@@ -5164,10 +5195,36 @@
callback($layer);
}
this[name] = $layer;
this.art.emit('layers:add', $layer);
this.commonMethod(layer, $layer);
this[name] = layer;
this.art.emit('layers:add', layer);
}
}
}, {
key: "commonMethod",
value: function commonMethod(layer, $layer) {
var _this3 = this;
Object.defineProperty(layer, '$ref', {
get: function get() {
return $layer;
}
});
Object.defineProperty(layer, 'hide', {
value: function value() {
setStyle($layer, 'display', 'none');
_this3.art.emit('layer:hide', $layer);
}
});
Object.defineProperty(layer, 'show', {
value: function value() {
setStyle($layer, 'display', 'block');
_this3.art.emit('layer:show', $layer);
}
});
}
}, {
key: "show",
value: function show() {
@@ -5399,10 +5456,36 @@
callback($settingInner);
}
this[name] = $setting;
this.art.emit('setting:add', $setting);
this.commonMethod(setting, $setting);
this[name] = setting;
this.art.emit('setting:add', setting);
}
}
}, {
key: "commonMethod",
value: function commonMethod(setting, $setting) {
var _this4 = this;
Object.defineProperty(setting, '$ref', {
get: function get() {
return $setting;
}
});
Object.defineProperty(setting, 'hide', {
value: function value() {
setStyle($setting, 'display', 'none');
_this4.art.emit('setting:hide', $setting);
}
});
Object.defineProperty(setting, 'show', {
value: function value() {
setStyle($setting, 'display', 'block');
_this4.art.emit('setting:show', $setting);
}
});
}
}, {
key: "show",
value: function show() {
docs/lab/js/artplayer.js.map
+1 -1
View File
@@ -1 +1 @@
{"version":3,"file":"artplayer.js","sources":["../../../packages/artplayer/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/iterableToArray.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/nonIterableSpread.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/toConsumableArray.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/classCallCheck.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/createClass.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/typeof.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/assertThisInitialized.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/getPrototypeOf.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/setPrototypeOf.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/inherits.js","../../../packages/artplayer/node_modules/tiny-emitter/index.js","../../../packages/artplayer/node_modules/option-validator/dist/option-validator.js","../../../packages/artplayer/node_modules/deepmerge/dist/es.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/isNativeFunction.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/construct.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/wrapNativeSuper.js","../../../packages/artplayer/src/utils/index.js","../../../packages/artplayer/src/scheme/validElement.js","../../../packages/artplayer/src/scheme/validStringEmpty.js","../../../packages/artplayer/src/scheme/index.js","../../../packages/artplayer/src/config/mimeCodec.js","../../../packages/artplayer/src/config/mse.js","../../../packages/artplayer/src/config/video.js","../../../packages/artplayer/src/config/index.js","../../../packages/artplayer/src/template.js","../../../packages/artplayer/src/i18n.js","../../../packages/artplayer/src/player/mountUrlMix.js","../../../packages/artplayer/src/player/attrInit.js","../../../packages/artplayer/src/player/eventInit.js","../../../packages/artplayer/src/player/playMix.js","../../../packages/artplayer/src/player/pauseMin.js","../../../packages/artplayer/src/player/toggleMix.js","../../../packages/artplayer/src/player/seekMix.js","../../../packages/artplayer/src/player/volumeMix.js","../../../packages/artplayer/src/player/currentTimeMix.js","../../../packages/artplayer/src/player/durationMix.js","../../../packages/artplayer/src/player/switchQualityMix.js","../../../packages/artplayer/src/player/playbackRateMix.js","../../../packages/artplayer/src/player/aspectRatioMix.js","../../../packages/artplayer/src/player/screenshotMix.js","../../../packages/artplayer/node_modules/screenfull/dist/screenfull.js","../../../packages/artplayer/src/player/fullscreenMix.js","../../../packages/artplayer/src/player/fullscreenWebMix.js","../../../packages/artplayer/node_modules/get-size/get-size.js","../../../packages/artplayer/node_modules/ev-emitter/ev-emitter.js","../../../packages/artplayer/node_modules/unipointer/unipointer.js","../../../packages/artplayer/node_modules/unidragger/unidragger.js","../../../packages/artplayer/node_modules/draggabilly/draggabilly.js","../../../packages/artplayer/src/player/pipMix.js","../../../packages/artplayer/src/player/loadedMix.js","../../../packages/artplayer/src/player/playedMix.js","../../../packages/artplayer/src/player/autoSizeMix.js","../../../packages/artplayer/src/player/flipMix.js","../../../packages/artplayer/src/player/index.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/arrayWithHoles.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/nonIterableRest.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/slicedToArray.js","../../../packages/artplayer/src/icons/index.js","../../../packages/artplayer/src/controls/fullscreen.js","../../../packages/artplayer/src/controls/fullscreenWeb.js","../../../packages/artplayer/src/controls/pip.js","../../../packages/artplayer/src/controls/playAndPause.js","../../../packages/artplayer/src/controls/progress.js","../../../packages/artplayer/src/controls/subtitle.js","../../../packages/artplayer/src/controls/time.js","../../../packages/artplayer/src/controls/volume.js","../../../packages/artplayer/src/controls/setting.js","../../../packages/artplayer/src/controls/thumbnails.js","../../../packages/artplayer/src/controls/screenshot.js","../../../packages/artplayer/src/controls/quality.js","../../../packages/artplayer/src/controls/index.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/defineProperty.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/objectSpread.js","../../../packages/artplayer/src/contextmenu/playbackRate.js",".Line truncated
{"version":3,"file":"artplayer.js","sources":["../../../packages/artplayer/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/iterableToArray.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/nonIterableSpread.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/toConsumableArray.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/classCallCheck.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/createClass.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/typeof.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/assertThisInitialized.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/getPrototypeOf.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/setPrototypeOf.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/inherits.js","../../../packages/artplayer/node_modules/tiny-emitter/index.js","../../../packages/artplayer/node_modules/option-validator/dist/option-validator.js","../../../packages/artplayer/node_modules/deepmerge/dist/es.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/isNativeFunction.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/construct.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/wrapNativeSuper.js","../../../packages/artplayer/src/utils/index.js","../../../packages/artplayer/src/scheme/validElement.js","../../../packages/artplayer/src/scheme/validStringEmpty.js","../../../packages/artplayer/src/scheme/index.js","../../../packages/artplayer/src/config/mimeCodec.js","../../../packages/artplayer/src/config/mse.js","../../../packages/artplayer/src/config/video.js","../../../packages/artplayer/src/config/index.js","../../../packages/artplayer/src/template.js","../../../packages/artplayer/src/i18n.js","../../../packages/artplayer/src/player/mountUrlMix.js","../../../packages/artplayer/src/player/attrInit.js","../../../packages/artplayer/src/player/eventInit.js","../../../packages/artplayer/src/player/playMix.js","../../../packages/artplayer/src/player/pauseMin.js","../../../packages/artplayer/src/player/toggleMix.js","../../../packages/artplayer/src/player/seekMix.js","../../../packages/artplayer/src/player/volumeMix.js","../../../packages/artplayer/src/player/currentTimeMix.js","../../../packages/artplayer/src/player/durationMix.js","../../../packages/artplayer/src/player/switchQualityMix.js","../../../packages/artplayer/src/player/playbackRateMix.js","../../../packages/artplayer/src/player/aspectRatioMix.js","../../../packages/artplayer/src/player/screenshotMix.js","../../../packages/artplayer/node_modules/screenfull/dist/screenfull.js","../../../packages/artplayer/src/player/fullscreenMix.js","../../../packages/artplayer/src/player/fullscreenWebMix.js","../../../packages/artplayer/node_modules/get-size/get-size.js","../../../packages/artplayer/node_modules/ev-emitter/ev-emitter.js","../../../packages/artplayer/node_modules/unipointer/unipointer.js","../../../packages/artplayer/node_modules/unidragger/unidragger.js","../../../packages/artplayer/node_modules/draggabilly/draggabilly.js","../../../packages/artplayer/src/player/pipMix.js","../../../packages/artplayer/src/player/loadedMix.js","../../../packages/artplayer/src/player/playedMix.js","../../../packages/artplayer/src/player/autoSizeMix.js","../../../packages/artplayer/src/player/flipMix.js","../../../packages/artplayer/src/player/index.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/arrayWithHoles.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/nonIterableRest.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/slicedToArray.js","../../../packages/artplayer/src/icons/index.js","../../../packages/artplayer/src/controls/fullscreen.js","../../../packages/artplayer/src/controls/fullscreenWeb.js","../../../packages/artplayer/src/controls/pip.js","../../../packages/artplayer/src/controls/playAndPause.js","../../../packages/artplayer/src/controls/progress.js","../../../packages/artplayer/src/controls/subtitle.js","../../../packages/artplayer/src/controls/time.js","../../../packages/artplayer/src/controls/volume.js","../../../packages/artplayer/src/controls/setting.js","../../../packages/artplayer/src/controls/thumbnails.js","../../../packages/artplayer/src/controls/screenshot.js","../../../packages/artplayer/src/controls/quality.js","../../../packages/artplayer/src/controls/index.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/defineProperty.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/objectSpread.js","../../../packages/artplayer/src/contextmenu/playbackRate.js",".Line truncated
packages/artplayer-plugin-danmu/src/controlMix.js
+2 -8
View File
@@ -1,9 +1,3 @@
export default class ControlMix {
constructor(option) {
this.option = option;
}
apply(art, $control) {
//
}
export default function controlMix(art) {
//
}
packages/artplayer-plugin-danmu/src/index.js
+2 -2
View File
@@ -2,14 +2,14 @@ import './index.scss';
import i18nMix from './i18nMix';
import contextmenuMix from './contextmenuMix';
import settingMix from './settingMix';
import ControlMix from './controlMix';
import controlMix from './controlMix';
function artplayerPluginDanmu(Artplayer) {
const art = Artplayer.prototype;
i18nMix(art);
contextmenuMix(art);
settingMix(art);
ControlMix(art);
controlMix(art);
}
window.artplayerPluginDanmu = artplayerPluginDanmu;
packages/artplayer/src/contextmenu/index.js
+23 -2
View File
@@ -97,8 +97,9 @@ export default class Contextmenu {
if (callback) {
callback($menu);
}
this[name] = $menu;
this.art.emit('contextmenu:add', $menu);
this.commonMethod(menu, $menu);
this[name] = menu;
this.art.emit('contextmenu:add', menu);
}
}
@@ -125,6 +126,26 @@ export default class Contextmenu {
setStyle($contextmenu, 'top', `${menuTop}px`);
}
commonMethod(menu, $menu) {
Object.defineProperty(menu, '$ref', {
get: () => $menu,
});
Object.defineProperty(menu, 'hide', {
value: () => {
setStyle($menu, 'display', 'none');
this.art.emit('menu:hide', $menu);
},
});
Object.defineProperty(menu, 'show', {
value: () => {
setStyle($menu, 'display', 'block');
this.art.emit('menu:show', $menu);
},
});
}
hide() {
const {
refs: { $contextmenu },
packages/artplayer/src/controls/index.js
+4
View File
@@ -191,6 +191,10 @@ export default class Controls {
}
commonMethod(control, $control) {
Object.defineProperty(control, '$ref', {
get: () => $control,
});
Object.defineProperty(control, 'hide', {
value: () => {
setStyle($control, 'display', 'none');
packages/artplayer/src/layers.js
+23 -2
View File
@@ -40,11 +40,32 @@ export default class Layers {
if (callback) {
callback($layer);
}
this[name] = $layer;
this.art.emit('layers:add', $layer);
this.commonMethod(layer, $layer);
this[name] = layer;
this.art.emit('layers:add', layer);
}
}
commonMethod(layer, $layer) {
Object.defineProperty(layer, '$ref', {
get: () => $layer,
});
Object.defineProperty(layer, 'hide', {
value: () => {
setStyle($layer, 'display', 'none');
this.art.emit('layer:hide', $layer);
},
});
Object.defineProperty(layer, 'show', {
value: () => {
setStyle($layer, 'display', 'block');
this.art.emit('layer:show', $layer);
},
});
}
show() {
const { $layers } = this.art.refs;
setStyle($layers, 'display', 'block');
packages/artplayer/src/setting/index.js
+23 -2
View File
@@ -64,11 +64,32 @@ export default class Setting {
if (callback) {
callback($settingInner);
}
this[name] = $setting;
this.art.emit('setting:add', $setting);
this.commonMethod(setting, $setting);
this[name] = setting;
this.art.emit('setting:add', setting);
}
}
commonMethod(setting, $setting) {
Object.defineProperty(setting, '$ref', {
get: () => $setting,
});
Object.defineProperty(setting, 'hide', {
value: () => {
setStyle($setting, 'display', 'none');
this.art.emit('setting:hide', $setting);
},
});
Object.defineProperty(setting, 'show', {
value: () => {
setStyle($setting, 'display', 'block');
this.art.emit('setting:show', $setting);
},
});
}
show() {
const {
refs: { $setting },