@ibiz-template/runtime 0.4.17-dev.0 → 0.4.17-dev.1

package/out/register/helper/tree-grid-ex-column-register.js

@@ -0,0 +1,50 @@
+import { getPluginRegisterKey } from './common-register';
+/** 表格列适配器前缀 */
+export const TREEGRIDEX_COLUMN_PROVIDER_PREFIX = 'TREEGRIDEX_COLUMN';
+/**
+ * 注册表格列适配器
+ * @author lxm
+ * @date 2023-05-06 09:14:16
+ * @export
+ * @param {string} key
+ * @param {() => ITreeGridExColumnProvider} callback 生成表格列适配器的回调
+ */
+export function registerTreeGridExColumnProvider(key, callback) {
+    ibiz.register.register(`${TREEGRIDEX_COLUMN_PROVIDER_PREFIX}_${key}`, callback);
+}
+function getProvider(key) {
+    return ibiz.register.get(`${TREEGRIDEX_COLUMN_PROVIDER_PREFIX}_${key}`);
+}
+/**
+ * 获取表格列适配器
+ * @author lxm
+ * @date 2023-05-06 09:29:23
+ * @export
+ * @param {IAppView} model
+ * @return {*}  {Promise<ITreeGridExColumnProvider>}
+ */
+export async function getTreeGridExColumnProvider(model) {
+    let provider;
+    const { columnType, appId, renderSysPFPluginId } = model;
+    // 树表格列插件
+    if (renderSysPFPluginId) {
+        const pluginKey = await getPluginRegisterKey(renderSysPFPluginId, appId);
+        if (pluginKey) {
+            provider = getProvider(pluginKey);
+        }
+        if (!provider) {
+            ibiz.log.error(`找不到树表格列插件${pluginKey}对应的适配器`);
+        }
+        else {
+            return provider;
+        }
+    }
+    // 找表格列类型
+    provider = getProvider(columnType);
+    if (!provider) {
+        ibiz.log.error(`找不到表格列类型${columnType}对应的适配器`);
+    }
+    else {
+        return provider;
+    }
+}

package/out/service/vo/tree-node-data/tree-data-set-node-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-data-set-node-data.d.ts","sourceRoot":"","sources":["../../../../src/service/vo/tree-node-data/tree-data-set-node-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD;;;;;;;GAOG;AACH,qBAAa,mBAAoB,SAAQ,YAAa,YAAW,aAAa;IAC5E,IAAI,EAAE,MAAM,CAAC;IAEb,EAAE,EAAG,MAAM,CAAC;IAEZ,KAAK,EAAE,MAAM,CAAC;IAEd,MAAM,EAAE,KAAK,CAAC;gBAGZ,KAAK,EAAE,kBAAkB,EACzB,cAAc,EAAE,aAAa,GAAG,SAAS,EACzC,IAAI,EAAE;QACJ,IAAI,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,OAAO,CAAC;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB;IA0CH,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,GAAG,SAAS;IAiBhE;;;;;;;OAOG;IACH,SAAS,CAAC,kBAAkB,CAC1B,QAAQ,EAAE,mBAAmB,GAC5B,MAAM,GAAG,SAAS;IAYrB;;;;;;;OAOG;IACH,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,MAAM,GAAG,SAAS;CAStE"}
+{"version":3,"file":"tree-data-set-node-data.d.ts","sourceRoot":"","sources":["../../../../src/service/vo/tree-node-data/tree-data-set-node-data.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE3E,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD;;;;;;;GAOG;AACH,qBAAa,mBAAoB,SAAQ,YAAa,YAAW,aAAa;IAC5E,IAAI,EAAE,MAAM,CAAC;IAEb,EAAE,EAAG,MAAM,CAAC;IAEZ,KAAK,EAAE,MAAM,CAAC;IAEd,MAAM,EAAE,KAAK,CAAC;gBAGZ,KAAK,EAAE,kBAAkB,EACzB,cAAc,EAAE,aAAa,GAAG,SAAS,EACzC,IAAI,EAAE;QACJ,IAAI,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,OAAO,CAAC;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB;IA6FH,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,GAAG,SAAS;IAiBhE;;;;;;;OAOG;IACH,SAAS,CAAC,kBAAkB,CAC1B,QAAQ,EAAE,mBAAmB,GAC5B,MAAM,GAAG,SAAS;IAYrB;;;;;;;OAOG;IACH,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,MAAM,GAAG,SAAS;CAStE"}

package/out/service/vo/tree-node-data/tree-data-set-node-data.js

@@ -1,3 +1,4 @@
+import { updateKeyDefine } from '@ibiz-template/core';
 import { calcDeCodeNameById } from '../../../model';
 import { ScriptFactory } from '../../../utils';
 import { TreeNodeData } from './tree-node-data';
@@ -12,6 +13,7 @@ import { fieldValueToBoolean } from '../../utils';
  */
 export class TreeDataSetNodeData extends TreeNodeData {
     constructor(model, parentNodeData, opts) {
+        var _a;
         super(model, parentNodeData, opts);
         const { data } = opts;
         this.deData = data;
@@ -45,6 +47,55 @@ export class TreeDataSetNodeData extends TreeNodeData {
         if (model.leafFlagAppDEFieldId) {
             this.leaf = fieldValueToBoolean(data[model.leafFlagAppDEFieldId]);
         }
+        /** 数据项映射 */
+        const dataItemkeyMap = new Map();
+        const dataItemDefaults = {};
+        (_a = model.detreeNodeDataItems) === null || _a === void 0 ? void 0 : _a.forEach(dataItem => {
+            const uiKey = dataItem.id.toLowerCase();
+            // 后台实体属性
+            const deFieldKey = dataItem.appDEFieldId.toLowerCase();
+            dataItemkeyMap.set(uiKey, deFieldKey);
+            if (dataItem.defaultValue) {
+                dataItemDefaults[uiKey] = dataItem.defaultValue;
+            }
+        });
+        return new Proxy(this, {
+            set(target, p, value) {
+                if (Object.prototype.hasOwnProperty.call(target.deData, p)) {
+                    target.deData[p] = value;
+                }
+                else if (dataItemkeyMap.has(p)) {
+                    target.deData[dataItemkeyMap.get(p)] = value;
+                }
+                else {
+                    target[p] = value;
+                }
+                return true;
+            },
+            get(target, p, _receiver) {
+                if (target[p] !== undefined) {
+                    return target[p];
+                }
+                if (dataItemkeyMap.has(p)) {
+                    return target.deData[dataItemkeyMap.get(p)] || dataItemDefaults[p];
+                }
+                if (target.deData[p] !== undefined) {
+                    return target.deData[p];
+                }
+            },
+            ownKeys(target) {
+                // 整合所有并排除重复
+                const allKeys = [
+                    ...new Set([
+                        ...Object.keys(target),
+                        ...dataItemkeyMap.keys(),
+                        ...Object.keys(target.deData),
+                    ]),
+                ];
+                updateKeyDefine(target, allKeys);
+                return allKeys;
+            },
+        });
     }
     calcIcon(model) {
         const icon = super.calcIcon(model) || {};

package/out/service/vo/tree-node-data/tree-node-data.d.ts

@@ -9,6 +9,7 @@ import { IIcon, ITreeNodeData } from '../../../interface';
  */
 export declare abstract class TreeNodeData implements ITreeNodeData {
     _uuid: string;
+    _nodeType: string;
     id: string;
     value?: string | undefined;
     text: string;
@@ -23,6 +24,7 @@ export declare abstract class TreeNodeData implements ITreeNodeData {
     parent?: ITreeNodeData;
     icon?: IIcon;
     textHtml?: string;
+    [key: string | symbol]: any;
     constructor(model: IDETreeNode, parentNodeData: ITreeNodeData | undefined, opts: {
         leaf: boolean;
         navContext?: IParams;

package/out/service/vo/tree-node-data/tree-node-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-node-data.d.ts","sourceRoot":"","sources":["../../../../src/service/vo/tree-node-data/tree-node-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;;;;GAMG;AACH,8BAAsB,YAAa,YAAW,aAAa;IACzD,KAAK,EAAE,MAAM,CAAgB;IAE7B,EAAE,EAAG,MAAM,CAAC;IAEZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE3B,IAAI,EAAG,MAAM,CAAC;IAEd,QAAQ,CAAC,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IAEvC,MAAM,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE5B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAElC,MAAM,EAAE,MAAM,CAAC;IAEf,IAAI,EAAE,OAAO,CAAS;IAEtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB,IAAI,CAAC,EAAE,KAAK,CAAC;IAEb,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAGhB,KAAK,EAAE,WAAW,EAClB,cAAc,EAAE,aAAa,GAAG,SAAS,EACzC,IAAI,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE;IAsBpE;;;;;;;OAOG;IACH,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,GAAG,SAAS;CAa1D"}
+{"version":3,"file":"tree-node-data.d.ts","sourceRoot":"","sources":["../../../../src/service/vo/tree-node-data/tree-node-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;;;;GAMG;AACH,8BAAsB,YAAa,YAAW,aAAa;IACzD,KAAK,EAAE,MAAM,CAAgB;IAE7B,SAAS,EAAE,MAAM,CAAC;IAElB,EAAE,EAAG,MAAM,CAAC;IAEZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE3B,IAAI,EAAG,MAAM,CAAC;IAEd,QAAQ,CAAC,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IAEvC,MAAM,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE5B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAElC,MAAM,EAAE,MAAM,CAAC;IAEf,IAAI,EAAE,OAAO,CAAS;IAEtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB,IAAI,CAAC,EAAE,KAAK,CAAC;IAEb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC;gBAG1B,KAAK,EAAE,WAAW,EAClB,cAAc,EAAE,aAAa,GAAG,SAAS,EACzC,IAAI,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE;IAuBpE;;;;;;;OAOG;IACH,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,GAAG,SAAS;CAa1D"}

package/out/service/vo/tree-node-data/tree-node-data.js

@@ -12,6 +12,7 @@ export class TreeNodeData {
         this.leaf = false;
         this.leaf = opts.leaf === true;
         this.parent = parentNodeData;
+        this._nodeType = model.treeNodeType;
         // 所有节点都要继承父的上下文，如果父存在则复制父的资源上下文，否则返回空对象。
         if (this.parent) {
             this.context = Object.assign({}, this.parent.context);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/runtime",
-  "version": "0.4.17-dev.0",
+  "version": "0.4.17-dev.1",
   "description": "控制器包",
   "type": "module",
   "main": "out/index.js",
@@ -29,7 +29,7 @@
   "author": "chitanda",
   "license": "MIT",
   "devDependencies": {
-    "@ibiz-template/core": "^0.4.17-dev.0",
+    "@ibiz-template/core": "^0.4.17-dev.1",
     "@ibiz/model-core": "^0.0.28",
     "@types/path-browserify": "^1.0.2",
     "@types/qs": "^6.9.10",
@@ -59,5 +59,5 @@
     "qx-util": "^0.4.8",
     "ramda": "^0.29.0"
   },
-  "gitHead": "b0dfe9a357b41c7a97b640704a460cc485315ed9"
+  "gitHead": "aabc8a7a92e6715602b803977fd9d2516955d902"
 }

package/src/controller/control/grid/grid/grid-column.controller.ts

@@ -2,6 +2,7 @@ import { IDEGridColumn, IDEGridDataItem } from '@ibiz/model-core';
 import { ScriptFactory } from '../../../../utils';
 import { GridRowState } from './grid-row.state';
 import { GridController } from './grid.controller';
+import { IGridColumnController } from '../../../../interface';
 
 /**
  * 表格列控制器
@@ -9,7 +10,9 @@ import { GridController } from './grid.controller';
  * @author: zhujiamin
  * @Date: 2022-09-01 18:25:20
  */
-export class GridColumnController<T extends IDEGridColumn = IDEGridColumn> {
+export class GridColumnController<T extends IDEGridColumn = IDEGridColumn>
+  implements IGridColumnController
+{
   /**
    * 表格列模型对象
    *

package/src/controller/control/grid/grid/grid.controller.ts

@@ -32,6 +32,8 @@ import {
   MDCtrlLoadParams,
   IGridRowState,
   IExportColumn,
+  IColumnState,
+  ISearchGroupData,
 } from '../../../../interface';
 import { calcDeCodeNameById } from '../../../../model';
 import { getGridColumnProvider } from '../../../../register';
@@ -1196,4 +1198,36 @@ export class GridController
       convertColumnCaption(this.model.degridColumns);
     }
   }
+
+  /**
+   * 控制列显示
+   * @param {IColumnState} columnState
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-12-19 16:02:14
+   */
+  setColumnVisible(columnState: IColumnState): void {
+    columnState.hidden = !columnState.hidden;
+  }
+
+  /**
+   * 设置点击分组后回显相关参数
+   * @param {IData} data
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-12-21 10:54:45
+   */
+  setGroupParams(data: ISearchGroupData): void {
+    if (data.sort) {
+      this.state.sortQuery = data.sort;
+    } else {
+      this.state.sortQuery = '';
+    }
+    if (data.columnstates) {
+      this.state.columnStates = data.columnstates;
+    } else {
+      this.state.columnStates = [];
+      this.initColumnStates();
+    }
+  }
 }

package/src/controller/control/search-bar/search-bar.controller.ts

@@ -1,4 +1,4 @@
-import { recursiveIterate } from '@ibiz-template/core';
+import { mergeInLeft, recursiveIterate } from '@ibiz-template/core';
 import { IAppDataEntity, ISearchBar } from '@ibiz/model-core';
 import { isNil } from 'ramda';
 import {
@@ -6,10 +6,13 @@ import {
   ISearchBarEvent,
   ISearchBarController,
   IFilterNode,
+  IBackendSearchBarGroup,
+  IGridController,
 } from '../../../interface';
 import { convertNavData, ScriptFactory } from '../../../utils';
 import { ControlController } from '../../common';
 import { SearchBarFilterController } from './search-bar-filter.controller';
+import { SearchBarService } from './search-bar.service';
 
 /**
  * 搜索栏控制器
@@ -40,6 +43,40 @@ export class SearchBarController
    */
   filterControllers: SearchBarFilterController[] = [];
 
+  /**
+   * 搜索栏服务
+   * @author lxm
+   * @date 2023-05-15 11:03:34
+   * @type {EditFormService}
+   */
+  service!: SearchBarService;
+
+  /**
+   * 当前编辑的分组
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-12-20 18:06:37
+   */
+  currentEditGroup: IBackendSearchBarGroup | null = null;
+
+  /**
+   * 是否为后台分组
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-12-21 10:17:43
+   */
+  isBackendSearchGroup = true;
+
+  /**
+   * 表格控制器
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-12-22 13:50:16
+   */
+  get grid(): IGridController | undefined {
+    return this.ctx.getController('grid') as IGridController;
+  }
+
   /**
    * 实体模型
    * @author lxm
@@ -60,6 +97,8 @@ export class SearchBarController
     if (this.model.enableFilter) {
       this.resetFilter();
     }
+    this.state.searchBarGroups = [];
+    this.state.selectedSearchGroupItem = null;
   }
 
   protected async onCreated(): Promise<void> {
@@ -73,7 +112,14 @@ export class SearchBarController
       this.calcQuickSearchPlaceholder();
     }
 
+    // 实例部件服务
+    if (this.isBackendSearchGroup && this.view.model.codeName) {
+      this.service = new SearchBarService(this.model, this.view.model.codeName);
+      await this.service.init(this.context);
+    }
+
     await this.initSearchBarFilters();
+    await this.initSearBarGroups();
   }
 
   /**
@@ -144,7 +190,10 @@ export class SearchBarController
       params.query = this.state.query;
     }
     // 快速分组
-    if (this.state.selectedGroupItem?.data) {
+    if (
+      this.state.selectedGroupItem?.data &&
+      typeof this.state.selectedGroupItem.data === 'string'
+    ) {
       const navParams = ScriptFactory.execSingleLine(
         this.state.selectedGroupItem.data,
       ) as IData;
@@ -167,13 +216,7 @@ export class SearchBarController
    * @date 2023-10-16 03:52:44
    */
   resetFilter(): void {
-    this.state.filterNodes = [
-      {
-        leaf: false,
-        logicType: 'AND',
-        children: [{ leaf: true, field: null, valueOP: null, value: null }],
-      },
-    ];
+    this.state.filterNodes = this.getOriginFilterNodes();
     this.evt.emit('onSearch', undefined);
   }
 
@@ -202,7 +245,7 @@ export class SearchBarController
    * @date 2023-10-13 05:53:35
    * @return {*}  {IData}
    */
-  calcFilters(): IData | undefined {
+  calcFilters(): IData[] | undefined {
     if (!this.model.enableFilter) {
       return;
     }
@@ -248,4 +291,129 @@ export class SearchBarController
       value: node.value,
     };
   }
+
+  /**
+   * 获取初始过滤项树节点数据集合
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-12-21 17:29:47
+   */
+  protected getOriginFilterNodes(): IFilterNode[] {
+    return [
+      {
+        leaf: false,
+        logicType: 'AND',
+        children: [{ leaf: true, field: null, valueOP: null, value: null }],
+      },
+    ];
+  }
+
+  /**
+   * 初始化搜索栏分组项(获取后台分组清单并合并模型)
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-12-19 14:43:46
+   */
+  async initSearBarGroups(): Promise<void> {
+    this.state.searchBarGroups = [];
+    if (this.isBackendSearchGroup) {
+      if (this.model.searchBarGroups && this.model.searchBarGroups.length > 0) {
+        this.state.searchBarGroups = this.model.searchBarGroups.map(item => ({
+          ...item,
+          show: true,
+          saved: false,
+          searchGroupData: {},
+        }));
+      }
+      // 请求并合并searchBarGroups ，这里只能拿到清单
+      const res = await this.service.fetch();
+      if (res.ok) {
+        res.data.forEach((group: IData) => {
+          // 已经存在的覆盖，否则新增
+          const existGroup = this.state.searchBarGroups.find(
+            item => item.id === group.id,
+          );
+          if (existGroup) {
+            mergeInLeft(existGroup, group);
+            existGroup.saved = true;
+          } else {
+            this.state.searchBarGroups.push({
+              ...group,
+              appId: this.context.srfappid,
+              show: true,
+              saved: true,
+              searchGroupData: {},
+            } as IBackendSearchBarGroup);
+          }
+        });
+      }
+    }
+  }
+
+  /**
+   * 处理保存
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-12-19 16:17:15
+   */
+  async handleSave(): Promise<void> {
+    if (this.grid && this.state.selectedSearchGroupItem) {
+      const filters = this.calcFilters();
+      const saveParams = {
+        filternodes: this.state.filterNodes,
+        searchconds: filters,
+        sort: this.grid.state.sortQuery,
+        columnstates: this.grid.state.columnStates,
+        show: this.state.selectedSearchGroupItem.show,
+      };
+      // 根据是否保存过决定是更新还是新建
+      if (this.state.selectedSearchGroupItem.saved) {
+        await this.service.update(this.state.selectedSearchGroupItem.id!, {
+          theme_model: saveParams,
+          show: this.state.selectedSearchGroupItem.show,
+        });
+        ibiz.message.success('保存成功');
+      } else {
+        const res = await this.service.createWithParams(
+          this.state.selectedSearchGroupItem.id!,
+          saveParams,
+        );
+        if (res.ok) {
+          const savedGroup = this.state.searchBarGroups.find(
+            group => group.id === res.data.id,
+          );
+          if (savedGroup) {
+            savedGroup.saved = true;
+          }
+          ibiz.message.success('保存成功');
+        }
+      }
+    }
+  }
+
+  /**
+   * 处理点击后台分组
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-12-21 10:29:24
+   */
+  async handleGroupClick(groupItem: IBackendSearchBarGroup): Promise<void> {
+    this.state.selectedSearchGroupItem = groupItem;
+    if (groupItem.saved) {
+      // 请求获取到搜索分组数据
+      const res = await this.service.get(groupItem.id!);
+      if (res.ok) {
+        mergeInLeft(groupItem, res.data);
+      }
+    }
+    if (groupItem.searchGroupData && groupItem.searchGroupData.filternodes) {
+      this.state.filterNodes = groupItem.searchGroupData.filternodes;
+    } else {
+      this.state.filterNodes = this.getOriginFilterNodes();
+    }
+    if (this.grid && groupItem && groupItem.searchGroupData) {
+      this.grid.setGroupParams(groupItem.searchGroupData);
+      await this.grid.load({ isInitialLoad: true });
+    }
+  }
 }

package/src/controller/control/search-bar/search-bar.service.ts

@@ -0,0 +1,161 @@
+import { IHttpResponse } from '@ibiz-template/core';
+import { ISearchBar } from '@ibiz/model-core';
+import { IAppService } from '../../../interface';
+
+/**
+ * 搜索栏服务
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2023-12-22 10:28:32
+ */
+export class SearchBarService {
+  /**
+   * 应用
+   *
+   */
+  app!: IAppService;
+
+  /**
+   * 视图标识
+   *
+   */
+  viewTag!: string;
+
+  /**
+   * 部件模型
+   *
+   */
+  readonly model: ISearchBar;
+
+  /**
+   * Creates an instance of ControlService.
+   *
+   */
+  constructor(model: ISearchBar, viewTag: string) {
+    this.model = model;
+    this.viewTag = viewTag;
+  }
+
+  async init(_context?: IContext): Promise<void> {
+    this.app = ibiz.hub.getApp(this.model.appId);
+  }
+
+  /**
+   * 主题管理URL
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-12-22 10:51:49
+   */
+  themeUrl = '/extension/app_view_themes';
+
+  /**
+   * 执行查询多条数据的方法
+   *
+   */
+  async fetch(): Promise<IHttpResponse> {
+    const res = await this.app.net.post(`${this.themeUrl}/fetch_default`, {
+      app_view_tag: this.viewTag,
+      sort: 'create_time,asc',
+    });
+    if (res.ok) {
+      res.data = this.convertBackDataToFront(res.data as IData[]);
+    }
+    return res;
+  }
+
+  /**
+   * 执行获取单条数据方法
+   *
+   */
+  async get(id: string): Promise<IHttpResponse> {
+    const res = await this.app.net.get(`${this.themeUrl}/${id}`, {
+      app_view_tag: this.viewTag,
+    });
+    if (res.ok) {
+      [res.data] = this.convertBackDataToFront([res.data] as IData[]);
+    }
+    return res;
+  }
+
+  /**
+   * 删除单条数据
+   *
+   */
+  async remove(id: string): Promise<IHttpResponse> {
+    const res = await this.app.net.delete(`${this.themeUrl}/${id}`, {
+      app_view_tag: this.viewTag,
+    });
+    return res;
+  }
+
+  /**
+   * 新建数据
+   *
+   */
+  async create(caption: string): Promise<IHttpResponse> {
+    const res = await this.app.net.post(`${this.themeUrl}`, {
+      name: caption,
+      app_view_tag: this.viewTag,
+    });
+    return res;
+  }
+
+  /**
+   * 新建数据（带参数,给平台配置建立的分组用）
+   *
+   */
+  async createWithParams(id: string, data: IData): Promise<IHttpResponse> {
+    const res = await this.app.net.post(`${this.themeUrl}`, {
+      id,
+      theme_model: JSON.stringify(data),
+      app_view_tag: this.viewTag,
+      show: data.show,
+    });
+    return res;
+  }
+
+  /**
+   * 更新数据
+   *
+   */
+  async update(id: string, data: IData): Promise<IHttpResponse> {
+    const updateParams = { app_view_tag: this.viewTag };
+    if (data.theme_model) {
+      Object.assign(updateParams, {
+        theme_model: JSON.stringify(data.theme_model),
+      });
+    }
+    if (data.caption) {
+      Object.assign(updateParams, {
+        name: data.caption,
+      });
+    }
+    if (typeof data.show === 'boolean') {
+      Object.assign(updateParams, {
+        show: data.show,
+      });
+    }
+    const res = await this.app.net.put(`${this.themeUrl}/${id}`, updateParams);
+    return res;
+  }
+
+  /**
+   * 转换后台数据成前端需要的格式
+   * @param {IData} data
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-12-22 11:19:50
+   */
+  convertBackDataToFront(data: IData[]): IData[] {
+    return data.map(item => {
+      const tempItem = { ...item };
+      if (item.name) {
+        tempItem.caption = item.name;
+      }
+      if (item.theme_model) {
+        tempItem.searchGroupData = JSON.parse(item.theme_model);
+      }
+      return tempItem;
+    });
+  }
+}