为checkout添加切换状态时添加回调函数

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",

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;

src/libs/setting-item.svelte

@@ -31,7 +31,7 @@
         {title}
         <div class="b3-label__text">
             {@html description}
-        </div>
+        </div> 
     </div>
     <span class="fn__space" />
     <!-- <slot /> -->

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');