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 {
target: HTMLElement
@ -30,15 +30,15 @@ window.customElements.define(
super()
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._text = this.shadowRoot.querySelector('input[part="current-text"]')
this._context = this.shadowRoot.querySelector('ul[part="option-list"]')
this._button = this.shadowRoot.querySelector('div[part="button"]');
this._text = this.shadowRoot.querySelector('input[part="current-text"]');
this._context = this.shadowRoot.querySelector('ul[part="option-list"]');
const buttonClick = () => {
const isHidden = this._context.classList.toggle('hidden')
window[`${isHidden ? 'remove' : 'add'}EventListener`]('pointerdown', windowPointerDown)
const isHidden = this._context.classList.toggle('hidden');
window[`${isHidden ? 'remove' : 'add'}EventListener`]('pointerdown', windowPointerDown);
}
const windowPointerDown = ({ target }) => {
@ -55,7 +55,7 @@ window.customElements.define(
this.querySelectorAll('setting-option[is-selected]').forEach((dom) => dom.toggleAttribute('is-selected'))
target.toggleAttribute('is-selected')
this._text.value = target.textContent
this._text.value = target.textContent as string;
this.dispatchEvent(
new CustomEvent('selected', {
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;
}
},
)