@ibiz-template/runtime 0.0.1-alpha.9 → 0.0.1-beta.17

package/src/controller/view/edit-view3.ts

@@ -0,0 +1,114 @@
+import { IBizContext } from '@ibiz-template/core';
+import { EditView3Model } from '@ibiz-template/model';
+import { createUUID, notNilEmpty } from 'qx-util';
+import { Srfuf } from '../../service';
+import { convertNavData } from '../../utils';
+import { EditView3Nerve } from '../neuron';
+import { EditViewController } from './edit-view';
+
+/**
+ * 编辑视图(分页关系)控制器
+ *
+ * @author chitanda
+ * @date 2022-08-01 21:08:31
+ * @export
+ * @class EditViewController
+ * @extends {ViewController}
+ */
+export class EditView3Controller extends EditViewController<EditView3Model> {
+  /**
+   * 是否是新建数据
+   *
+   * @author lxm
+   * @date 2022-08-31 22:08:44
+   * @type {boolean}
+   */
+  isNewData: boolean = true;
+
+  /**
+   * 关系界面绘制参数
+   *
+   * @author lxm
+   * @date 2022-09-26 14:09:11
+   */
+  drPages: {
+    [key: string]: {
+      context: IContext;
+      params: IParams;
+      key: string;
+    };
+  } = {};
+
+  declare nerve: EditView3Nerve;
+
+  protected createNerve(): EditView3Nerve {
+    return new EditView3Nerve(this);
+  }
+
+  protected async onInit(): Promise<void> {
+    await super.onInit();
+
+    // 初始化drPages
+    if (this.model.drTab?.pages.length) {
+      this.model.drTab.pages.forEach(page => {
+        this.drPages[page.source.name] = {
+          context: this.context,
+          params: this.params,
+          key: createUUID(),
+        };
+      });
+    }
+  }
+
+  async load(): Promise<IData> {
+    const data = await super.load();
+    this.isNewData = data.srfuf === Srfuf.CREATE;
+    this.calcViewParams(data);
+    return data;
+  }
+
+  /**
+   * 计算视图上下文和视图参数,并刷新视图
+   *
+   * @author lxm
+   * @date 2022-09-14 18:09:35
+   */
+  calcViewParams(data: IData): void {
+    const { pages } = this.model.drTab;
+    for (const page of pages) {
+      const { name } = page.source;
+      // 计算导航上下文
+      let newContext = new IBizContext({}, this.context);
+      const navContexts = page.source.getPSNavigateContexts();
+      if (notNilEmpty(navContexts)) {
+        newContext = Object.assign(
+          newContext,
+          convertNavData(navContexts!, this.context, this.params, data),
+        );
+      }
+
+      // 处理导航视图参数
+      const navParams = page.source.getPSNavigateParams();
+      let newParams = {};
+      if (notNilEmpty(navParams)) {
+        newParams = convertNavData(navParams!, this.params, this.context, data);
+      }
+
+      // 视图参数或上下文发生变化时，销毁重绘视图
+      if (
+        !this.nerve.drViews.has(name) ||
+        JSON.stringify(this.drPages[name].context) !==
+          JSON.stringify(newContext) ||
+        JSON.stringify(this.drPages[name].params) !== JSON.stringify(newParams)
+      ) {
+        this.drPages[name].context = newContext;
+        this.drPages[name].params = newParams;
+        this.drPages[name].key = createUUID();
+      } else {
+        // 不变的情况重新加载视图的数据
+        this.nerve.drViews.get(name)?.call.refresh();
+      }
+    }
+    this.force();
+  }
+}

package/src/controller/view/grid-view.ts

@@ -0,0 +1,75 @@
+import { GridViewModel } from '@ibiz-template/model';
+import { GridViewNerve } from '../neuron';
+import { MDViewController } from './md-view';
+
+/**
+ * 表格视图控制器
+ *
+ * @author chitanda
+ * @date 2022-08-01 18:08:54
+ * @export
+ * @class GridViewController
+ * @extends {MDViewController<GridViewModel>}
+ */
+export class GridViewController extends MDViewController<GridViewModel> {
+  declare nerve: GridViewNerve;
+
+  protected createNerve(): GridViewNerve {
+    return new GridViewNerve(this);
+  }
+
+  protected async onInit(): Promise<void> {
+    await super.onInit();
+    // 表格适配器
+    const { grid } = this.model;
+    if (grid) {
+      this.providers[grid.name] = await ibiz.register.control.get(grid);
+    }
+  }
+
+  /**
+   * 视图加载方法
+   *
+   * @author lxm
+   * @date 2022-08-30 19:08:59
+   * @returns {*}  {Promise<void>}
+   */
+  async load(): Promise<IData[]> {
+    const { grid } = this.nerve;
+    return grid.call.load();
+  }
+
+  /**
+   * 视图删除方法
+   *
+   * @author lxm
+   * @date 2022-08-30 19:08:59
+   * @returns {*}  {Promise<void>}
+   */
+  async remove(): Promise<void> {
+    const { grid } = this.nerve;
+    await grid.call.remove();
+  }
+
+  /**
+   * 视图新建行方法
+   *
+   * @author lxm
+   * @date 2022-08-30 19:08:59
+   * @returns {*}  {Promise<void>}
+   */
+  async newRow(): Promise<void> {
+    const { grid } = this.nerve;
+    await grid.call.newRow();
+  }
+
+  async importData(): Promise<void> {
+    const { grid } = this.nerve;
+    await grid.call.importData();
+  }
+
+  async exportData(event: MouseEvent): Promise<void> {
+    const { grid } = this.nerve;
+    await grid.call.exportData(event);
+  }
+}

package/src/controller/view/index-view.ts

@@ -0,0 +1,30 @@
+import { IndexViewModel } from '@ibiz-template/model';
+import { ViewController } from './view';
+
+/**
+ * 首页视图
+ *
+ * @author chitanda
+ * @date 2022-07-23 14:07:32
+ * @export
+ * @class IndexViewController
+ * @extends {ViewController}
+ */
+export class IndexViewController extends ViewController<IndexViewModel> {
+  /**
+   * 菜单收缩变化
+   *
+   * @type {boolean}
+   * @memberof IndexViewController
+   */
+  public collapseChange: boolean = false;
+
+  protected async onInit(): Promise<void> {
+    await super.onInit();
+    // 应用菜单适配器
+    const { appMenu } = this.model;
+    if (appMenu) {
+      this.providers[appMenu.name] = await ibiz.register.control.get(appMenu);
+    }
+  }
+}

package/src/controller/view/index.ts

@@ -0,0 +1,18 @@
+// 导出视图控制器
+export { ViewController } from './view';
+export { IndexViewController } from './index-view';
+export { EditViewController } from './edit-view';
+export { OptViewController } from './opt-view';
+export { EditView3Controller } from './edit-view3';
+export { MDViewController } from './md-view';
+export { GridViewController } from './grid-view';
+export { PickupGridViewController } from './pickup-grid-view';
+export { PickupViewController } from './pickup-view';
+export { MPickupViewController } from './mpickup-view';
+export * from './wf-edit-view';
+export * from './wf-dyna-edit-view';
+export * from './wf-dyna-edit-view3';
+export * from './wf-dyna-start-view';
+export * from './wf-dyna-action-view';
+export * from './wf-step-trace-view';
+export { AppPortalViewController } from './app-portal-view';

package/src/controller/view/md-view.ts

@@ -0,0 +1,251 @@
+import { MDViewModel } from '@ibiz-template/model';
+import { ViewMode } from '../../constant';
+import { MDViewNerve } from '../neuron';
+import { ViewController } from './view';
+
+/**
+ * 多数据视图控制器
+ *
+ * @author chitanda
+ * @date 2022-08-01 18:08:17
+ * @export
+ * @class MDViewController
+ * @extends {ViewController<T>}
+ * @template T
+ */
+export class MDViewController<
+  T extends MDViewModel = MDViewModel,
+> extends ViewController<T> {
+  /**
+   * 是否显示搜索表单
+   *
+   * @author lxm
+   * @date 2022-08-28 20:08:10
+   * @type {boolean}
+   */
+  showSearchForm: boolean = false;
+
+  /**
+   * 快速搜索字符串
+   *
+   * @author lxm
+   * @date 2022-08-31 11:08:45
+   * @type {string}
+   */
+  query: string = '';
+
+  /**
+   * 选中的数据
+   *
+   * @author lxm
+   * @date 2022-08-28 18:08:34
+   * @type {IData[]}
+   */
+  selectedData: IData[] = [];
+
+  declare nerve: MDViewNerve;
+
+  protected createNerve(): MDViewNerve {
+    return new MDViewNerve(this);
+  }
+
+  protected async onInit(): Promise<void> {
+    await super.onInit();
+    // 搜索表单默认展开与否
+    this.showSearchForm = this.model.source.expandSearchForm;
+    this.nerve.self.evt.on('mounted', () => {
+      if (this.modal.mode !== ViewMode.EMBED && this.model.source.loadDefault) {
+        this.load();
+      }
+    });
+    // 搜索表单适配器
+    const { searchForm } = this.model;
+    if (searchForm) {
+      this.providers[searchForm.name] = await ibiz.register.control.get(
+        searchForm,
+      );
+    }
+  }
+
+  /**
+   * 获取数据部件选中的数据集合
+   *
+   * @author lxm
+   * @date 2022-08-28 18:08:59
+   * @returns {*}
+   */
+  getData() {
+    return this.selectedData;
+  }
+
+  /**
+   * 加载方法（子类实现）
+   *
+   * @author lxm
+   * @date 2022-08-31 11:08:10
+   */
+  async load(): Promise<IData[]> {
+    // 具体部件调用各自的数据部件加载
+    return [];
+  }
+
+  async refresh(): Promise<void> {
+    const data = await this.load();
+    this.nerve.self.evt.asyncEmit('refreshed', data);
+  }
+
+  /**
+   * 打开编辑数据视图
+   *
+   * @author lxm
+   * @date 2022-09-01 18:09:19
+   * @param {IData} data
+   * @param {MouseEvent} [event]
+   * @returns {*}
+   */
+  async openData(data: IData, event?: MouseEvent): Promise<void> {
+    const openAppViewLogic = this.model.source.findPSAppViewLogic('opendata');
+    if (openAppViewLogic) {
+      await this.executeViewLogic(openAppViewLogic, [data], event);
+    }
+  }
+
+  /**
+   * 打开新建数据视图
+   *
+   * @author lxm
+   * @date 2022-09-01 18:09:19
+   * @param {IData} data
+   * @param {MouseEvent} [event]
+   * @returns {*}
+   */
+  async newData(event?: MouseEvent): Promise<void> {
+    const openAppViewLogic = this.model.source.findPSAppViewLogic('newdata');
+    if (openAppViewLogic) {
+      await this.executeViewLogic(openAppViewLogic, [{}], event);
+    }
+  }
+
+  /**
+   * 切换搜索表单的显示
+   *
+   * @author lxm
+   * @date 2022-09-23 16:09:52
+   */
+  toggleFilter(): void {
+    this.showSearchForm = !this.showSearchForm;
+  }
+
+  /**
+   * 数据导入
+   *
+   * @author lxm
+   * @date 2022-11-08 15:11:54
+   * @returns {*}  {Promise<void>}
+   */
+  async importData(): Promise<void> {
+    // 子类调用对应数据部件的能力
+  }
+
+  /**
+   * 数据导出
+   *
+   * @author lxm
+   * @date 2022-11-08 15:11:54
+   * @returns {*}  {Promise<void>}
+   */
+  async exportData(_event: MouseEvent): Promise<void> {
+    // 子类调用对应数据部件的能力
+  }
+
+  /**
+   * 处理搜索部件的搜索事件
+   *
+   * @author lxm
+   * @date 2022-08-31 14:08:45
+   */
+  async onSearch(): Promise<void> {
+    await this.load();
+  }
+
+  /**
+   * 处理选中数据变更
+   *
+   * @author lxm
+   * @date 2022-08-28 18:08:50
+   * @param {IData[]} data 选中的数据集合
+   */
+  onSelectionChange(data: IData[]) {
+    this.selectedData = data;
+    if (this.toolbarState) {
+      this.toolbarState.update(data[0]?.getOrigin());
+    }
+  }
+
+  /**
+   * 处理单条数据激活
+   *
+   * @author lxm
+   * @date 2022-08-21 18:08:52
+   * @param {IData} data
+   */
+  onDataActive(data: IData, event?: MouseEvent) {
+    return this.openData(data, event);
+  }
+
+  /**
+   * 处理多数据部件的beforeLoad事件
+   *
+   * @author lxm
+   * @date 2022-08-31 11:08:29
+   * @returns {*}  {IParams}
+   */
+  onBeforeLoad(): IParams {
+    const params: IParams = { query: this.query };
+    // 有搜索表单的整合相关参数
+    if (this.nerve.searchForm) {
+      const addParams = this.nerve.searchForm.call.getParams();
+      Object.assign(params, addParams);
+    }
+    return params;
+  }
+
+  /**
+   * 处理保存之后事件
+   *
+   * @author lxm
+   * @date 2022-11-15 18:11:26
+   * @param {IData[]} data 保存的数据
+   * @param {boolean} isCreate 是否是创建
+   * @param {string} controlName 部件名称
+   * @returns {*}  {Promise<void>}
+   */
+  async onAfterSave(
+    data: IData[],
+    isCreate: boolean,
+    controlName: string,
+  ): Promise<void> {
+    this.nerve.self.evt.asyncEmit('viewDataChange', {
+      type: isCreate ? 'CREATE' : 'UPDATE',
+      data,
+      control: controlName,
+    });
+  }
+
+  /**
+   * 处理删除结束之后事件
+   *
+   * @author lxm
+   * @date 2022-11-15 18:11:07
+   * @param {IData[]} data 删除的数据
+   * @param {string} controlName 部件名称
+   * @returns {*}  {Promise<void>}
+   */
+  async onAfterRemove(data: IData[], controlName: string): Promise<void> {
+    this.nerve.self.evt.asyncEmit('viewDataChange', {
+      type: 'REMOVE',
+      data,
+      control: controlName,
+    });
+  }
+}

package/src/controller/view/mpickup-view.ts

@@ -0,0 +1,121 @@
+import { MPickupViewModel } from '@ibiz-template/model';
+import { MPickupViewNerve } from '../neuron';
+import { PickupViewController } from './pickup-view';
+
+/**
+ * 多项数据选择视图控制器
+ *
+ * @author lxm
+ * @date 2022-09-08 16:09:49
+ * @export
+ * @class MPickupViewController
+ * @extends {ViewController}
+ */
+export class MPickupViewController extends PickupViewController<MPickupViewModel> {
+  declare nerve: MPickupViewNerve;
+
+  protected createNerve(): MPickupViewNerve {
+    return new MPickupViewNerve(this);
+  }
+
+  /**
+   * 嵌入选择类视图选中的数据集合
+   *
+   * @author lxm
+   * @date 2022-09-12 16:09:57
+   * @type {IData[]}
+   */
+  embedSelection: IData[] = [];
+
+  /**
+   * 多项数据选择视图最终选中的数据集合
+   *
+   * @author lxm
+   * @date 2022-09-12 16:09:57
+   * @type {IData[]}
+   */
+  selfSelection: IData[] = [];
+
+  /**
+   * 视图面板数据变更事件处理
+   *
+   * @author lxm
+   * @date 2022-09-12 01:09:06
+   * @param {IData[]} data
+   */
+  onSelectionChange(data: IData[]) {
+    this.embedSelection = data;
+  }
+
+  /**
+   * 选中所有数据
+   *
+   * @author lxm
+   * @date 2022-09-12 19:09:22
+   */
+  async selectAll() {
+    const allSelections = await this.nerve.viewPanel.call.selectAll();
+    if (allSelections.length > 0) {
+      this.addSelections(allSelections);
+    }
+  }
+
+  /**
+   * 添加新的选中项
+   *
+   * @author lxm
+   * @date 2022-09-12 19:09:27
+   * @param {IData[]} data
+   */
+  addSelections(data: IData[]) {
+    if (data.length > 0) {
+      // 去重，过滤已经选中的数据
+      const addData = data.filter(item => {
+        return !this.selfSelection.find(
+          selection => selection.srfkey === item.srfkey,
+        );
+      });
+      this.selfSelection.push(...addData);
+    }
+  }
+
+  /**
+   * 删除已选中项
+   *
+   * @author lxm
+   * @date 2022-09-12 19:09:19
+   * @param {IData[]} data
+   */
+  removeSelections(data: IData[]) {
+    if (data.length > 0) {
+      data.forEach(item => {
+        const findIndex = this.selfSelection.findIndex(selection => {
+          return selection.srfkey === item.srfkey;
+        });
+        if (findIndex !== -1) {
+          this.selfSelection.splice(findIndex, 1);
+        }
+      });
+    }
+  }
+
+  /**
+   * 确认按钮回调
+   *
+   * @author lxm
+   * @date 2022-09-12 20:09:13
+   */
+  onOkButtonClick() {
+    this.closeView({ ok: true, data: this.selfSelection });
+  }
+
+  /**
+   * 取消按钮回调
+   *
+   * @author lxm
+   * @date 2022-09-12 20:09:00
+   */
+  onCancelButtonClick() {
+    this.closeView({ ok: false, data: [] });
+  }
+}

package/src/controller/view/opt-view.ts

@@ -0,0 +1,43 @@
+import { OptViewModel } from '@ibiz-template/model';
+import { OptViewNerve } from '../neuron';
+import { EditViewController } from '.';
+
+/**
+ * 选项操作视图控制器
+ *
+ * @author chitanda
+ * @date 2022-08-01 21:08:31
+ * @export
+ * @class EditViewController
+ * @extends {ViewController}
+ */
+export class OptViewController extends EditViewController<OptViewModel> {
+  declare nerve: OptViewNerve;
+
+  protected createNerve(): OptViewNerve {
+    return new OptViewNerve(this);
+  }
+
+  /**
+   * 处理确认按钮点击事件
+   *
+   * @author lxm
+   * @date 2022-09-16 11:09:35
+   * @returns {*}  {Promise<void>}
+   */
+  async onOkButtonClick(): Promise<void> {
+    const data = await this.save();
+    return this.closeView({ ok: true, data: [data] });
+  }
+
+  /**
+   * 处理取消按钮点击事件
+   *
+   * @author lxm
+   * @date 2022-09-16 11:09:21
+   * @returns {*}  {Promise<void>}
+   */
+  onCancelButtonClick(): Promise<void> {
+    return this.closeView();
+  }
+}

package/src/controller/view/pickup-grid-view.ts

@@ -0,0 +1,42 @@
+import { PickupGridViewNerve } from '../neuron';
+import { GridViewController } from './grid-view';
+
+/**
+ * 选择表格视图
+ *
+ * @author lxm
+ * @date 2022-09-08 16:09:49
+ * @export
+ * @class PickupGridViewController
+ * @extends {GridViewController}
+ */
+export class PickupGridViewController extends GridViewController {
+  declare nerve: PickupGridViewNerve;
+
+  protected createNerve(): PickupGridViewNerve {
+    return new PickupGridViewNerve(this);
+  }
+
+  /**
+   * 处理选中数据变更
+   *
+   * @author lxm
+   * @date 2022-08-28 18:08:50
+   * @param {IData[]} data 选中的数据集合
+   */
+  onSelectionChange(data: IData[]) {
+    super.onSelectionChange(data);
+    this.nerve.self.evt.asyncEmit('selectionChange', this.selectedData);
+  }
+
+  /**
+   * 选中所有数据并返回
+   *
+   * @author lxm
+   * @date 2022-09-12 19:09:12
+   * @returns {*}  {Promise<IData[]>}
+   */
+  async selectAll(): Promise<IData[]> {
+    return this.nerve.grid.call.selectAll();
+  }
+}