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

add createElement

Browse Source
This commit is contained in:
Harvey committed 2022-08-18 09:40:33 +08:00
1 parent 326a292e27
commit 8c9db3f302
10 files changed
+50 -42
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/setting/index.js
+11 -11
View File
@@ -3,7 +3,7 @@ import aspectRatio from './aspectRatio';
import playbackRate from './playbackRate';
import subtitleOffset from './subtitleOffset';
import Component from '../utils/component';
import { append, addClass, setStyle, inverseClass, includeFromEvent, def, has } from '../utils';
import { append, addClass, setStyle, inverseClass, includeFromEvent, def, has, createElement } from '../utils';
function makeRecursion(option, parentItem, parentList) {
for (let index = 0; index < option.length; index++) {
@@ -104,11 +104,11 @@ export default class Setting extends Component {
events: { proxy },
} = this.art;
const $item = document.createElement('div');
const $item = createElement('div');
addClass($item, 'art-setting-item');
addClass($item, 'art-setting-item-back');
const $left = append($item, '<div class="art-setting-item-left"></div>');
const $icon = document.createElement('div');
const $icon = createElement('div');
addClass($icon, 'art-setting-item-left-icon');
append($icon, icons.arrowLeft);
append($left, $icon);
@@ -129,7 +129,7 @@ export default class Setting extends Component {
events: { proxy },
} = this.art;
const $item = document.createElement('div');
const $item = createElement('div');
addClass($item, 'art-setting-item');
if (isStringOrNumber(item.name)) {
@@ -143,7 +143,7 @@ export default class Setting extends Component {
const $left = append($item, '<div class="art-setting-item-left"></div>');
const $right = append($item, '<div class="art-setting-item-right"></div>');
const $icon = document.createElement('div');
const $icon = createElement('div');
addClass($icon, 'art-setting-item-left-icon');
switch (type) {
@@ -180,7 +180,7 @@ export default class Setting extends Component {
},
});
const $html = document.createElement('div');
const $html = createElement('div');
addClass($html, 'art-setting-item-left-text');
append($html, item.html || '');
append($left, $html);
@@ -198,7 +198,7 @@ export default class Setting extends Component {
},
});
const $tooltip = document.createElement('div');
const $tooltip = createElement('div');
addClass($tooltip, 'art-setting-item-right-tooltip');
append($tooltip, item.tooltip || '');
append($right, $tooltip);
@@ -218,7 +218,7 @@ export default class Setting extends Component {
switch (type) {
case 'switch': {
const $state = document.createElement('div');
const $state = createElement('div');
addClass($state, 'art-setting-item-right-icon');
const $switchOn = append($state, icons.switchOn);
const $switchOff = append($state, icons.switchOff);
@@ -246,7 +246,7 @@ export default class Setting extends Component {
}
case 'range':
{
const $state = document.createElement('div');
const $state = createElement('div');
addClass($state, 'art-setting-item-right-icon');
const $range = append($state, '<input type="range">');
$range.value = item.range[0] || 0;
@@ -270,7 +270,7 @@ export default class Setting extends Component {
break;
case 'selector':
if (item.selector && item.selector.length) {
const $state = document.createElement('div');
const $state = createElement('div');
addClass($state, 'art-setting-item-right-icon');
append($state, icons.arrowRight);
append($right, $state);
@@ -345,7 +345,7 @@ export default class Setting extends Component {
setStyle(this.$parent, 'width', `${$panel.dataset.width}px`);
setStyle(this.$parent, 'height', `${$panel.dataset.height}px`);
} else {
const $panel = document.createElement('div');
const $panel = createElement('div');
addClass($panel, 'art-setting-panel');
$panel.dataset.width = width || constructor.SETTING_WIDTH;
$panel.dataset.height = option.length * constructor.SETTING_ITEM_HEIGHT;