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

build all packages

Browse Source
This commit is contained in:
Harvey Zack committed 2019-06-12 15:24:34 +08:00
1 parent 6c2d5f62f6
commit cadfa4efe5
28 files changed
+412 -382
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/utils/component.js
+28 -16
View File
@@ -4,7 +4,10 @@ export default function component(art, parent, target, getOption, callback, titl
const option = typeof getOption === 'function' ? getOption(art) : getOption;
if (!option.disable) {
const name = option.name || `${title}${parent.id}`;
errorHandle(!hasOwnProperty(parent, name), `Cannot create a component that already has the same name: ${title} -> ${name}`);
errorHandle(
!hasOwnProperty(parent, name),
`Cannot create a component that already has the same name: ${title} -> ${name}`,
);
const $element = document.createElement('div');
$element.classList.value = `art-${title} art-${title}-${name}`;
@@ -41,22 +44,31 @@ export default function component(art, parent, target, getOption, callback, titl
callback($element, parent, art);
}
parent[name] = {
id: parent.id,
$ref: $element,
hide() {
setStyle($element, 'display', 'none');
art.emit(`${title}:hide`, $element);
Object.defineProperty(parent, name, {
value: {
get id() {
return parent.id;
},
get $ref() {
return $element;
},
set show(value) {
if (value) {
setStyle($element, 'display', 'block');
art.emit(`${title}:show`, $element);
} else {
setStyle($element, 'display', 'none');
art.emit(`${title}:hide`, $element);
}
},
set remove(value) {
if (value) {
remove($element);
art.emit(`${title}:remove`, $element);
}
},
},
show(type = 'block') {
setStyle($element, 'display', type);
art.emit(`${title}:show`, $element);
},
remove() {
remove($element);
art.emit(`${title}:remove`, $element);
},
};
});
art.emit(`${title}:add`, option);
return parent[name];