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

update ts

Browse Source
This commit is contained in:
Harvey committed 2022-05-16 10:28:17 +08:00
1 parent 112256ddd7
commit 2189a41334
3 files changed
+37 -21
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/assets/ts/artplayer.d.ts
Vendored
+12 -4
View File
@@ -10,7 +10,7 @@ type Selector = {
/** /**
* Html string of selector * Html string of selector
*/ */
html: string; html: string | HTMLElement;
}; };
type ComponentOption = { type ComponentOption = {
@@ -89,7 +89,7 @@ type SettingOption = {
/** /**
* The tooltip of setting * The tooltip of setting
*/ */
tooltip?: string; tooltip?: string | HTMLElement;
/** /**
* Whether the default is selected * Whether the default is selected
@@ -119,12 +119,20 @@ type SettingOption = {
/** /**
* Custom range item * Custom range item
*/ */
range?: number[]; range?: number[] | number;
/** /**
* When range item change * When range item change
*/ */
onRange?(item: SettingOption, element: HTMLElement, event: Event): void; onRange?(item: SettingOption, element: HTMLElement, event: Event): void;
$icon?: HTMLElement;
$html?: HTMLElement;
$tooltip?: HTMLElement;
$switch?: boolean;
$range?: HTMLElement;
$parentItem?: SettingOption;
$parentList?: SettingOption[];
}; };
type Component = { type Component = {
@@ -411,7 +419,7 @@ type Option = {
/** /**
* Html string of quality * Html string of quality
*/ */
html: string; html: string | HTMLElement;
/** /**
* Video quality url * Video quality url
packages/artplayer/src/setting/index.js
+13 -13
View File
@@ -8,8 +8,8 @@ import { append, addClass, setStyle, inverseClass, includeFromEvent, def, has }
function makeRecursion(option, parentItem, parentList) { function makeRecursion(option, parentItem, parentList) {
for (let index = 0; index < option.length; index++) { for (let index = 0; index < option.length; index++) {
const item = option[index]; const item = option[index];
item._parentItem = parentItem; item.$parentItem = parentItem;
item._parentList = parentList; item.$parentList = parentList;
if (item.selector) { if (item.selector) {
makeRecursion(item.selector, item, option); makeRecursion(item.selector, item, option);
} }
@@ -115,10 +115,10 @@ export default class Setting extends Component {
addClass($icon, 'art-setting-item-left-icon'); addClass($icon, 'art-setting-item-left-icon');
append($icon, icons.arrowLeft); append($icon, icons.arrowLeft);
append($left, $icon); append($left, $icon);
append($left, item._parentItem.html); append($left, item.$parentItem.html);
const event = proxy($item, 'click', () => { const event = proxy($item, 'click', () => {
this.init(item._parentList); this.init(item.$parentList);
}); });
this.events.push(event); this.events.push(event);
@@ -307,14 +307,14 @@ export default class Setting extends Component {
} else { } else {
inverseClass($item, 'art-current'); inverseClass($item, 'art-current');
if (item._parentList) { if (item.$parentList) {
this.init(item._parentList); this.init(item.$parentList);
} }
if (item._parentItem && item._parentItem.onSelect) { if (item.$parentItem && item.$parentItem.onSelect) {
const result = await item._parentItem.onSelect.call(this.art, item, $item, event); const result = await item.$parentItem.onSelect.call(this.art, item, $item, event);
if (item._parentItem.$tooltip && isStringOrNumber(result)) { if (item.$parentItem.$tooltip && isStringOrNumber(result)) {
item._parentItem.$tooltip.innerHTML = result; item.$parentItem.$tooltip.innerHTML = result;
} }
} }
} }
@@ -348,7 +348,7 @@ export default class Setting extends Component {
$panel.dataset.width = width || constructor.SETTING_WIDTH; $panel.dataset.width = width || constructor.SETTING_WIDTH;
$panel.dataset.height = option.length * constructor.SETTING_ITEM_HEIGHT; $panel.dataset.height = option.length * constructor.SETTING_ITEM_HEIGHT;
if (option[0] && option[0]._parentItem) { if (option[0] && option[0].$parentItem) {
append($panel, this.creatHeader(option[0])); append($panel, this.creatHeader(option[0]));
$panel.dataset.height = Number($panel.dataset.height) + constructor.SETTING_ITEM_HEIGHT; $panel.dataset.height = Number($panel.dataset.height) + constructor.SETTING_ITEM_HEIGHT;
} }
@@ -370,8 +370,8 @@ export default class Setting extends Component {
setStyle(this.$parent, 'width', `${$panel.dataset.width}px`); setStyle(this.$parent, 'width', `${$panel.dataset.width}px`);
setStyle(this.$parent, 'height', `${$panel.dataset.height}px`); setStyle(this.$parent, 'height', `${$panel.dataset.height}px`);
if (option[0] && option[0]._parentItem && option[0]._parentItem.mounted) { if (option[0] && option[0].$parentItem && option[0].$parentItem.mounted) {
option[0]._parentItem.mounted.call(this.art, $panel, option[0]._parentItem); option[0].$parentItem.mounted.call(this.art, $panel, option[0].$parentItem);
} }
} }
} }
packages/artplayer/types/artplayer.d.ts
Vendored
+12 -4
View File
@@ -10,7 +10,7 @@ type Selector = {
/** /**
* Html string of selector * Html string of selector
*/ */
html: string; html: string | HTMLElement;
}; };
type ComponentOption = { type ComponentOption = {
@@ -89,7 +89,7 @@ type SettingOption = {
/** /**
* The tooltip of setting * The tooltip of setting
*/ */
tooltip?: string; tooltip?: string | HTMLElement;
/** /**
* Whether the default is selected * Whether the default is selected
@@ -119,12 +119,20 @@ type SettingOption = {
/** /**
* Custom range item * Custom range item
*/ */
range?: number[]; range?: number[] | number;
/** /**
* When range item change * When range item change
*/ */
onRange?(item: SettingOption, element: HTMLElement, event: Event): void; onRange?(item: SettingOption, element: HTMLElement, event: Event): void;
$icon?: HTMLElement;
$html?: HTMLElement;
$tooltip?: HTMLElement;
$switch?: boolean;
$range?: HTMLElement;
$parentItem?: SettingOption;
$parentList?: SettingOption[];
}; };
type Component = { type Component = {
@@ -411,7 +419,7 @@ type Option = {
/** /**
* Html string of quality * Html string of quality
*/ */
html: string; html: string | HTMLElement;
/** /**
* Video quality url * Video quality url