x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-23 05:41:20 -08:00
Code Issues Packages Projects Releases Wiki Activity

update setting

Browse Source
This commit is contained in:
Harvey committed 2022-02-11 17:54:36 +08:00
1 parent 12047d90ef
commit fd836ec10f
7 files changed
+29 -31
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/setting/aspectRatio.js
+4 -4
View File
@@ -1,4 +1,4 @@
import { inverseClass, query, queryAll } from '../utils';
import { inverseClass, queryAll } from '../utils';
export default function aspectRatio(art) {
const { i18n, icons } = art;
@@ -23,11 +23,11 @@ export default function aspectRatio(art) {
art.aspectRatio = item.value;
},
mounted: ($panel, item) => {
const $desc = query('.art-setting-item-right-desc', item.$item);
$desc.innerText = getI18n(art.aspectRatio);
item.$desc.innerText = getI18n(art.aspectRatio);
art.on('aspectRatio', (value) => {
$desc.innerText = getI18n(art.aspectRatio);
item.$desc.innerText = getI18n(art.aspectRatio);
const $current = queryAll('.art-setting-item', $panel).find((item) => item.dataset.value === value);
if ($current) {
inverseClass($current, 'art-current');
packages/artplayer/src/setting/flip.js
+4 -4
View File
@@ -1,4 +1,4 @@
import { inverseClass, query, queryAll } from '../utils';
import { inverseClass, queryAll } from '../utils';
export default function flip(art) {
const { i18n, icons } = art;
@@ -25,11 +25,11 @@ export default function flip(art) {
art.flip = item.value;
},
mounted: ($panel, item) => {
const $desc = query('.art-setting-item-right-desc', item.$item);
$desc.innerText = i18n.get(keys[art.flip]);
item.$desc.innerText = i18n.get(keys[art.flip]);
art.on('flip', (value) => {
$desc.innerText = i18n.get(keys[art.flip]);
item.$desc.innerText = i18n.get(keys[art.flip]);
const $current = queryAll('.art-setting-item', $panel).find((item) => item.dataset.value === value);
if ($current) {
inverseClass($current, 'art-current');
packages/artplayer/src/setting/index.js
+2 -1
View File
@@ -136,6 +136,8 @@ export default class Setting extends Component {
const $desc = document.createElement('div');
addClass($desc, 'art-setting-item-right-desc');
append($right, $desc);
item.$desc = $desc;
if (item.desc) {
$desc.innerText = item.desc;
}
@@ -186,7 +188,6 @@ export default class Setting extends Component {
for (let index = 0; index < option.length; index++) {
const $item = this.creatItem(option[index]);
option[index].$item = $item;
append($panel, $item);
}
packages/artplayer/src/setting/playbackRate.js
+5 -4
View File
@@ -1,4 +1,4 @@
import { inverseClass, query, queryAll } from '../utils';
import { inverseClass, queryAll } from '../utils';
export default function playbackRate(art) {
const { i18n, icons } = art;
@@ -23,14 +23,15 @@ export default function playbackRate(art) {
art.playbackRate = item.value;
},
mounted: ($panel, item) => {
const $desc = query('.art-setting-item-right-desc', item.$item);
$desc.innerText = getI18n(art.playbackRate);
item.$desc.innerText = getI18n(art.playbackRate);
art.on('playbackRate', (value) => {
$desc.innerText = getI18n(art.playbackRate);
item.$desc.innerText = getI18n(art.playbackRate);
const $current = queryAll('.art-setting-item', $panel).find(
(item) => Number(item.dataset.value) === value,
);
if ($current) {
inverseClass($current, 'art-current');
}
packages/artplayer/src/setting/subtitleOffset.js
+4 -4
View File
@@ -1,4 +1,4 @@
import { inverseClass, query, queryAll } from '../utils';
import { inverseClass, queryAll } from '../utils';
export default function subtitleOffset(art) {
const { i18n, icons } = art;
@@ -23,11 +23,11 @@ export default function subtitleOffset(art) {
art.subtitleOffset = item.value;
},
mounted: ($panel, item) => {
const $desc = query('.art-setting-item-right-desc', item.$item);
$desc.innerText = getI18n(art.subtitleOffset);
item.$desc.innerText = getI18n(art.subtitleOffset);
art.on('subtitleOffset', (value) => {
$desc.innerText = getI18n(art.subtitleOffset);
item.$desc.innerText = getI18n(art.subtitleOffset);
const $current = queryAll('.art-setting-item', $panel).find(
(item) => Number(item.dataset.value) === value,
);