@ibiz-template/runtime 0.4.14 → 0.4.16

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

@@ -1,18 +1,21 @@
 import { RuntimeError, RuntimeModelError } from '@ibiz-template/core';
-import { IDEKanban } from '@ibiz/model-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>
@@ -57,6 +60,8 @@ export class KanbanController
     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;
   }
@@ -70,6 +75,7 @@ export class KanbanController
    */
   protected async onCreated(): Promise<void> {
     await super.onCreated();
+    this.setToolbarHooks();
   }
 
   /**
@@ -116,6 +122,90 @@ export class KanbanController
     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('看板部件必须开启分组');
@@ -351,4 +441,171 @@ export class KanbanController
       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} groupKey
+   * @memberof KanbanController
+   */
+  openBatch(groupKey: string): 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/hub/config/app-config-service.ts

@@ -3,6 +3,7 @@ import { AppViewConfigService } from './app-view-config-service';
 
 /**
  * 应用设置服务
+ *
  * @author lxm
  * @date 2023-07-03 07:07:47
  * @export

package/src/hub/config/app-view-config-service.ts

@@ -1,6 +1,15 @@
 import { RuntimeError } from '@ibiz-template/core';
 import { IAppViewConfigService, IViewConfig } from '../../interface';
 
+/**
+ * 应用视图配置服务
+ *
+ * @author chitanda
+ * @date 2023-12-21 16:12:06
+ * @export
+ * @class AppViewConfigService
+ * @implements {IAppViewConfigService}
+ */
 export class AppViewConfigService implements IAppViewConfigService {
   /**
    * 视图配置信息集合
@@ -9,23 +18,47 @@ export class AppViewConfigService implements IAppViewConfigService {
    */
   protected viewConfigs = new Map<string, IViewConfig>();
 
+  /**
+   * 计算应用视图 标识
+   *
+   * @author chitanda
+   * @date 2023-04-20 18:04:48
+   * @protected
+   * @param {string} tag
+   * @return {*}  {string}
+   */
+  protected calcAppViewId(tag: string): string {
+    let id = '';
+    if (tag.indexOf('.') !== -1) {
+      const ids = tag.split('.');
+      id = ids[ids.length - 1];
+    } else {
+      id = tag.toLowerCase();
+    }
+    return id;
+  }
+
   has(key: string): boolean {
-    return this.viewConfigs.has(key);
+    const id = this.calcAppViewId(key);
+    return this.viewConfigs.has(id);
   }
 
-  set(id: string, viewConfig: IViewConfig): void {
+  set(key: string, viewConfig: IViewConfig): void {
+    const id = this.calcAppViewId(key);
     this.viewConfigs.set(id, viewConfig);
   }
 
   async get(key: string): Promise<IViewConfig> {
+    const id = this.calcAppViewId(key);
     // 没有的时候请求视图模型并设置
-    if (!this.viewConfigs.has(key)) {
-      const model = await ibiz.hub.getAppView(key);
+    if (!this.viewConfigs.has(id)) {
+      const model = await ibiz.hub.getAppView(id);
       if (!model) {
-        throw new RuntimeError(`视图[${key}]不存在`);
+        throw new RuntimeError(`视图[${id}]不存在`);
       }
       this.set(model.id!, {
         id: model.id!,
+        appId: model.appId!,
         codeName: model.codeName!,
         openMode: model.openMode!,
         viewType: model.viewType!,
@@ -35,7 +68,7 @@ export class AppViewConfigService implements IAppViewConfigService {
         redirectView: model.redirectView,
       });
     }
-    return this.viewConfigs.get(key)!;
+    return this.viewConfigs.get(id)!;
   }
 
   getSync(key: string): IViewConfig | null {

package/src/interface/common/i-app-view-config-service/i-app-view-config-service.ts

@@ -10,6 +10,14 @@ export interface IViewConfig {
    * 唯一标识
    */
   id: string;
+  /**
+   * 应用视图所归属的应用 id
+   *
+   * @author chitanda
+   * @date 2023-12-21 16:12:11
+   * @type {string}
+   */
+  appId: string;
   /**
    * 代码标识
    */

package/src/interface/controller/controller/control/i-kanban.controller.ts

@@ -11,4 +11,34 @@ import { IDataViewControlController } from './i-data-view-control.controller';
  * @extends {IMDControlController<IDEDataView, IDataViewControlState, IDataViewControlEvent>}
  */
 export interface IKanbanController
-  extends IDataViewControlController<IDEKanban, IKanbanState, IKanbanEvent> {}
+  extends IDataViewControlController<IDEKanban, IKanbanState, IKanbanEvent> {
+  /**
+   * 是否全屏
+   *
+   * @return {*}  {boolean}
+   * @memberof IKanbanController
+   */
+  getFullscreen(): boolean;
+  /**
+   * 全屏
+   *
+   * @param {IData} container
+   * @memberof IKanbanController
+   */
+  onFullScreen(container: IData): boolean;
+
+  /**
+   * 打开对应分组批操作工具栏
+   *
+   * @param {string | number} groupKey
+   * @memberof IKanbanController
+   */
+  openBatch(groupKey: string | number): void;
+
+  /**
+   * 关闭批操作工具栏
+   *
+   * @memberof IKanbanController
+   */
+  closeBatch(): void;
+}

package/src/interface/controller/state/control/i-gantt.state.ts

@@ -47,6 +47,32 @@ export interface IGanttState extends IMDControlState {
    * @type {string}
    */
   placeHolder: string;
+
+  /**
+   * 甘特图样式
+   *
+   * @type {IGanttStyle}
+   * @memberof IGanttState
+   */
+  ganttStyle: IGanttStyle;
+}
+
+export interface IGanttStyle {
+  /**
+   * 主题色
+   *
+   * @type {string}
+   * @memberof IGanttStyle
+   */
+  primaryColor?: string;
+
+  /**
+   * 文本色
+   *
+   * @type {string}
+   * @memberof IGanttStyle
+   */
+  textColor?: string;
 }
 
 /**

package/src/interface/controller/state/control/i-kanban.state.ts

@@ -1,3 +1,4 @@
+import { IToolbarController } from '../../controller';
 import { IDataViewControlState } from './i-data-view-control.state';
 import { IMDControlGroupState } from './i-md-control.state';
 
@@ -25,6 +26,14 @@ export interface IKanbanState extends IDataViewControlState {
    */
   updating: boolean;
 
+  /**
+   * 是否正在批操作
+   *
+   * @type {boolean}
+   * @memberof IKanbanState
+   */
+  batching: boolean;
+
   /**
    * 分组数据
    *
@@ -32,6 +41,14 @@ export interface IKanbanState extends IDataViewControlState {
    * @memberof IKanbanState
    */
   groups: IKanbanGroupState[];
+
+  /**
+   * 选中分组标识
+   *
+   * @type {string | number}
+   * @memberof IKanbanState
+   */
+  selectGroupKey: string | number;
 }
 
 /**
@@ -49,4 +66,20 @@ export interface IKanbanGroupState extends IMDControlGroupState {
    * @memberof IKanbanGroupState
    */
   color?: string;
+
+  /**
+   * 快速工具栏控制器
+   *
+   * @type {IToolbarController}
+   * @memberof IKanbanGroupState
+   */
+  quickToolbarController?: IToolbarController;
+
+  /**
+   * 批操作工具栏控制器
+   *
+   * @type {IToolbarController}
+   * @memberof IKanbanGroupState
+   */
+  batchToolbarController?: IToolbarController;
 }

package/src/interface/provider/i-grid-column.provider.ts

@@ -1,6 +1,10 @@
 import { IDEGridColumn } from '@ibiz/model-core';
-import { GanttController, TreeGridExController } from '../../controller';
-import { IGridColumnController, IGridController } from '../controller';
+import {
+  IGanttController,
+  IGridColumnController,
+  IGridController,
+  ITreeGridExController,
+} from '../controller';
 
 /**
  * 表格列适配器的接口
@@ -32,7 +36,7 @@ export interface IGridColumnProvider {
    */
   createController(
     columnModel: IDEGridColumn,
-    grid: IGridController | TreeGridExController | GanttController,
+    grid: IGridController | ITreeGridExController | IGanttController,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
   ): Promise<IGridColumnController>;
 }

package/src/service/service/control/md-control.service.ts

@@ -122,6 +122,30 @@ export class MDControlService<
     return res as IHttpResponse<ControlVO>;
   }
 
+  /**
+   * 批量更新数据
+   *
+   * @author chitanda
+   * @date 2023-12-21 10:12:09
+   * @param {IContext} context
+   * @param {ControlVO[]} data
+   * @return {*}  {Promise<void>}
+   */
+  async updateBatch(
+    context: IContext,
+    data: ControlVO[],
+  ): Promise<IHttpResponse<ControlVO[]>> {
+    const updateAction =
+      this.model.updateControlAction?.appDEMethodId || 'update';
+    let res = await this.exec(
+      updateAction,
+      context,
+      data.map(item => item.getOrigin()),
+    );
+    res = this.handleResponse(res);
+    return res as IHttpResponse<ControlVO[]>;
+  }
+
   /**
    * 导出数据
    *