GuanM/NapCatQQ
1
0
Fork 0
mirror of https://github.com/NapNeko/NapCatQQ.git synced 2024-11-21 09:36:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: webui-7

Browse Source
This commit is contained in:
手瓜一十雪 2024-05-05 13:45:44 +08:00
parent 07e8acd003
commit 0b22a6bc1d
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
static/components/SettingSelect.ts
View File

@ -1,4 +1,4 @@
import { SettingOption } from './option' import { SettingOption } from './SettingOption'
interface MouseEventExtend extends MouseEvent { interface MouseEventExtend extends MouseEvent {
target: HTMLElement target: HTMLElement
@ -30,15 +30,15 @@ window.customElements.define(
super() super()
this.attachShadow({ mode: 'open' }) this.attachShadow({ mode: 'open' })
this.shadowRoot.append(SelectTemplate.content.cloneNode(true)) this.shadowRoot?.append(SelectTemplate.content.cloneNode(true));
this._button = this.shadowRoot.querySelector('div[part="button"]') this._button = this.shadowRoot.querySelector('div[part="button"]');
this._text = this.shadowRoot.querySelector('input[part="current-text"]') this._text = this.shadowRoot.querySelector('input[part="current-text"]');
this._context = this.shadowRoot.querySelector('ul[part="option-list"]') this._context = this.shadowRoot.querySelector('ul[part="option-list"]');
const buttonClick = () => { const buttonClick = () => {
const isHidden = this._context.classList.toggle('hidden') const isHidden = this._context.classList.toggle('hidden');
window[`${isHidden ? 'remove' : 'add'}EventListener`]('pointerdown', windowPointerDown) window[`${isHidden ? 'remove' : 'add'}EventListener`]('pointerdown', windowPointerDown);
} }
const windowPointerDown = ({ target }) => { const windowPointerDown = ({ target }) => {
@ -55,7 +55,7 @@ window.customElements.define(
this.querySelectorAll('setting-option[is-selected]').forEach((dom) => dom.toggleAttribute('is-selected')) this.querySelectorAll('setting-option[is-selected]').forEach((dom) => dom.toggleAttribute('is-selected'))
target.toggleAttribute('is-selected') target.toggleAttribute('is-selected')
this._text.value = target.textContent this._text.value = target.textContent as string;
this.dispatchEvent( this.dispatchEvent(
new CustomEvent('selected', { new CustomEvent('selected', {
bubbles: true, bubbles: true,
@ -68,7 +68,7 @@ window.customElements.define(
) )
}) })
this._text.value = this.querySelector('setting-option[is-selected]').textContent this._text.value = this.querySelector('setting-option[is-selected]')?.textContent as string;
} }
}, },
) )