Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/video/layout/js/node_modules/artplayer/src/setting/ |
import { inverseClass, queryAll, capitalize } from '../utils';
export default function flip(art) {
const {
i18n,
icons,
constructor: { SETTING_ITEM_WIDTH, FLIP },
} = art;
function update($panel, $tooltip, value) {
if ($tooltip) $tooltip.innerText = i18n.get(capitalize(value));
const $current = queryAll('.art-setting-item', $panel).find((item) => item.dataset.value === value);
if ($current) inverseClass($current, 'art-current');
}
return {
width: SETTING_ITEM_WIDTH,
name: 'flip',
html: i18n.get('Video Flip'),
tooltip: i18n.get(capitalize(art.flip)),
icon: icons.flip,
selector: FLIP.map((item) => {
return {
value: item,
name: `aspect-ratio-${item}`,
default: item === art.flip,
html: i18n.get(capitalize(item)),
};
}),
onSelect(item) {
art.flip = item.value;
return item.html;
},
mounted: ($panel, item) => {
update($panel, item.$tooltip, art.flip);
art.on('flip', () => {
update($panel, item.$tooltip, art.flip);
});
},
};
}