mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-26 17:01:20 -08:00
min -> mini
This commit is contained in:
1 parent
1ba121c54f
commit
9a86ce4f73
12 files changed
+68
-68
No files matched your search
@@ -1,7 +1,7 @@
|
||||
import { def } from '../utils';
|
||||
|
||||
export default function exclusiveInit(art, player) {
|
||||
const props = ['min', 'pip', 'fullscreen', 'fullscreenWeb', 'fullscreenRotate'];
|
||||
const props = ['mini', 'pip', 'fullscreen', 'fullscreenWeb', 'fullscreenRotate'];
|
||||
|
||||
props.forEach((name) => {
|
||||
art.on(name, (state) => {
|
||||
|
||||
@@ -24,7 +24,7 @@ import autoSizeMix from './autoSizeMix';
|
||||
import rectMix from './rectMix';
|
||||
import flipMix from './flipMix';
|
||||
import lightMix from './lightMix';
|
||||
import minMix from './minMix';
|
||||
import miniMix from './miniMix';
|
||||
import loopMin from './loopMin';
|
||||
import { proxyPropertys } from '../utils';
|
||||
|
||||
@@ -56,7 +56,7 @@ export default class Player {
|
||||
rectMix(art, this);
|
||||
flipMix(art, this);
|
||||
lightMix(art, this);
|
||||
minMix(art, this);
|
||||
miniMix(art, this);
|
||||
loopMin(art, this);
|
||||
proxyPropertys(art, this);
|
||||
}
|
||||
|
||||
+16
-16
@@ -1,12 +1,12 @@
|
||||
import { append, setStyle, addClass, removeClass, hasClass, def, isInViewport } from '../utils';
|
||||
|
||||
export default function minMix(art, player) {
|
||||
export default function miniMix(art, player) {
|
||||
const {
|
||||
i18n,
|
||||
option,
|
||||
storage,
|
||||
events: { proxy },
|
||||
template: { $player, $minClose, $minTitle, $minHeader },
|
||||
template: { $player, $miniClose, $miniTitle, $miniHeader },
|
||||
} = art;
|
||||
|
||||
let cacheStyle = '';
|
||||
@@ -16,7 +16,7 @@ export default function minMix(art, player) {
|
||||
let lastPlayerLeft = 0;
|
||||
let lastPlayerTop = 0;
|
||||
|
||||
proxy($minHeader, 'mousedown', (event) => {
|
||||
proxy($miniHeader, 'mousedown', (event) => {
|
||||
isDroging = true;
|
||||
lastPageX = event.pageX;
|
||||
lastPageY = event.pageY;
|
||||
@@ -41,32 +41,32 @@ export default function minMix(art, player) {
|
||||
removeClass($player, 'art-is-dragging');
|
||||
});
|
||||
|
||||
proxy($minClose, 'click', () => {
|
||||
player.min = false;
|
||||
proxy($miniClose, 'click', () => {
|
||||
player.mini = false;
|
||||
isDroging = false;
|
||||
removeClass($player, 'art-is-dragging');
|
||||
});
|
||||
|
||||
append($minTitle, option.title || i18n.get('Mini player'));
|
||||
append($miniTitle, option.title || i18n.get('Mini player'));
|
||||
|
||||
def(player, 'min', {
|
||||
def(player, 'mini', {
|
||||
get() {
|
||||
return hasClass($player, 'art-min');
|
||||
return hasClass($player, 'art-mini');
|
||||
},
|
||||
set(value) {
|
||||
if (value) {
|
||||
player.autoSize = false;
|
||||
cacheStyle = $player.style.cssText;
|
||||
addClass($player, 'art-min');
|
||||
addClass($player, 'art-mini');
|
||||
const top = storage.get('top');
|
||||
const left = storage.get('left');
|
||||
if (top && left) {
|
||||
setStyle($player, 'top', `${top}px`);
|
||||
setStyle($player, 'left', `${left}px`);
|
||||
if (!isInViewport($minHeader)) {
|
||||
if (!isInViewport($miniHeader)) {
|
||||
storage.del('top');
|
||||
storage.del('left');
|
||||
player.min = true;
|
||||
player.mini = true;
|
||||
}
|
||||
} else {
|
||||
const $body = document.body;
|
||||
@@ -79,24 +79,24 @@ export default function minMix(art, player) {
|
||||
}
|
||||
player.aspectRatio = false;
|
||||
player.playbackRate = false;
|
||||
art.emit('min', true);
|
||||
art.emit('mini', true);
|
||||
} else {
|
||||
$player.style.cssText = cacheStyle;
|
||||
removeClass($player, 'art-min');
|
||||
removeClass($player, 'art-mini');
|
||||
setStyle($player, 'top', null);
|
||||
setStyle($player, 'left', null);
|
||||
player.aspectRatio = false;
|
||||
player.playbackRate = false;
|
||||
player.autoSize = option.autoSize;
|
||||
art.emit('min');
|
||||
art.emit('mini');
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
def(player, 'minToggle', {
|
||||
def(player, 'miniToggle', {
|
||||
set(value) {
|
||||
if (value) {
|
||||
player.min = !player.min;
|
||||
player.mini = !player.mini;
|
||||
}
|
||||
},
|
||||
});
|
||||
Reference in new issue
Block a user