@ibiz-template/runtime 0.1.11 → 0.1.12

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

@@ -0,0 +1,136 @@
+import { mergeDefaultInLeft } from '@ibiz-template/core';
+import { IDESearchForm } from '@ibiz/model-core';
+import {
+  ISearchFormController,
+  ISearchFormEvent,
+  ISearchFormState,
+} from '../../../../interface';
+import { FormNotifyState } from '../../../constant';
+import { FormController } from '../form/form.controller';
+import { SearchFormService } from './search-form.service';
+
+/**
+ * 搜索表单控制器
+ *
+ * @author lxm
+ * @date 2023-05-15 09:33:27
+ * @export
+ * @class SearchFormController
+ * @extends {FormController<IDESearchForm>}
+ * @implements {ISearchFormController}
+ */
+export class SearchFormController
+  extends FormController<IDESearchForm, ISearchFormState, ISearchFormEvent>
+  implements ISearchFormController
+{
+  /**
+   * 搜索表单部件服务
+   *
+   * @author lxm
+   * @date 2022-08-19 13:08:51
+   * @type {EntityService}
+   */
+  service!: SearchFormService;
+
+  protected async onCreated(): Promise<void> {
+    await super.onCreated();
+    // 实例部件服务
+    this.service = new SearchFormService(this.model);
+    await this.service.init(this.context);
+    // 先加载数据，加载完后才会mounted
+    await this.load();
+  }
+
+  /**
+   * 加载草稿
+   *
+   * @author lxm
+   * @date 2022-09-22 17:09:04
+   * @returns {*}  {Promise<IData>}
+   */
+  async load(): Promise<IData> {
+    const queryParams = { ...this.params };
+
+    // 新建默认值给到graft接口，接口会回来
+    const params = await this.getDraftParams();
+    Object.assign(queryParams, params);
+    await this.evt.emit('onBeforeLoadDraft', { params: queryParams });
+    const res = await this.service.getDraft(this.context, queryParams);
+    this.state.data = res.data;
+    mergeDefaultInLeft(this.data, params);
+    this.state.isLoaded = true;
+    this.formStateNotify(FormNotifyState.DRAFT);
+    return this.data;
+  }
+
+  /**
+   * 获取搜索表单的视图过滤参数
+   *
+   * @author lxm
+   * @date 2022-09-22 17:09:21
+   * @returns {*}  {IParams}
+   */
+  getParams(): IParams {
+    return { ...this.data.getOrigin() };
+  }
+
+  /**
+   * 执行搜索行为
+   * @author lxm
+   * @date 2023-03-26 02:27:23
+   * @return {*}  {Promise<void>}
+   */
+  async search(): Promise<void> {
+    await this.evt.emit('onSearch', undefined);
+  }
+
+  /**
+   * 搜索表单按钮回调
+   *
+   * @author lxm
+   * @date 2022-09-22 19:09:07
+   */
+  async onSearchButtonClick(): Promise<void> {
+    await this.search();
+  }
+
+  /**
+   * 重置搜索表单
+   *
+   * @author lxm
+   * @date 2022-09-22 19:09:07
+   */
+  async reset(): Promise<void> {
+    await this.load();
+    await this.search();
+  }
+
+  /**
+   * 通知所有表单成员表单操作过程中的数据变更
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:40
+   * @param {string[]} names
+   */
+  async dataChangeNotify(names: string[]): Promise<void> {
+    await super.dataChangeNotify(names);
+    if (this.model.enableAutoSearch) {
+      this.search();
+    }
+  }
+
+  /**
+   * 监听回车事件
+   * @param {IData} event
+   * @return {*}
+   * @author: zhujiamin
+   * @date 2022-09-27 16:48:47
+   */
+  async onKeyUp(event: KeyboardEvent): Promise<void> {
+    const e = event || window.event;
+    //  回车触发搜索
+    if (e && e.code === 'Enter') {
+      await this.onSearchButtonClick();
+    }
+  }
+}

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

@@ -0,0 +1,73 @@
+import { IHttpResponse, recursiveIterate } from '@ibiz-template/core';
+import { IDESearchForm, IDEFormDetail } from '@ibiz/model-core';
+import { ControlService, ControlVO, UIMapField } from '../../../../service';
+
+/**
+ * 搜索表单服务
+ *
+ * @author lxm
+ * @date 2022-09-22 17:09:06
+ * @export
+ * @class SearchFormService
+ * @extends {ControlService<T>}
+ * @template T
+ */
+export class SearchFormService<
+  T extends IDESearchForm = IDESearchForm,
+> extends ControlService<T> {
+  /**
+   * 执行获取草稿方法
+   *
+   * @author lxm
+   * @date 2022-08-31 17:08:41
+   * @param {IParams} context 上下文
+   * @param {IParams} [params={}] 视图参数
+   * @returns {*}  {Promise<IHttpResponse>}
+   */
+  async getDraft(
+    _context: IParams,
+    params: IParams = {},
+  ): Promise<IHttpResponse<ControlVO>> {
+    let res = { ok: true, status: 200, data: { ...params } } as IHttpResponse;
+    res = this.handleResponse(res);
+    return res as IHttpResponse<ControlVO>;
+  }
+
+  /**
+   * 初始化属性映射
+   *
+   * @author lxm
+   * @date 2022-08-31 18:08:37
+   */
+  protected initUIDataMap(): void {
+    // 搜索表单没有属性，配了的表单项就映射到后台请求上
+    recursiveIterate(
+      this.model,
+      (item: IDEFormDetail) => {
+        if (item.detailType === 'FORMITEM') {
+          const uiKey = item.id!.toLowerCase();
+          this.dataUIMap.set(uiKey, new UIMapField(uiKey, uiKey));
+        }
+      },
+      {
+        childrenFields: ['deformPages', 'deformDetails'],
+      },
+    );
+  }
+
+  /**
+   * 处理响应
+   *
+   * @author lxm
+   * @date 2022-08-31 17:08:13
+   * @param {IHttpResponse} res
+   * @returns {*}  {IHttpResponse}
+   */
+  handleResponse(response: IHttpResponse): IHttpResponse<ControlVO> {
+    const res = super.handleResponse(response);
+    if (res.ok && res.data) {
+      res.data = this.toUIData(res.data);
+    }
+    return res as IHttpResponse<ControlVO>;
+  }
+}

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

@@ -0,0 +1,173 @@
+import { IDEGridColumn, IDEGridDataItem } from '@ibiz/model-core';
+import { ScriptFactory } from '../../../../utils';
+import { GridRowState } from './grid-row.state';
+import { GridController } from './grid.controller';
+
+/**
+ * 表格列控制器
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2022-09-01 18:25:20
+ */
+export class GridColumnController<T extends IDEGridColumn = IDEGridColumn> {
+  /**
+   * 表格列模型对象
+   *
+   * @author lxm
+   * @date 2022-09-05 19:09:07
+   * @type {T}
+   */
+  readonly model: T;
+
+  /**
+   * 表单控制器
+   *
+   * @author lxm
+   * @date 2022-08-24 22:08:59
+   * @type {GridController}
+   */
+  readonly grid: GridController;
+
+  /**
+   * 是否是自适应列
+   * @author lxm
+   * @date 2023-07-07 11:20:16
+   * @type {boolean}
+   */
+  isAdaptiveColumn: boolean = false;
+
+  /**
+   * 是否是脚本代码
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-08-15 10:51:25
+   */
+  isCustomCode: boolean = false;
+
+  /**
+   * 上下文
+   *
+   * @author lxm
+   * @date 2022-09-05 19:09:24
+   * @readonly
+   * @type {IContext}
+   */
+  get context(): IContext {
+    return this.grid.context;
+  }
+
+  /**
+   * 视图参数
+   *
+   * @author lxm
+   * @date 2022-09-05 19:09:00
+   * @readonly
+   * @type {IParams}
+   */
+  get params(): IParams {
+    return this.grid.params;
+  }
+
+  /**
+   * 该列是否启用行编辑
+   *
+   * @author lxm
+   * @date 2022-09-06 11:09:58
+   * @readonly
+   */
+  get enableRowEdit(): boolean {
+    return !!(this.grid.model.enableRowEdit && this.model.enableRowEdit);
+  }
+
+  /**
+   * 该列对应数据项
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-08-15 10:48:22
+   */
+  get deGridDataItem(): IDEGridDataItem | undefined {
+    return this.grid.model.degridDataItems?.find(item => {
+      return item.id === this.model.id;
+    });
+  }
+
+  /**
+   * 值格式化
+   * @author lxm
+   * @date 2023-08-25 05:03:07
+   * @readonly
+   * @type {(string | undefined)}
+   */
+  get valueFormat(): string | undefined {
+    return this.deGridDataItem?.format;
+  }
+
+  /**
+   * 数据类型（数值）
+   * @author lxm
+   * @date 2023-08-25 05:03:07
+   * @readonly
+   * @type {(string | undefined)}
+   */
+  get dataType(): number | undefined {
+    return this.deGridDataItem?.dataType;
+  }
+
+  /**
+   * Creates an instance of GridFieldColumnController.
+   * @author lxm
+   * @date 2022-08-24 20:08:22
+   * @param {T} model
+   */
+  constructor(model: T, grid: GridController) {
+    this.model = model;
+    this.grid = grid;
+    this.isAdaptiveColumn = model.widthUnit === 'STAR';
+    if (this.isAdaptiveColumn) {
+      this.grid.hasAdaptiveColumn = true;
+    }
+    if (this.deGridDataItem?.customCode) {
+      this.isCustomCode = true;
+    }
+  }
+
+  /**
+   * 子类不可覆盖或重写此方法，在 init 时需要重写的使用 onInit 方法。
+   *
+   * @author lxm
+   * @date 2022-08-18 22:08:30
+   * @returns {*}  {Promise<void>}
+   */
+  async init(): Promise<void> {
+    await this.onInit();
+  }
+
+  /**
+   * 初始化方法
+   *
+   * @author lxm
+   * @date 2022-09-28 15:09:15
+   * @protected
+   * @returns {*}  {Promise<void>}
+   */
+  protected async onInit(): Promise<void> {
+    // 初始化操作
+  }
+
+  /**
+   * 解析获取脚本代码html
+   * @param {GridRowState} row
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-08-15 11:29:58
+   */
+  getCustomHtml(row: GridRowState): string | undefined {
+    if (this.deGridDataItem?.scriptCode) {
+      return ScriptFactory.execScriptFn(
+        { data: row.data },
+        this.deGridDataItem.scriptCode,
+        { singleRowReturn: true, isAsync: false },
+      ) as string;
+    }
+  }
+}

package/src/controller/control/grid/grid/grid-row.state.ts

@@ -0,0 +1,102 @@
+import { IGridRowState, IButtonContainerState } from '../../../../interface';
+import { ControlVO } from '../../../../service';
+import { GridController } from './grid.controller';
+
+/**
+ * 表格行数据状态管理控制器
+ *
+ * @author lxm
+ * @date 2022-09-05 19:09:02
+ * @export
+ * @class GridRowState
+ */
+export class GridRowState implements IGridRowState {
+  data: ControlVO;
+
+  /**
+   * 错误信息集合，p是对应属性名称
+   *
+   * @author lxm
+   * @date 2022-09-06 15:09:54
+   * @type {({ [p: string]: string | null })}
+   */
+  errors: { [p: string]: string | null } = {};
+
+  /**
+   * 操作列状态(p是操作列的标识)
+   *
+   * @author lxm
+   * @date 2022-09-07 22:09:38
+   * @type {({ [p: string]: IButtonContainerState })}
+   */
+  uaColStates: { [p: string]: IButtonContainerState } = {};
+
+  /**
+   * 编辑列的状态
+   *
+   * @author lxm
+   * @date 2022-09-20 15:09:58
+   * @type {({ [p: string]: { disabled: boolean } })}
+   */
+  editColStates: {
+    [p: string]: {
+      disabled: boolean;
+      readonly: boolean;
+      editable: boolean;
+      required: boolean;
+    };
+  } = {};
+
+  /**
+   * 是否显示行编辑
+   *
+   * @author lxm
+   * @date 2022-09-05 22:09:23
+   * @type {boolean}
+   */
+  showRowEdit: boolean = false;
+
+  /**
+   * 是否被修改过
+   *
+   * @author lxm
+   * @date 2022-11-02 22:11:33
+   * @type {boolean}
+   */
+  modified: boolean = false;
+
+  /**
+   * 是否正在处理中(动态控制，值规则，表单项更新等逻辑中)
+   * @author lxm
+   * @date 2023-03-06 08:00:22
+   * @type {boolean}
+   * @memberof GridRowState
+   */
+  processing: boolean = false;
+
+  constructor(data: ControlVO, grid: GridController) {
+    this.data = data;
+
+    // vue监控没有空值没法自动响应式更新
+    Object.keys(this.data).forEach(key => {
+      if (this.errors[key] === undefined) {
+        this.errors[key] = null;
+      }
+    });
+
+    // 初始化操作列状态
+    Object.values(grid.uaColumns).forEach(column => {
+      column.initActionStates(this);
+    });
+
+    // 初始化编辑项状态
+    Object.values(grid.editColumns).forEach(editColumn => {
+      this.editColStates[editColumn.fieldName] = {
+        disabled: false,
+        readonly: false,
+        editable: ibiz.config.grid.editShowMode === 'all',
+        required: false,
+      };
+    });
+  }
+}