diff --git a/.gitignore b/.gitignore index 764e2d4..c2a2064 100644 --- a/.gitignore +++ b/.gitignore @@ -2,6 +2,7 @@ .vscode .DS_Store pnpm-lock.yaml +package-lock.json package.zip node_modules dev diff --git a/src/index.ts b/src/index.ts index 307f7d2..0e8893a 100644 --- a/src/index.ts +++ b/src/index.ts @@ -191,6 +191,11 @@ export default class PluginSample extends Plugin { type: "checkbox", title: "Checkbox text", description: "Check description", + checkbox: { + callback: () => { + console.log("Checkbox clicked"); + } + } }); this.settingUtils.addItem({ key: "Select", diff --git a/src/libs/index.d.ts b/src/libs/index.d.ts index 04b53f0..5181c19 100644 --- a/src/libs/index.d.ts +++ b/src/libs/index.d.ts @@ -12,6 +12,9 @@ interface ISettingItem { step: number; }; options?: { [key: string | number]: string }; + checkbox?: { + callback: () => void; + } button?: { label: string; callback: () => void; diff --git a/src/libs/setting-item.svelte b/src/libs/setting-item.svelte index 19ad92e..d59912b 100644 --- a/src/libs/setting-item.svelte +++ b/src/libs/setting-item.svelte @@ -31,7 +31,7 @@ {title}
{@html description} -
+ diff --git a/src/libs/setting-utils.ts b/src/libs/setting-utils.ts index 7112212..323443b 100644 --- a/src/libs/setting-utils.ts +++ b/src/libs/setting-utils.ts @@ -104,6 +104,7 @@ export class SettingUtils { element.checked = item.value; element.className = "b3-switch fn__flex-center"; itemElement = element; + element.onchange = item.checkbox?.callback ?? (() => { }); break; case 'select': let selectElement: HTMLSelectElement = document.createElement('select');