@ibiz-template/runtime 0.6.1-dev.0 → 0.6.1-dev.2

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

@@ -1,620 +0,0 @@
-import { mergeInLeft, recursiveIterate } from '@ibiz-template/core';
-import { IAppDataEntity, ISearchBar, ISearchBarFilter } from '@ibiz/model-core';
-import { clone, isNil } from 'ramda';
-import { isString } from 'lodash-es';
-import {
-  ISearchBarState,
-  ISearchBarEvent,
-  ISearchBarController,
-  IBackendSearchBarGroup,
-  IGridController,
-  IFilterNode,
-} from '../../../interface';
-import { convertNavData, ScriptFactory } from '../../../utils';
-import { ControlController } from '../../common';
-import { SearchBarFilterController } from './search-bar-filter.controller';
-import { SearchBarService } from './search-bar.service';
-import { getEntitySchema } from '../../utils';
-import { calcFilterModelBySchema } from './entity-schema';
-import {
-  calcSearchConds,
-  getOriginFilterNodes,
-  parseFilters,
-} from './use-searchcond';
-
-const ScriptValueRegex = /\$\{[^}]*\}/; // 匹配${xxx}格式字符串
-
-/**
- * 搜索栏控制器
- *
- * @author chitanda
- * @date 2022-07-24 15:07:07
- * @export
- * @class SearchBarController
- * @extends {ControlController}
- */
-export class SearchBarController
-  extends ControlController<ISearchBar, ISearchBarState, ISearchBarEvent>
-  implements ISearchBarController
-{
-  /**
-   * 快速搜索占位符
-   * @return {*}
-   * @author: zhujiamin
-   * @Date: 2023-08-11 14:13:10
-   */
-  placeHolder = '';
-
-  /**
-   * 过滤项控制器集合
-   * @author lxm
-   * @date 2023-10-13 03:31:26
-   * @type {SearchBarFilterController[]}
-   */
-  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 = this.model.searchBarStyle === 'SEARCHBAR2';
-
-  /**
-   * 是否有默认选中
-   * @return {*}
-   * @author: zhujiamin
-   * @Date: 2023-12-21 10:17:43
-   */
-  hasDefaultSelect = false;
-
-  /**
-   * 启用自定义过滤项
-   * @author lxm
-   * @date 2023-12-29 04:15:34
-   * @type {boolean}
-   */
-  get enableFilter(): boolean {
-    return this.model.enableFilter === true;
-  }
-
-  /**
-   * 最终使用的searchBarFilters
-   * @author lxm
-   * @date 2023-12-29 06:55:13
-   * @type {ISearchBarFilter[]}
-   */
-  get searchBarFilters(): ISearchBarFilter[] {
-    return this.model.searchBarFilters || [];
-  }
-
-  /**
-   * 是否启用根据实体的JSON Schema生成过滤项
-   * @author lxm
-   * @date 2024-01-05 10:10:37
-   */
-  addSchemaFilters = false;
-
-  /**
-   * 表格控制器
-   * @return {*}
-   * @author: zhujiamin
-   * @Date: 2023-12-22 13:50:16
-   */
-  get grid(): IGridController | undefined {
-    return (this.ctx.getController('grid') ||
-      this.ctx.getController('treegrid')) as IGridController;
-  }
-
-  /**
-   * 实体模型
-   * @author lxm
-   * @date 2023-10-13 02:49:59
-   * @type {IAppDataEntity}
-   */
-  appDataEntity!: IAppDataEntity;
-
-  protected initState(): void {
-    super.initState();
-    this.state.query = '';
-    this.state.selectedGroupItem = null;
-    this.state.searchBarGroups = [];
-    this.state.selectedSearchGroupItem = null;
-    this.resetFilter();
-    this.state.visible = !!(
-      this.model.enableQuickSearch ||
-      this.model.enableGroup ||
-      this.enableFilter
-    );
-  }
-
-  protected async onCreated(): Promise<void> {
-    await this.initByEntitySchema();
-
-    await super.onCreated();
-
-    const appDataEntity = await ibiz.hub.getAppDataEntity(
-      this.model.appDataEntityId!,
-      this.context.srfappid,
-    )!;
-    if (appDataEntity) {
-      this.appDataEntity = appDataEntity;
-      this.calcQuickSearchPlaceholder();
-    }
-
-    // 实例部件服务
-    if (this.isBackendSearchGroup && this.view.model.codeName) {
-      this.service = new SearchBarService(
-        this.model,
-        this.view.model.codeName.toLowerCase(),
-      );
-      await this.service.init(this.context);
-    }
-
-    await this.initSearchBarFilters();
-    await this.initSearBarGroups(true);
-  }
-
-  /**
-   * 根据实体jsonschema初始化
-   * @author lxm
-   * @date 2023-12-29 04:21:31
-   * @return {*}  {Promise<void>}
-   */
-  async initByEntitySchema(): Promise<void> {
-    if (!this.addSchemaFilters) {
-      return;
-    }
-    const json = await getEntitySchema(
-      this.model.appDataEntityId!,
-      this.context,
-    );
-    if (!json) {
-      return;
-    }
-    const addSearchBarFilters = await calcFilterModelBySchema(
-      json,
-      this.model.appDataEntityId!,
-      this.model.appId,
-    );
-
-    const mergeFilters: ISearchBarFilter[] = [];
-    this.model.searchBarFilters?.forEach(filter => {
-      const findindex = addSearchBarFilters.findIndex(
-        item =>
-          item.appDEFieldId === filter.appDEFieldId &&
-          (filter.defsearchMode?.valueOP
-            ? item.defsearchMode!.valueOP === filter.defsearchMode.valueOP
-            : true),
-      );
-      if (findindex === -1) {
-        mergeFilters.push(filter);
-      }
-    });
-
-    // 如果有根据json计算出的过滤项，则要重置相关state参数
-    if (addSearchBarFilters.length > 0) {
-      // 修改模型之前拷贝一份，避免污染原始数据
-      (this as IData).model = clone(this.model);
-      this.model.searchBarFilters = addSearchBarFilters.concat(...mergeFilters);
-      this.model.enableFilter = true;
-    }
-  }
-
-  /**
-   * 计算快速搜索的占位
-   * @author lxm
-   * @date 2023-10-16 03:49:47
-   * @protected
-   * @return {*}  {void}
-   */
-  protected calcQuickSearchPlaceholder(): void {
-    if (!this.appDataEntity) {
-      return;
-    }
-    const searchFields = this.appDataEntity.appDEFields!.filter(field => {
-      return field.enableQuickSearch;
-    });
-    if (searchFields.length) {
-      const placeHolders: string[] = [];
-      searchFields.forEach(searchField => {
-        if (searchField.lnlanguageRes && searchField.lnlanguageRes.lanResTag) {
-          placeHolders.push(
-            ibiz.i18n.t(
-              searchField.lnlanguageRes.lanResTag,
-              searchField.logicName,
-            ),
-          );
-        } else if (searchField.logicName) {
-          placeHolders.push(searchField.logicName);
-        }
-      });
-      if (placeHolders.length > 0) {
-        this.placeHolder = placeHolders.join('、');
-      }
-    }
-  }
-
-  /**
-   * 处理输入
-   * @param {string} val
-   * @return {*}
-   * @author: zhujiamin
-   * @Date: 2023-06-01 18:08:07
-   */
-  handleInput(val: string): void {
-    this.state.query = val;
-  }
-
-  /**
-   * 处理搜索
-   * @return {*}
-   * @author: zhujiamin
-   * @Date: 2023-06-01 18:08:18
-   */
-  onSearch(): void {
-    this.evt.emit('onSearch', undefined);
-  }
-
-  /**
-   * 找到过滤项控制器
-   * @author lxm
-   * @date 2024-02-04 11:29:31
-   * @param {(string | null)} fieldName
-   * @param {(string | null)} valueOP
-   * @return {*}  {(SearchBarFilterController | undefined)}
-   */
-  findFilterController(
-    fieldName: string | null,
-    valueOP: string | null,
-  ): SearchBarFilterController | undefined {
-    return this.filterControllers.find(item => {
-      if (item.fieldName === fieldName) {
-        // 有配属性搜索模式的匹配才是，没配的都是指向没配的哪个过滤项
-        return item.valueOP ? item.valueOP === valueOP : true;
-      }
-      return false;
-    });
-  }
-
-  /**
-   * 获取搜索栏的过滤参数（包括快速搜索，快速分组和过滤器的参数）
-   * @author lxm
-   * @date 2023-10-16 03:54:07
-   * @return {*}  {IParams}
-   */
-  getFilterParams(): IParams {
-    const params: IParams = {};
-    // 快速搜索
-    if (this.state.query) {
-      params.query = this.state.query;
-    }
-    // 快速分组
-    if (
-      this.state.selectedGroupItem?.data &&
-      typeof this.state.selectedGroupItem.data === 'string' &&
-      !this.isBackendSearchGroup
-    ) {
-      const navParams = ScriptFactory.execSingleLine(
-        this.state.selectedGroupItem.data,
-      ) as IData;
-
-      const addParams = convertNavData(navParams, this.params, this.context);
-      Object.assign(params, addParams);
-    }
-
-    // 搜索过滤器
-    const filters = this.calcFilters();
-    if (filters) {
-      params.searchconds = filters;
-    }
-    return params;
-  }
-
-  /**
-   * 重置过滤器
-   * @author lxm
-   * @date 2023-10-16 03:52:44
-   */
-  resetFilter(): void {
-    this.state.filterNodes = getOriginFilterNodes();
-    this.evt.emit('onSearch', undefined);
-  }
-
-  /**
-   * 初始化过滤项控制器
-   * @author lxm
-   * @date 2023-10-13 03:33:17
-   * @protected
-   * @return {*}  {Promise<void>}
-   */
-  protected async initSearchBarFilters(): Promise<void> {
-    if (this.searchBarFilters?.length) {
-      this.searchBarFilters.forEach(item => {
-        const filterController = new SearchBarFilterController(
-          item,
-          this.appDataEntity,
-          this.context,
-          this.params,
-        );
-        this.filterControllers.push(filterController);
-      });
-      await Promise.all(
-        this.filterControllers.map(controller => controller.init()),
-      );
-    }
-  }
-
-  /**
-   * 计算过滤项参数
-   * @author lxm
-   * @date 2023-10-13 05:53:35
-   * @return {*}  {IData}
-   */
-  calcFilters(valueFormat = true): IData[] | undefined {
-    if (!this.enableFilter) {
-      return;
-    }
-    const searchconds = calcSearchConds(this.state.filterNodes);
-
-    if (valueFormat && searchconds) {
-      // 给多数据加载之前进行脚本值转换
-      recursiveIterate(
-        searchconds[0],
-        (node: IData) => {
-          if (node.condtype === 'DEFIELD' && !isNil(node.value)) {
-            const controller = this.findFilterController(
-              node.fieldname,
-              node.condop,
-            );
-            if (controller) {
-              if (controller.valueItem && node.valueItem) {
-                node.value = node.valueItem;
-                delete node.valueItem;
-              } else if (ScriptValueRegex.test(node.value)) {
-                // 脚本转换
-                node.value = ScriptFactory.execSingleLine(`\`${node.value}\``, {
-                  ...this.getEventArgs(),
-                });
-              }
-            }
-          }
-        },
-        { childrenFields: ['searchconds'] },
-      );
-    }
-
-    return searchconds;
-  }
-
-  /**
-   * 初始化搜索栏分组项(获取后台分组清单并合并模型)
-   * @return {*}
-   * @author: zhujiamin
-   * @Date: 2023-12-19 14:43:46
-   */
-  async initSearBarGroups(firstInit: boolean = false): 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, index) => {
-            const tempGroup = {
-              name: item.id!,
-              caption: item.caption,
-              saved: false,
-              show: true,
-              searchGroupData: {} as IData,
-              order: (index + 1) * 100,
-              defaultSelect: false,
-              noEdit: true,
-            };
-            if (item.data) {
-              try {
-                // 解析data属性到对应位置
-                const tempData = JSON.parse(item.data);
-                if (tempData.theme_model) {
-                  if (tempData.theme_model.sort) {
-                    tempGroup.searchGroupData.sort = tempData.theme_model.sort;
-                  }
-                  if (tempData.theme_model.columnstates) {
-                    tempGroup.searchGroupData.columnstates =
-                      tempData.theme_model.columnstates;
-                  }
-                  if (tempData.theme_model.searchconds) {
-                    tempGroup.searchGroupData.searchconds =
-                      tempData.theme_model.searchconds;
-                  }
-                }
-                if (tempData.valid_flag) {
-                  tempGroup.show = tempData.valid_flag === '1';
-                }
-              } catch (error) {
-                ibiz.log.error(`${item.data}非标准JSON格式:`, error);
-              }
-            }
-            if (item.defaultGroup) {
-              tempGroup.defaultSelect = true;
-            }
-            return tempGroup;
-          },
-        );
-      }
-      // 请求并合并searchBarGroups ，这里只能拿到清单
-      const res = await this.service.fetch();
-      if (res.ok) {
-        res.data.forEach((group: IData) => {
-          // 已经存在的覆盖，否则新增
-          const existGroup = this.state.searchBarGroups.find(
-            item => item.name === group.name,
-          );
-          if (existGroup) {
-            mergeInLeft(existGroup, group);
-            existGroup.saved = true;
-          } else {
-            // 找出最大的order项的下标index，然后+2新增（第n项order为(n+1)*100）
-            const tempMaxOrderIndex = this.state.searchBarGroups.reduce(
-              (maxIndex, item, currentIndex) =>
-                item.order > this.state.searchBarGroups[maxIndex].order
-                  ? currentIndex
-                  : maxIndex,
-              0,
-            );
-            this.state.searchBarGroups.push({
-              saved: true,
-              show: true,
-              searchGroupData: {},
-              order: (tempMaxOrderIndex + 2) * 100,
-              // 以后台给的为准
-              ...group,
-            } as IBackendSearchBarGroup);
-          }
-        });
-      }
-      // 按照 order 属性从小到大排序
-      this.state.searchBarGroups.sort((a, b) => a.order - b.order);
-      // 更新 order 属性的值
-      this.state.searchBarGroups.forEach((item, index) => {
-        item.order = (index + 1) * 100;
-      });
-      // 设置是否有默认选中
-      if (
-        firstInit &&
-        this.state.searchBarGroups &&
-        this.state.searchBarGroups.length > 0
-      ) {
-        const defaultSelectedGroup = this.state.searchBarGroups.find(group => {
-          return group.defaultSelect;
-        });
-        if (defaultSelectedGroup) {
-          this.hasDefaultSelect = true;
-        }
-      }
-    }
-  }
-
-  /**
-   * 点击默认选中
-   * @return {*}
-   * @author: zhujiamin
-   * @Date: 2024-01-24 11:12:43
-   */
-  setDefaultSelect(): void {
-    if (this.state.searchBarGroups && this.state.searchBarGroups.length > 0) {
-      const defaultSelectedGroup = this.state.searchBarGroups.find(group => {
-        return group.defaultSelect;
-      });
-      if (defaultSelectedGroup) {
-        this.handleGroupClick(defaultSelectedGroup);
-      }
-    }
-  }
-
-  /**
-   * 处理保存
-   * @return {*}
-   * @author: zhujiamin
-   * @Date: 2023-12-19 16:17:15
-   */
-  async handleSave(): Promise<void> {
-    if (this.grid && this.state.selectedSearchGroupItem) {
-      const filters = this.calcFilters(false);
-      const saveParams = {
-        searchconds: filters,
-        sort: this.grid.state.sortQuery,
-        columnstates: this.grid.state.columnStates,
-      };
-      // 根据是否保存过决定是更新还是新建
-      if (this.state.selectedSearchGroupItem.saved) {
-        await this.service.update(this.state.selectedSearchGroupItem.id!, {
-          searchGroupData: saveParams,
-          show: this.state.selectedSearchGroupItem.show,
-          order: this.state.selectedSearchGroupItem.order,
-        });
-        ibiz.message.success('保存成功');
-      } else {
-        const res = await this.service.createWithParams(
-          this.state.selectedSearchGroupItem,
-          saveParams,
-        );
-        if (res.ok) {
-          const savedGroup = this.state.searchBarGroups.find(
-            group => group.name === res.data.name,
-          );
-          if (savedGroup) {
-            mergeInLeft(savedGroup, res.data);
-            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);
-        groupItem.show = true;
-      }
-    }
-    if (
-      groupItem.searchGroupData &&
-      groupItem.searchGroupData.searchconds &&
-      groupItem.searchGroupData.searchconds.length > 0
-    ) {
-      // 根据后台标准的searchconds计算出 前端回显的树形结构FilterNodes
-      const filterNodes = groupItem.searchGroupData.searchconds.map(item =>
-        parseFilters(item),
-      );
-      this.state.filterNodes = filterNodes;
-    } else {
-      this.state.filterNodes = getOriginFilterNodes();
-    }
-
-    // 把带有${}的条件禁用，不能修改
-    recursiveIterate(this.state.filterNodes[0], (node: IFilterNode) => {
-      if (node.leaf) {
-        if (
-          node.field &&
-          node.valueOP &&
-          isString(node.value) &&
-          ScriptValueRegex.test(node.value)
-        ) {
-          node.disabled = true;
-        }
-      }
-    });
-
-    if (this.grid && groupItem && groupItem.searchGroupData) {
-      this.grid.setGroupParams(groupItem.searchGroupData);
-      await this.grid.load({ isInitialLoad: true });
-    }
-  }
-}