feat: add getOptionsFromConfig function

Author: nzbin

src/utils.ts

@@ -1,4 +1,5 @@
-import { isString, isObject, merge } from 'lodash-es';
+import { GuiFields } from '@acrodata/gui';
+import { isObject, isString, merge } from 'lodash-es';
 import { VisualDataSource } from './interfaces';
 
 /**
@@ -41,3 +42,28 @@ export function mergeDataSource(dataSource?: VisualDataSource, config?: VisualDa
     }
   }
 }
+
+
+/**
+ * 从 GUI 配置中获取默认配置项
+ * @param config  GUI 配置
+ * @param options 默认配置项
+ * @returns
+ */
+export function getOptionsFromConfig(config: GuiFields, options: Record<string, any>) {
+  for (const key of Object.keys(config)) {
+    const fieldCfg = config[key];
+    if (fieldCfg.default != null) {
+      options[key] = fieldCfg.default;
+    } else {
+      if (fieldCfg.type === 'group' || fieldCfg.type === 'menu' || fieldCfg.type === 'menuItem') {
+        options[key] = getOptionsFromConfig(fieldCfg.children as GuiFields, {});
+      } else if (fieldCfg.type === 'tabs') {
+        options[key] = [];
+      } else {
+        options[key] = null;
+      }
+    }
+  }
+  return options;
+}

src/visual-component.ts

@@ -1,6 +1,6 @@
 import { GuiFields } from '@acrodata/gui';
 import { ChangeDetectorRef, EventEmitter, inject } from '@angular/core';
-import { isEmpty, merge } from 'lodash-es';
+import { defaults, isEmpty, merge } from 'lodash-es';
 import {
   VisualActions,
   VisualApis,
@@ -10,14 +10,14 @@ import {
   VisualEvents,
   VisualInteractions,
 } from './interfaces';
-import { mergeDataSource } from './utils';
+import { getOptionsFromConfig, mergeDataSource } from './utils';
 
 export class VisualComponent {
   constructor(configs?: Record<string, any>) {
     if (configs) {
       this.attr = { ...configs['attr'] };
       this.config = { ...configs['config'] };
-      this.options = { ...configs['options'] };
+      this.options = defaults(configs['options'], getOptionsFromConfig(this.config, {}));
       this.apis = { ...configs['apis'] };
       this.data = { ...configs['data'] };
       this.resources = { ...configs['resources'] };