@ibiz-template/runtime 0.0.3-beta.1 → 0.0.3-beta.3

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

@@ -12,6 +12,7 @@ import { MDController } from '../md';
 import { GridNerve } from '../../neuron';
 import { GridNotifyState } from '../../constant';
 import { IGridColumnProvider } from '../../interface';
+import { GridState } from '../../state';
 
 /**
  * 表格控制器
@@ -23,6 +24,8 @@ import { IGridColumnProvider } from '../../interface';
  * @extends {MDController<GridModel>}
  */
 export class GridController extends MDController<GridModel> {
+  state = new GridState();
+
   declare nerve: GridNerve;
 
   /**
@@ -82,6 +85,7 @@ export class GridController extends MDController<GridModel> {
   /**
    * 表格行控制器
    *
+   * @deprecated
    * @author lxm
    * @date 2022-09-05 19:09:12
    * @type {GridRowController[]}
@@ -89,14 +93,12 @@ export class GridController extends MDController<GridModel> {
   rows: GridRowController[] = [];
 
   /**
-   * 表格行数据默认激活模式
-   * - 0 不激活
-   * - 1 单击激活
-   * - 2 双击激活(默认)
+   * 是否有配置宽度自适应列
    *
-   * @type {(number | 0 | 1 | 2)}
+   * @type {boolean}
+   * @memberof GridController
    */
-  gridRowActiveMode: number | 0 | 1 | 2 = 2;
+  hasWidthFlexGrow: boolean = false;
 
   /**
    * 是否默认禁用排序
@@ -132,10 +134,13 @@ export class GridController extends MDController<GridModel> {
    */
   protected async onInit(): Promise<void> {
     await super.onInit();
-    this.size = this.model.size;
-    this.singleSelect = this.model.source.singleSelect;
+    this.state.size = this.model.size;
+    this.state.singleSelect = this.model.source.singleSelect;
     this.service = new GridService(this.model);
     await this.service.init(this.context);
+    this.hasWidthFlexGrow = !!this.model.columns.find(
+      column => column.widthFlexGrow,
+    );
     await this.initGridColumns();
 
     // !数据变更通知防抖，且合并参数,如果有同出触发不同行的值变更则该方法需要重写
@@ -166,7 +171,8 @@ export class GridController extends MDController<GridModel> {
    * @date 2022-08-19 14:08:50
    */
   async afterLoad(items: ControlVO[]): Promise<ControlVO[]> {
-    // 通知表格属性列,加载代码表
+    await super.afterLoad(items);
+    // 每次表格刷新时通知表格属性列,加载代码表,避免动态代码表更新不及时
     await Promise.allSettled(
       Object.values(this.fieldColumns).map(async fieldColumn => {
         await fieldColumn.loadCodeList();
@@ -174,7 +180,7 @@ export class GridController extends MDController<GridModel> {
     );
 
     // 生成表格row对象
-    this.rows = items.map(item => {
+    this.state.rows = items.map(item => {
       const row = new GridRowController(item, this);
       this.gridStateNotify(row, GridNotifyState.LOAD);
       return row;
@@ -191,10 +197,12 @@ export class GridController extends MDController<GridModel> {
    */
   afterRemove(data: IData): void {
     super.afterRemove(data);
-    // 删除this.rows里的表格行数据
-    const index = this.rows.findIndex(item => item.data.srfkey === data.srfkey);
-    this.rows[index].destroy();
-    this.rows.splice(index, 1);
+    // 删除this.state.rows里的表格行数据
+    const index = this.state.rows.findIndex(
+      item => item.data.srfkey === data.srfkey,
+    );
+    this.state.rows[index].destroy();
+    this.state.rows.splice(index, 1);
   }
 
   /**
@@ -206,9 +214,9 @@ export class GridController extends MDController<GridModel> {
   async newRow() {
     const res = await this.service.getDraft(this.context, this.params);
     // 加载完后续处理
-    this.items.unshift(res.data);
+    this.state.items.unshift(res.data);
     const newRow = new GridRowController(res.data, this);
-    this.rows.unshift(newRow);
+    this.state.rows.unshift(newRow);
     this.gridStateNotify(newRow, GridNotifyState.DRAFT);
   }
 
@@ -221,7 +229,7 @@ export class GridController extends MDController<GridModel> {
    * @returns {*}  {Promise<void>}
    */
   async save(data: ControlVO): Promise<void> {
-    const rowController = this.rows.find(
+    const rowController = this.state.rows.find(
       item => item.data.srfkey === data.srfkey,
     );
     if (!rowController) {
@@ -252,8 +260,10 @@ export class GridController extends MDController<GridModel> {
       await this.endLoading();
     }
     // 后续处理
-    const index = this.items.findIndex(item => item.srfkey === data.srfkey);
-    this.items.splice(index, 1, res.data);
+    const index = this.state.items.findIndex(
+      item => item.srfkey === data.srfkey,
+    );
+    this.state.items.splice(index, 1, res.data);
     rowController.data = res.data;
     rowController.modified = false;
     ibiz.message.success(`${res.data.srfmajortext || ''}保存成功`);
@@ -269,7 +279,7 @@ export class GridController extends MDController<GridModel> {
    * @param {ControlVO} data 选中的单条数据
    */
   async onRowClick(data: ControlVO): Promise<void> {
-    if (this.gridRowActiveMode === 1) {
+    if (this.mdCtrlActiveMode === 1) {
       await this.nerve.self.evt.asyncEmit('dataActive', data);
     }
   }
@@ -282,23 +292,11 @@ export class GridController extends MDController<GridModel> {
    * @param {ControlVO} data 选中的单条数据
    */
   async onDbRowClick(data: ControlVO): Promise<void> {
-    if (this.gridRowActiveMode === 2) {
+    if (this.mdCtrlActiveMode === 2) {
       await this.nerve.self.evt.asyncEmit('dataActive', data);
     }
   }
 
-  /**
-   * 设置表格行数据默认激活模式
-   *
-   * @author lxm
-   * @date 2022-08-21 18:08:35
-   * @param {(0 | 1 | 2)} mode 0 不激活 1 单击激活 2 双击激活（默认）
-   *
-   */
-  setGridRowActiveMode(mode?: number | 0 | 1 | 2): void {
-    this.gridRowActiveMode = mode === undefined ? 2 : mode;
-  }
-
   /**
    * 初始化表格属性列，操作列，编辑项控制器
    *

package/src/controller/control/index.ts

@@ -10,4 +10,8 @@ export { TreeController } from './tree';
 export { ViewPanelController } from './view-panel';
 export { PickupViewPanelController } from './pickup-view-panel';
 export * from './portlet';
+export * from './panel';
 export { DashboardController } from './dashboard';
+export { DataViewController } from './dataview';
+export { WizardPanelController } from './wizard-panel';
+export { KanbanController } from './kanban';

package/src/controller/control/kanban.ts

@@ -0,0 +1,364 @@
+import { IPSUIActionGroupDetail, KanbanModel } from '@ibiz-template/model';
+import { RuntimeError } from '@ibiz-template/core';
+import { clone } from 'ramda';
+import { KanbanNerve } from '../neuron';
+import { KanbanState } from '../state';
+import { CodeListItem, ControlVO, KanbanService, Srfuf } from '../../service';
+import { MDController, MDItemController } from './md';
+import { IControlProvider } from '../interface';
+import { executeViewLogic } from '../../view-logic';
+
+/**
+ * 看板控制器
+ *
+ * @author chitanda
+ * @date 2022-08-01 18:08:13
+ * @export
+ * @class KanbanController
+ * @extends {MDController<KanbanModel>}
+ */
+export class KanbanController extends MDController<KanbanModel> {
+  state = new KanbanState();
+
+  declare nerve: KanbanNerve;
+
+  protected createNerve(): KanbanNerve {
+    return new KanbanNerve(this);
+  }
+
+  /**
+   * 卡片部件服务
+   *
+   */
+  declare service: KanbanService;
+
+  /**
+   * 是否默认禁用排序
+   *
+   */
+  get noSort(): boolean {
+    return this.model.source.noSort;
+  }
+
+  /**
+   * 排序查询条件
+   *
+   */
+  sortQuery?: string;
+
+  /**
+   * 面板部件适配器
+   *
+   * @type {IControlProvider}
+   */
+  layoutPanelProvider?: IControlProvider;
+
+  /**
+   * 加载的数据是否附加在items之后
+   *
+   * @type {boolean}
+   */
+  isAddBehind: boolean = false;
+
+  protected async onInit(): Promise<void> {
+    super.onInit();
+    this.state.size = this.model.size;
+    this.state.singleSelect = this.model.source.singleSelect;
+    this.service = new KanbanService(this.model);
+    await this.service.init(this.context);
+
+    // 绑定排序参数，beforeLoad事件
+    this.nerve.self.evt.on('beforeLoad', () => {
+      return this.sortQuery ? { sort: this.sortQuery } : {};
+    });
+
+    // 设置默认排序
+    const { defaultSortField, defaultSortDir } = this.model;
+    if (defaultSortField && defaultSortDir) {
+      this.setSort(defaultSortField, defaultSortDir);
+    }
+
+    // 初始化面板适配器
+    if (this.model.layoutPanel) {
+      this.layoutPanelProvider = await ibiz.register.control.get(
+        this.model.layoutPanel,
+      );
+    }
+  }
+
+  /**
+   * 设置排序
+   *
+   * @author lxm
+   * @date 2022-09-28 13:09:44
+   * @param {string} key 排序字段
+   * @param {string} order 排序顺序
+   */
+  setSort(key: string, order: 'asc' | 'desc') {
+    this.sortQuery = `${key},${order}`;
+  }
+
+  /**
+   * 加载更多数据
+   *
+   */
+  async loadMore(e: MouseEvent) {
+    e.stopPropagation();
+    if (this.state.total > this.state.items.length) {
+      this.state.curPage += 1;
+      this.isAddBehind = true;
+      this.load();
+    }
+  }
+
+  /**
+   * 部件加载数据行为
+   *
+   */
+  async load(): Promise<IData[]> {
+    const items = await super.load();
+    this.isAddBehind = false;
+    return items;
+  }
+
+  /**
+   * 部件加载后处理
+   *
+   */
+  async afterLoad(items: ControlVO[]): Promise<ControlVO[]> {
+    // 决定传入父的afterLoad是否为附加items后的数组
+    let resItems: ControlVO[] = [];
+    if (this.isAddBehind) {
+      this.state.items.push(...items);
+      resItems = this.state.items;
+    } else {
+      resItems = items;
+    }
+    await super.afterLoad(resItems);
+    // 处理分组
+    if (this.model.enableGroup) {
+      await this.handleGroup(this.state.items);
+    }
+    // 生成多数据rows对象
+    this.state.rows = this.state.items.map(item => {
+      const row = new MDItemController(item, this);
+      return row;
+    });
+    return this.state.items;
+  }
+
+  /**
+   * 分组方法
+   *
+   */
+  async handleGroup(items: ControlVO[]) {
+    if (Object.is(this.model.groupMode, 'AUTO')) {
+      await this.drawGroup(items);
+    } else if (Object.is(this.model.groupMode, 'CODELIST')) {
+      await this.drawCodeListGroup(items);
+    }
+    // 默认全部展开的
+    if (this.state.groupData.length > 0) {
+      this.state.groupData.forEach(group => {
+        group.folding = false;
+      });
+    }
+  }
+
+  /**
+   * 处理自动分组
+   *
+   */
+  public async drawGroup(items: ControlVO[]) {
+    if (!this.model.groupAppField) {
+      ibiz.log.warn('未配置分组属性');
+      return;
+    }
+    const data = [...items];
+    let groups: string[] = [];
+    data.forEach((item: ControlVO) => {
+      if (
+        Object.prototype.hasOwnProperty.call(item, this.model.groupAppField!)
+      ) {
+        groups.push(item[this.model.groupAppField!]);
+      }
+    });
+    groups = [...new Set(groups)];
+    if (groups.length === 0) {
+      ibiz.log.warn('分组数据无效');
+    }
+    const groupTree: IData[] = [];
+    groups.forEach((group: string) => {
+      const children: ControlVO[] = [];
+      data.forEach((item: ControlVO) => {
+        if (Object.is(group, item[this.model.groupAppField!])) {
+          children.push(item);
+        }
+      });
+      group = group || '其他';
+      const tree = {
+        group,
+        children,
+      };
+      groupTree.push(tree);
+    });
+    this.state.groupData = groupTree;
+  }
+
+  /**
+   * 处理分组代码表
+   *
+   */
+  async drawCodeListGroup(items: ControlVO[]) {
+    if (!this.model.groupAppField) {
+      ibiz.log.warn('未配置分组属性');
+      return;
+    }
+    let groups: CodeListItem[] = [];
+    const data = [...items];
+
+    if (this.model.groupCodeList) {
+      const dataItems = await this.app.codeList.get(
+        this.model.groupCodeList.codeName,
+        this.context,
+        this.params,
+      );
+      groups = clone(dataItems) as CodeListItem[];
+    }
+    if (groups.length === 0) {
+      ibiz.log.warn('分组数据无效');
+    }
+    const groupTree: IData[] = [];
+    groups.forEach((group: CodeListItem) => {
+      const children: ControlVO[] = [];
+      data.forEach((item: ControlVO) => {
+        if (Object.is(group.value, item[this.model.groupAppField!])) {
+          children.push(item);
+        }
+      });
+      const tree = {
+        group: group.text,
+        codeListItem: group,
+        children,
+      };
+      groupTree.push(tree);
+    });
+    // 其他
+    const otherChildren: ControlVO[] = [];
+    data.forEach((item: ControlVO) => {
+      const i = groups.findIndex((_group: CodeListItem) =>
+        Object.is(_group.value, item[this.model.groupAppField!]),
+      );
+      if (i < 0) {
+        otherChildren.push(item);
+      }
+    });
+    const otherTree = {
+      group: '其他',
+      children: otherChildren,
+    };
+    if (otherChildren && otherChildren.length > 0) {
+      groupTree.push(otherTree);
+    }
+    this.state.groupData = groupTree;
+  }
+
+  /**
+   * 后台删除结束后界面删除逻辑
+   *
+   */
+  afterRemove(data: IData): void {
+    super.afterRemove(data);
+    // 删除this.state.rows里的表格行数据
+    const index = this.state.rows.findIndex(
+      item => item.data.srfkey === data.srfkey,
+    );
+    this.state.rows[index].destroy();
+    this.state.rows.splice(index, 1);
+  }
+
+  /**
+   * 保存
+   *
+   */
+  async save(data: ControlVO): Promise<void> {
+    const rowController = this.state.rows.find(
+      item => item.data.srfkey === data.srfkey,
+    );
+    if (!rowController) {
+      throw new RuntimeError('行数据不存在');
+    }
+    await this.startLoading();
+    let res;
+    const isCreate = data.srfuf === Srfuf.CREATE;
+    try {
+      res = isCreate
+        ? await this.service.create(
+            { [this.model.appEntity.deName]: data.srfkey, ...this.context },
+            data,
+          )
+        : await this.service.update(
+            { [this.model.appEntity.deName]: data.srfkey, ...this.context },
+            data,
+          );
+    } finally {
+      await this.endLoading();
+    }
+    // 后续处理
+    const index = this.state.items.findIndex(
+      item => item.srfkey === data.srfkey,
+    );
+    this.state.items.splice(index, 1, res.data);
+    rowController.data = res.data;
+    ibiz.message.success(`${res.data.srfmajortext || ''}保存成功`);
+    await this.nerve.self.evt.asyncEmit('afterSave', [res.data], isCreate);
+  }
+
+  /**
+   * 单击事件
+   * @param {ControlVO} item
+   * @return {*}
+   * @author: zhujiamin
+   */
+  async handleClick(item: ControlVO) {
+    if (this.mdCtrlActiveMode === 1) {
+      await this.nerve.self.evt.asyncEmit('dataActive', item);
+    }
+  }
+
+  /**
+   * 双击事件
+   * @param {ControlVO} item
+   * @return {*}
+   * @author: zhujiamin
+   */
+  async handleDblClick(item: ControlVO) {
+    if (this.mdCtrlActiveMode === 2) {
+      await this.nerve.self.evt.asyncEmit('dataActive', item);
+    }
+  }
+
+  /**
+   * 界面行为
+   *
+   * @param {*} detail 界面行为
+   * @param {*} event 事件源
+   * @param {*} group 看板分组
+   */
+  async onActionClick(
+    detail: IPSUIActionGroupDetail,
+    event: MouseEvent,
+    group: IData,
+  ) {
+    const data =
+      this.state.selectedData.length > 0 &&
+      group.children.includes(this.state.selectedData[0])
+        ? [this.state.selectedData[0]]
+        : [];
+    const appViewLogic = this.model.findAppViewLogic(detail.name);
+    await executeViewLogic(appViewLogic, this.context, data, this.params, {
+      event,
+      neuron: this.nerve.self,
+    });
+  }
+}