add 'button' type for simple config ui

Author: github0null

res/html/simple_config_ui/js/app.js

@@ -21,6 +21,8 @@ export interface SimpleUIBtnInfo {
 
     title: string; // title for button
 
+    hidden?: boolean; // hide this button
+
     disabled?: boolean; // button is disabled
 }
 
@@ -33,11 +35,11 @@ export interface SimpleUIConfigData {
 
 export interface SimpleUIConfigItem {
 
-    type: 'input' | 'options' | 'table' | 'text' | 'bool' | 'divider' | 'tag';
+    type: 'input' | 'options' | 'table' | 'text' | 'bool' | 'divider' | 'tag' | 'button';
 
     attrs: { [key: string]: string | boolean | number };
 
-    name: string; // readable name
+    name: string; // readable title
 
     description?: string; // a description for this item
 
@@ -48,7 +50,8 @@ export interface SimpleUIConfigItem {
           SimpleUIConfigData_text | 
           SimpleUIConfigData_boolean |
           SimpleUIConfigData_divider |
-          SimpleUIConfigData_tag;
+          SimpleUIConfigData_tag |
+          SimpleUIConfigData_button;
 };
 
 // input box
@@ -135,3 +138,14 @@ export interface SimpleUIConfigData_tag extends SimpleUIConfigData {
 
     value: string;
 }
+
+// button
+//
+// all attrs:
+//  - 'disabled':   [bool]      Prevents the user from interacting with the button––it cannot be pressed or focused.
+//  - 'appearance': [string]    Determines the visual appearance (primary, secondary) of the button.
+//
+export interface SimpleUIConfigData_button extends SimpleUIConfigData {
+
+    clickEvent: string; // a message will be emit when button has been clicked
+}

src/SimpleUIDef.ts

@@ -51,7 +51,7 @@ export class WebPanelManager {
         return _instance;
     }
 
-    showSimpleConfigUI(cfg: SimpleUIConfig, onSave: (newCfg: SimpleUIConfig) => void): Promise<void> {
+    showSimpleConfigUI(cfg: SimpleUIConfig, onSubmit: (newCfg: SimpleUIConfig) => void, onMsg?: (msg: string) => void): Promise<void> {
 
         const resManager = ResManager.GetInstance();
 
@@ -75,14 +75,15 @@ export class WebPanelManager {
                             panel.webview.postMessage(cfg);
                             break;
                         default:
+                            if (onMsg) onMsg(_data);
                             break;
                     }
                 }
 
                 /* it's obj data */
                 else {
                     try {
-                        onSave(_data);
+                        onSubmit(_data);
                         panel.webview.postMessage('eide.simple-cfg-ui.status.done');
                     } catch (error) {
                         GlobalEvent.emit('error', error);