修改包管理

packages/artplayer/src/controls/quality.js

@@ -0,0 +1,33 @@
+import { append } from '../utils';
+
+export default class Quality {
+  constructor(option) {
+    this.option = option;
+    this.playIndex = -1;
+  }
+
+  apply(art, $control) {
+    const { option, events: { proxy, hover }, player } = art;
+    const defaultQuality = option.quality.find(item => item.default) || option.quality[0];
+    this.playIndex = option.quality.indexOf(defaultQuality);
+    const $qualityName = append($control, `<div class="art-quality-name">${defaultQuality.name}</div>`);
+    const qualityList = option.quality.map((item, index) => `<div class="art-quality-item" data-index="${index}">${item.name}</div>`).join('');
+    const $qualitys = append($control, `<div class="art-qualitys">${qualityList}</div>`);
+
+    hover($control, () => {
+      $control.classList.add('hover');
+    }, () => {
+      $control.classList.remove('hover');
+    });
+
+    proxy($qualitys, 'click', event => {
+      const index = Number(event.target.dataset.index);
+      const { url, name } = option.quality[index];
+      if (url && name && this.playIndex !== index) {
+        player.switch(url, name);
+        $qualityName.innerHTML = name;
+        this.playIndex = index;
+      }
+    });
+  }
+}