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

package/src/controller/control/kanban/kanban.controller.ts

@@ -1,611 +0,0 @@
-import { RuntimeError, RuntimeModelError } from '@ibiz-template/core';
-import { IDEKanban, IUIActionGroupDetail } from '@ibiz/model-core';
-import { isNil } from 'ramda';
-import {
-  IController,
-  IDragChangeInfo,
-  IKanbanController,
-  IKanbanEvent,
-  IKanbanGroupState,
-  IKanbanState,
-  IToolbarController,
-  MDCtrlLoadParams,
-} from '../../../interface';
-import { calcDeCodeNameById } from '../../../model';
-import { ControlVO } from '../../../service';
-import { DataViewControlController } from '../data-view';
-import { KanbanService } from './kanban.service';
-import { UIActionUtil } from '../../../ui-action';
-
-export class KanbanController
-  extends DataViewControlController<IDEKanban, IKanbanState, IKanbanEvent>
-  implements IKanbanController
-{
-  /**
-   * 数据视图（卡片）部件服务
-   *
-   * @type {KanbanService}
-   * @memberof KanbanController
-   */
-  declare service: KanbanService;
-
-  /**
-   * 允许调整顺序
-   * @author lxm
-   * @date 2023-09-11 04:02:39
-   * @readonly
-   * @type {boolean}
-   */
-  get enableEditOrder(): boolean {
-    return this.model.enableCardEditOrder === true;
-  }
-
-  /**
-   * 是否支持调整分组。
-   * @author lxm
-   * @date 2023-09-11 04:04:00
-   * @readonly
-   * @type {boolean}
-   */
-  get enableEditGroup(): boolean {
-    return this.model.enableCardEditGroup === true;
-  }
-
-  protected async initControlService(): Promise<void> {
-    this.service = new KanbanService(this.model);
-    await this.service.init(this.context);
-  }
-
-  protected initState(): void {
-    super.initState();
-    this.state.size = this.model.pagingSize || 1000;
-    this.state.updating = false;
-    this.state.batching = false;
-    this.state.selectGroupKey = '';
-    // 支持调整顺序和分组时
-    this.state.draggable = this.enableEditOrder || this.enableEditGroup;
-  }
-
-  /**
-   * 初始化
-   *
-   * @protected
-   * @return {*}  {Promise<void>}
-   * @memberof KanbanController
-   */
-  protected async onCreated(): Promise<void> {
-    await super.onCreated();
-    this.setToolbarHooks();
-  }
-
-  /**
-   * 本地排序items
-   * @author lxm
-   * @date 2023-09-04 09:30:55
-   * @param {IData[]} items
-   */
-  sortItems(items: IData[]): void {
-    const sortField = this.model.minorSortAppDEFieldId!;
-    const { minorSortDir } = this.model!;
-    if (!sortField) {
-      throw new RuntimeModelError(this.model, '排序属性没配置');
-    }
-    if (!minorSortDir) {
-      throw new RuntimeModelError(this.model, '排序方向没配置');
-    }
-    const isAsc = minorSortDir === 'ASC';
-
-    // 格式化排序属性的值
-    items.forEach(item => {
-      const sortValue = item[sortField];
-      if (isNil(sortValue)) {
-        item[sortField] = 0;
-      } else {
-        const toNum = Number(sortValue);
-        if (Number.isNaN(toNum)) {
-          throw new RuntimeError(
-            `${item.srfmajortext}的排序属性无法转换成数值`,
-          );
-        }
-      }
-    });
-
-    // 排序
-    items.sort((a, b) =>
-      isAsc ? a[sortField] - b[sortField] : b[sortField] - a[sortField],
-    );
-  }
-
-  async afterLoad(args: MDCtrlLoadParams, items: IData[]): Promise<IData[]> {
-    // 每次加载回来先本地排序，把数据的排序属性规范一下
-    this.sortItems(this.state.items);
-    return super.afterLoad(args, items);
-  }
-
-  /**
-   * 当展开批操作工具栏时需进行行点击拦截
-   *
-   * @param {IData} data
-   * @return {*}  {Promise<void>}
-   * @memberof KanbanController
-   */
-  async onRowClick(data: IData): Promise<void> {
-    const { groupAppDEFieldId } = this.model;
-    if (this.state.batching && groupAppDEFieldId) {
-      const groupVal = data[groupAppDEFieldId];
-      if (groupVal !== this.state.selectGroupKey) {
-        // 激活事件
-        if (this.state.mdctrlActiveMode === 1) {
-          await this.setActive(data);
-        }
-        return;
-      }
-    }
-    super.onRowClick(data);
-  }
-
-  /**
-   * 点击新建时设置选中分组
-   *
-   * @param {MouseEvent} event
-   * @param {(string | number)} group
-   * @memberof KanbanController
-   */
-  onClickNew(event: MouseEvent, group: string | number): void {
-    this.setSelectGroup(group);
-    super.onClickNew(event, group);
-  }
-
-  /**
-   * 分组工具栏需设置选中分组
-   *
-   * @param {IUIActionGroupDetail} detail
-   * @param {MouseEvent} event
-   * @param {IKanbanGroupState} group
-   * @return {*}  {Promise<void>}
-   * @memberof KanbanController
-   */
-  async onGroupToolbarClick(
-    detail: IUIActionGroupDetail,
-    event: MouseEvent,
-    group: IKanbanGroupState,
-  ): Promise<void> {
-    this.setSelectGroup(group.key);
-    super.onGroupToolbarClick(detail, event, group);
-  }
-
-  /**
-   * 分组行为项点击，需携带分组标识
-   *
-   * @param {IUIActionGroupDetail} detail
-   * @param {IData} item
-   * @param {MouseEvent} event
-   * @param {IKanbanGroupState} group
-   * @return {*}  {Promise<void>}
-   * @memberof KanbanController
-   */
-  async onGroupActionClick(
-    detail: IUIActionGroupDetail,
-    item: IData,
-    event: MouseEvent,
-    group: IKanbanGroupState,
-  ): Promise<void> {
-    this.setSelectGroup(group.key);
-    const params = { ...this.params, srfgroup: group };
-    const actionId = detail.uiactionId;
-    await UIActionUtil.execAndResolved(
-      actionId!,
-      {
-        context: this.context,
-        params,
-        data: [item],
-        view: this.view,
-        event,
-      },
-      detail.appId,
-    );
-  }
-
-  handleDataGroup(): Promise<void> {
-    if (!this.model.enableGroup || this.model.groupMode === 'NONE') {
-      throw new RuntimeError('看板部件必须开启分组');
-    }
-    return super.handleDataGroup();
-  }
-
-  /**
-   * 处理自动分组
-   *
-   * @memberof KanbanController
-   */
-  handleAutoGroup(): void {
-    const { groupAppDEFieldId } = this.model;
-    if (groupAppDEFieldId) {
-      const { items } = this.state;
-      const groupMap: Map<string, IData[]> = new Map();
-      items.forEach((item: IData) => {
-        const groupVal = item[groupAppDEFieldId];
-        if (isNil(groupVal)) {
-          // 分组无值的不显示
-          return;
-        }
-
-        if (!groupMap.has(groupVal)) {
-          groupMap.set(groupVal, []);
-        }
-        groupMap.get(groupVal)!.push(item);
-      });
-      const groups: IKanbanGroupState[] = [];
-      groupMap.forEach((value: IData[], key: string) => {
-        // 标题
-        const codeListItem = this.groupCodeListItems!.find(
-          item => item.value === key,
-        )!;
-        groups.push({
-          caption: codeListItem.text,
-          color: codeListItem.color,
-          key: codeListItem.value,
-          children: [...value],
-        });
-      });
-      this.state.groups = groups;
-    }
-  }
-
-  /**
-   * 处理代码表分组
-   *
-   * @return {*}  {Promise<void>}
-   * @memberof KanbanController
-   */
-  async handleCodeListGroup(): Promise<void> {
-    const { groupAppDEFieldId, groupCodeListId } = this.model;
-    if (!groupCodeListId) {
-      throw new RuntimeModelError(this.model, '分组代码表没有配置');
-    }
-    const { items } = this.state;
-    const groupMap: Map<string | number, IData[]> = new Map();
-    this.groupCodeListItems!.forEach(item => {
-      groupMap.set(item.value, []);
-    });
-    items.forEach((item: IData) => {
-      const groupVal = item[groupAppDEFieldId!];
-      const groupArr = groupMap.get(groupVal);
-      if (groupArr) {
-        groupArr.push(item);
-      }
-      // 不在代码表里数据忽略
-    });
-
-    const groups: IKanbanGroupState[] = [];
-    groupMap.forEach((arr, key) => {
-      // 标题
-      const codeListItem = this.groupCodeListItems!.find(
-        item => item.value === key,
-      )!;
-      groups.push({
-        caption: codeListItem.text,
-        color: codeListItem.color,
-        key: codeListItem.value,
-        children: arr,
-      });
-    });
-    this.state.groups = groups;
-  }
-
-  /**
-   * 拖拽变更事件处理回调
-   * @author lxm
-   * @date 2023-09-11 04:12:58
-   * @param {IDragChangeInfo} info
-   * @return {*}  {Promise<void>}
-   */
-  async onDragChange(info: IDragChangeInfo): Promise<void> {
-    if (!this.enableEditGroup) {
-      if (info.from !== info.to) {
-        ibiz.message.warning('当前看板不允许调整分组！');
-        return;
-      }
-    }
-
-    const isAsc = this.model.minorSortDir === 'ASC';
-    const { from, to, fromIndex, toIndex } = info;
-    const groupField = this.model.groupAppDEFieldId!;
-    const sortField = this.model.minorSortAppDEFieldId!;
-    const modifiedItems: IData[] = [];
-    const fromGroup = this.state.groups.find(x => x.key === from)!;
-    const toGroup = this.state.groups.find(x => x.key === to)!;
-
-    if (!this.enableEditOrder) {
-      if (info.from === info.to) {
-        ibiz.message.warning('当前看板不允许调整次序');
-        return;
-      }
-
-      // 只修改分组不管排序
-      const draggedItem = fromGroup.children[fromIndex];
-      draggedItem[groupField] = info.to; // 变更分组
-      return this.updateChangedItems([draggedItem] as ControlVO[]);
-    }
-
-    /**
-     * 获取下一个100的倍数
-     * @author lxm
-     * @date 2023-09-11 10:03:46
-     * @param {number} num
-     * @return {*}  {number}
-     */
-    const getNextSort = (num: number): number => {
-      return num + (100 - (num % 100));
-    };
-
-    const originArr = [...toGroup.children];
-    const changedArr = [...toGroup.children];
-
-    // 计算出拖拽前和拖拽后的数组
-    const draggedItem = fromGroup.children[fromIndex];
-    if (info.from !== info.to) {
-      draggedItem[groupField] = info.to; // 变更分组
-      changedArr.splice(toIndex, 0, draggedItem);
-    } else {
-      changedArr.splice(fromIndex, 1);
-      changedArr.splice(toIndex, 0, draggedItem);
-    }
-
-    // 前台先改值
-    const removeItems = fromGroup.children.splice(fromIndex, 1);
-    toGroup.children.splice(toIndex, 0, ...removeItems);
-
-    // 降序把数组反转,保证两个数组都是从小到大排
-    if (!isAsc) {
-      originArr.reverse();
-      changedArr.reverse();
-    }
-
-    let lastSort: number;
-    let cacheArr: IData[] = []; // 缓存的不修改数组
-    let cacheLastSort: number; // 缓存不修改数组第一个元素上一个排序值
-    changedArr.forEach((item, index) => {
-      if (lastSort === undefined) {
-        // 第一次出现要调整顺序的，如果不是0用原来位置的排序值，否则使用100
-        if (item !== originArr[index]) {
-          if (!originArr[index]) {
-            // 从别的分组挪进来的且处于末尾时使用上一个元素的排序值的后一个100
-            lastSort =
-              index === 0 ? 100 : getNextSort(originArr[index - 1][sortField]);
-          } else {
-            lastSort = originArr[index][sortField] || 100; // 如果是0的时候给100否则用原来的
-          }
-          item[sortField] = lastSort;
-          modifiedItems.push(item);
-        }
-      } else {
-        // 如果当前排序值比上一个小，提升它的排序值
-        if (lastSort >= item[sortField]) {
-          if (cacheArr.length > 0) {
-            cacheArr.forEach(cache => {
-              cache[sortField] = getNextSort(cacheLastSort);
-              modifiedItems.push(cache);
-              cacheLastSort = cache[sortField];
-            });
-            lastSort = cacheLastSort;
-            cacheLastSort = 0;
-            cacheArr = [];
-          }
-          item[sortField] = getNextSort(lastSort);
-          modifiedItems.push(item);
-        } else {
-          if (cacheArr.length === 0) {
-            cacheLastSort = lastSort;
-          }
-          cacheArr.push(item);
-        }
-        lastSort = item[sortField];
-      }
-    });
-
-    this.updateChangedItems(modifiedItems as ControlVO[]);
-  }
-
-  /**
-   * 批量更新修改的项，并更新后台返回的数据，然后重新计算分组和排序
-   * @author lxm
-   * @date 2023-09-11 04:13:15
-   * @param {ControlVO[]} changedItems
-   * @return {*}  {Promise<void>}
-   */
-  async updateChangedItems(changedItems: ControlVO[]): Promise<void> {
-    try {
-      this.state.updating = true;
-      await Promise.all(
-        changedItems.map(async item => {
-          // 往上下文添加主键
-          const deName = calcDeCodeNameById(this.model.appDataEntityId!);
-          const tempContext = this.context.clone();
-          tempContext[deName] = item.srfkey;
-
-          // 调用接口修改数据
-          const res = await this.service.updateGroup(tempContext, item);
-
-          // 更新完之后更新state里的数据。
-          if (res.data) {
-            const index = this.state.items.findIndex(
-              x => x.srfkey === item.srfkey,
-            );
-            this.state.items.splice(index, 1, res.data);
-          }
-        }),
-      );
-    } finally {
-      this.state.updating = false;
-      await this.afterLoad({}, this.state.items);
-    }
-  }
-
-  /**
-   * 获取是否全屏
-   *
-   * @return {*}  {boolean}
-   * @memberof KanbanController
-   */
-  getFullscreen(): boolean {
-    const value =
-      (document as IData).isFullScreen ||
-      (document as IData).mozIsFullScreen ||
-      (document as IData).webkitIsFullScreen;
-    return value;
-  }
-
-  /**
-   * 触发全屏
-   *
-   * @param {IData} container
-   * @memberof KanbanController
-   */
-  onFullScreen(container: IData): boolean {
-    const isFull = this.getFullscreen();
-    if (!isFull) {
-      if (container) {
-        if (container.webkitRequestFullscreen) {
-          container.webkitRequestFullscreen();
-        } else if (container.mozRequestFullScreen) {
-          container.mozRequestFullScreen();
-        } else if (container.msRequestFullscreen) {
-          container.msRequestFullscreen();
-        } else if (container.requestFullscreen) {
-          container.requestFullscreen();
-        }
-      }
-    } else if ((document as IData).documentElement.requestFullScreen) {
-      (document as IData).exitFullScreen();
-    } else if ((document as IData).documentElement.webkitRequestFullScreen) {
-      (document as IData).webkitCancelFullScreen();
-    } else if ((document as IData).documentElement.mozRequestFullScreen) {
-      (document as IData).mozCancelFullScreen();
-    }
-    return !isFull;
-  }
-
-  /**
-   * 设置选中分组标识
-   *
-   * @param {(string | number)} key
-   * @memberof KanbanController
-   */
-  setSelectGroup(key: string | number): void {
-    if (!this.state.batching) {
-      this.state.selectGroupKey = key;
-    }
-  }
-
-  /**
-   * 设置分组控制器
-   *
-   * @param {string} groupKey
-   * @param {('quickToolbarController' | 'batchToolbarController')} name
-   * @param {IToolbarController} c
-   * @memberof KanbanController
-   */
-  setGroupController(
-    groupKey: string | number,
-    name: 'quickToolbarController' | 'batchToolbarController',
-    c: IToolbarController,
-  ): void {
-    const group = this.state.groups.find(x => x.key === groupKey);
-    if (group) {
-      group[name] = c;
-    }
-  }
-
-  /**
-   * 设置工具栏hook
-   *
-   * @memberof KanbanController
-   */
-  setToolbarHooks(): void {
-    this.listenNewController((name: string, c: IController) => {
-      if (
-        name.startsWith(`${this.model.name}_quicktoolbar`) ||
-        name.startsWith(`${this.model.name}_groupquicktoolbar`)
-      ) {
-        this.setQuickToolbarClickHook(name, c as IToolbarController);
-      }
-      if (name.startsWith(`${this.model.name}_batchtoolbar`)) {
-        this.setBatchToolbarClickHook(name, c as IToolbarController);
-      }
-    });
-  }
-
-  /**
-   * 设置快捷工具栏点击事件hook
-   *
-   * @param {string} name
-   * @param {IToolbarController} c
-   * @memberof KanbanController
-   */
-  setQuickToolbarClickHook(name: string, c: IToolbarController): void {
-    const key = name.split('quicktoolbar_')[1];
-    this.setGroupController(
-      key,
-      'quickToolbarController',
-      c as IToolbarController,
-    );
-    (c as IToolbarController).evt.on('onClick', (event): void => {
-      const groupKey = event.targetName.split('quicktoolbar_')[1];
-      this.setSelectGroup(groupKey);
-      Object.assign(event.params, { srfgroup: groupKey });
-    });
-  }
-
-  /**
-   * 设置批工具栏点击事件hook
-   *
-   * @param {string} name
-   * @param {IToolbarController} c
-   * @memberof KanbanController
-   */
-  setBatchToolbarClickHook(name: string, c: IToolbarController): void {
-    const key = name.split('batchtoolbar_')[1];
-    this.setGroupController(
-      key,
-      'batchToolbarController',
-      c as IToolbarController,
-    );
-    (c as IToolbarController).evt.on('onClick', (event): void => {
-      const groupKey = event.targetName.split('batchtoolbar_')[1];
-      this.setSelectGroup(groupKey);
-      Object.assign(event.params, { srfgroup: groupKey });
-    });
-  }
-
-  /**
-   * 打开批操作工具栏
-   *
-   * @param {string | number} groupKey
-   * @memberof KanbanController
-   */
-  openBatch(groupKey: string | number): void {
-    this.state.selectGroupKey = groupKey;
-    this.state.batching = true;
-    this.state.selectedData = [];
-    // 清空分组选中数据
-    this.state.groups.forEach(group => {
-      group.selectedData = [];
-    });
-  }
-
-  /**
-   * 关闭批操作工具栏
-   *
-   * @memberof KanbanController
-   */
-  closeBatch(): void {
-    this.state.selectGroupKey = '';
-    this.state.batching = false;
-    this.state.selectedData = [];
-    // 清空分组选中数据
-    this.state.groups.forEach(group => {
-      group.selectedData = [];
-    });
-  }
-}

package/src/controller/control/kanban/kanban.service.ts

@@ -1,33 +0,0 @@
-import { IHttpResponse } from '@ibiz-template/core';
-import { IDEKanban } from '@ibiz/model-core';
-import { ControlVO } from '../../../service';
-import { DataViewControlService } from '../data-view';
-
-/**
- * 看板（kanban）部件服务
- *
- * @export
- * @class DataViewControlService
- * @extends {MDControlService<IDEDataView>}
- */
-export class KanbanService extends DataViewControlService<IDEKanban> {
-  /**
-   * 更新分组数据
-   *
-   * @author lxm
-   * @date 2022-09-07 19:09:11
-   * @param {IContext} context 上下文
-   * @param {ControlVO} data 数据
-   * @returns {*}
-   */
-  async updateGroup(
-    context: IContext,
-    data: ControlVO,
-  ): Promise<IHttpResponse<ControlVO>> {
-    const updateAction =
-      this.model.updateGroupControlAction?.appDEMethodId || 'update';
-    let res = await this.exec(updateAction, context, data.getOrigin());
-    res = this.handleResponse(res);
-    return res as IHttpResponse<ControlVO>;
-  }
-}

package/src/controller/control/list/index.ts

@@ -1,2 +0,0 @@
-export * from './list.controller';
-export * from './list.service';