@ibiz-template/runtime 0.4.14 → 0.4.15

package/out/interface/controller/state/control/i-gantt.state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i-gantt.state.d.ts","sourceRoot":"","sources":["../../../../../src/interface/controller/state/control/i-gantt.state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C;;;;;;;;GAQG;AACH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,KAAK,EAAE,cAAc,EAAE,CAAC;IAExB;;;;;OAKG;IACH,YAAY,EAAE,YAAY,EAAE,CAAC;IAE7B;;;;;OAKG;IACH,SAAS,EAAE,cAAc,EAAE,CAAC;IAE5B;;;;;;OAMG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;;;OAMG;IACH,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD;;;;;;OAMG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;;;;;OAMG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAE3B;;;;;;OAMG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;;;;;OAMG;IACH,iBAAiB,EAAE,MAAM,GAAG,MAAM,CAAC;IAEnC;;;;;;OAMG;IACH,mBAAmB,EAAE,MAAM,GAAG,MAAM,CAAC;IAErC;;;;;;OAMG;IACH,kBAAkB,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IAExC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB"}
+{"version":3,"file":"i-gantt.state.d.ts","sourceRoot":"","sources":["../../../../../src/interface/controller/state/control/i-gantt.state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C;;;;;;;;GAQG;AACH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,KAAK,EAAE,cAAc,EAAE,CAAC;IAExB;;;;;OAKG;IACH,YAAY,EAAE,YAAY,EAAE,CAAC;IAE7B;;;;;OAKG;IACH,SAAS,EAAE,cAAc,EAAE,CAAC;IAE5B;;;;;;OAMG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;;;OAMG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;;;OAKG;IACH,UAAU,EAAE,WAAW,CAAC;CACzB;AAED,MAAM,WAAW,WAAW;IAC1B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD;;;;;;OAMG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;;;;;OAMG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAE3B;;;;;;OAMG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;;;;;OAMG;IACH,iBAAiB,EAAE,MAAM,GAAG,MAAM,CAAC;IAEnC;;;;;;OAMG;IACH,mBAAmB,EAAE,MAAM,GAAG,MAAM,CAAC;IAErC;;;;;;OAMG;IACH,kBAAkB,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IAExC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB"}

package/out/interface/controller/state/control/i-kanban.state.d.ts

@@ -1,3 +1,4 @@
+import { IToolbarController } from '../../controller';
 import { IDataViewControlState } from './i-data-view-control.state';
 import { IMDControlGroupState } from './i-md-control.state';
 /**
@@ -22,6 +23,13 @@ export interface IKanbanState extends IDataViewControlState {
      * @type {boolean}
      */
     updating: boolean;
+    /**
+     * 是否正在批操作
+     *
+     * @type {boolean}
+     * @memberof IKanbanState
+     */
+    batching: boolean;
     /**
      * 分组数据
      *
@@ -29,6 +37,13 @@ export interface IKanbanState extends IDataViewControlState {
      * @memberof IKanbanState
      */
     groups: IKanbanGroupState[];
+    /**
+     * 选中分组标识
+     *
+     * @type {string | number}
+     * @memberof IKanbanState
+     */
+    selectGroupKey: string | number;
 }
 /**
  * 看板部件分组数据
@@ -45,5 +60,19 @@ export interface IKanbanGroupState extends IMDControlGroupState {
      * @memberof IKanbanGroupState
      */
     color?: string;
+    /**
+     * 快速工具栏控制器
+     *
+     * @type {IToolbarController}
+     * @memberof IKanbanGroupState
+     */
+    quickToolbarController?: IToolbarController;
+    /**
+     * 批操作工具栏控制器
+     *
+     * @type {IToolbarController}
+     * @memberof IKanbanGroupState
+     */
+    batchToolbarController?: IToolbarController;
 }
 //# sourceMappingURL=i-kanban.state.d.ts.map

package/out/interface/controller/state/control/i-kanban.state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i-kanban.state.d.ts","sourceRoot":"","sources":["../../../../../src/interface/controller/state/control/i-kanban.state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,WAAW,YAAa,SAAQ,qBAAqB;IACzD;;;;;OAKG;IACH,SAAS,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,MAAM,EAAE,iBAAiB,EAAE,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB;IAC7D;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"i-kanban.state.d.ts","sourceRoot":"","sources":["../../../../../src/interface/controller/state/control/i-kanban.state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,WAAW,YAAa,SAAQ,qBAAqB;IACzD;;;;;OAKG;IACH,SAAS,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAE5B;;;;;OAKG;IACH,cAAc,EAAE,MAAM,GAAG,MAAM,CAAC;CACjC;AAED;;;;;;GAMG;AACH,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB;IAC7D;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,kBAAkB,CAAC;IAE5C;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,kBAAkB,CAAC;CAC7C"}

package/out/interface/provider/i-grid-column.provider.d.ts

@@ -1,6 +1,5 @@
 import { IDEGridColumn } from '@ibiz/model-core';
-import { GanttController, TreeGridExController } from '../../controller';
-import { IGridColumnController, IGridController } from '../controller';
+import { IGanttController, IGridColumnController, IGridController, ITreeGridExController } from '../controller';
 /**
  * 表格列适配器的接口
  *
@@ -27,6 +26,6 @@ export interface IGridColumnProvider {
      * @param {GridController} grid 表格控制器
      * @returns {*}  {Promise<GridColumnController>}
      */
-    createController(columnModel: IDEGridColumn, grid: IGridController | TreeGridExController | GanttController): Promise<IGridColumnController>;
+    createController(columnModel: IDEGridColumn, grid: IGridController | ITreeGridExController | IGanttController): Promise<IGridColumnController>;
 }
 //# sourceMappingURL=i-grid-column.provider.d.ts.map

package/out/interface/provider/i-grid-column.provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i-grid-column.provider.d.ts","sourceRoot":"","sources":["../../../src/interface/provider/i-grid-column.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEvE;;;;;;;GAOG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;;;;OAMG;IAEH,SAAS,EAAE,GAAG,CAAC;IAEf;;;;;;;;OAQG;IACH,gBAAgB,CACd,WAAW,EAAE,aAAa,EAC1B,IAAI,EAAE,eAAe,GAAG,oBAAoB,GAAG,eAAe,GAE7D,OAAO,CAAC,qBAAqB,CAAC,CAAC;CACnC"}
+{"version":3,"file":"i-grid-column.provider.d.ts","sourceRoot":"","sources":["../../../src/interface/provider/i-grid-column.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,eAAe,EACf,qBAAqB,EACtB,MAAM,eAAe,CAAC;AAEvB;;;;;;;GAOG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;;;;OAMG;IAEH,SAAS,EAAE,GAAG,CAAC;IAEf;;;;;;;;OAQG;IACH,gBAAgB,CACd,WAAW,EAAE,aAAa,EAC1B,IAAI,EAAE,eAAe,GAAG,qBAAqB,GAAG,gBAAgB,GAE/D,OAAO,CAAC,qBAAqB,CAAC,CAAC;CACnC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/runtime",
-  "version": "0.4.14",
+  "version": "0.4.15",
   "description": "控制器包",
   "type": "module",
   "main": "out/index.js",
@@ -30,7 +30,7 @@
   "license": "MIT",
   "devDependencies": {
     "@ibiz-template/core": "^0.4.12",
-    "@ibiz/model-core": "^0.0.27",
+    "@ibiz/model-core": "^0.0.28",
     "@types/path-browserify": "^1.0.2",
     "@types/qs": "^6.9.10",
     "@types/systemjs": "^6.13.5",
@@ -47,7 +47,7 @@
   },
   "peerDependencies": {
     "@ibiz-template/core": "^0.4.0",
-    "@ibiz/model-core": "^0.0.27",
+    "@ibiz/model-core": "^0.0.28",
     "async-validator": "^4.2.5",
     "dayjs": "^1.11.7",
     "echarts": "^5.4.3",
@@ -59,5 +59,5 @@
     "qx-util": "^0.4.8",
     "ramda": "^0.29.0"
   },
-  "gitHead": "91452a20d49f1b3368ad0867afe9e1b1cdf3ec0d"
+  "gitHead": "6d9696266fe07f6a154cf6959914b640a1e7c4e8"
 }

package/src/controller/control/gantt/gantt.controller.ts

@@ -1,4 +1,6 @@
 /* eslint-disable no-param-reassign */
+/* eslint-disable no-prototype-builtins */
+/* eslint-disable @typescript-eslint/no-unused-vars */
 import { recursiveIterate } from '@ibiz-template/core';
 import { IDEGantt, IDETreeColumn, IDETreeNode } from '@ibiz/model-core';
 import {
@@ -6,6 +8,7 @@ import {
   IGanttEvent,
   IGanttNodeData,
   IGanttState,
+  IGanttStyle,
   IGridColumnProvider,
   MDCtrlLoadParams,
 } from '../../../interface';
@@ -99,8 +102,18 @@ export class GanttController
     this.state.query = '';
     this.state.columnStates = [];
     this.state.rootNodes = [];
+    this.state.ganttStyle = {};
   }
 
+  /**
+   * 当数据放生变更时，若为当前应用实体数据。则多数据部件进行刷新
+   * 临时重写 防止错误刷新整个甘特图
+   * @protected
+   * @param {IData} msg
+   * @memberof GanttController
+   */
+  protected onDataChange(msg: IData): void {}
+
   protected async onCreated(): Promise<void> {
     await super.onCreated();
     await this.initGridColumns();
@@ -244,6 +257,16 @@ export class GanttController
     });
   }
 
+  /**
+   * 设置甘特图样式
+   *
+   * @param {IGanttStyle} style
+   * @memberof GanttController
+   */
+  setGanttStyle(style: IGanttStyle): void {
+    this.state.ganttStyle = style;
+  }
+
   /**
    * 加载
    *
@@ -490,6 +513,74 @@ export class GanttController
     };
   }
 
+  /**
+   * 转化节点数据项
+   * vo -> do
+   * @param {IDETreeNode} nodeModel 节点模型
+   * @param {IData} data 数据
+   * @memberof GanttController
+   */
+  transformNodeDataItem(nodeModel: IDETreeNode, data: IData): IData {
+    const dataItem: IData = {};
+    nodeModel.detreeNodeDataItems?.forEach(item => {
+      if (
+        item.id &&
+        item.appDEFieldId &&
+        data.hasOwnProperty(item.id.toLowerCase())
+      ) {
+        Object.assign(dataItem, {
+          [item.appDEFieldId.toLowerCase()]: data[item.id.toLowerCase()],
+        });
+      }
+    });
+    return dataItem;
+  }
+
+  /**
+   * 更新节点数据
+   *
+   * @param {(IGanttNodeData | IData)} nodeData 节点数据
+   * @param {IData} data 更新数据
+   * @param {boolean} [isTransformData=false] 是否转化数据项
+   * @return {*}
+   * @memberof GanttController
+   */
+  async updateNodeData(
+    nodeData: IGanttNodeData | IData,
+    data: IData,
+    isTransformData: boolean = false,
+  ): Promise<void> {
+    const key = nodeData.srfkey ? 'srfkey' : 'id';
+    const currentNode = this.state.items.find(
+      item => item[key] === nodeData[key],
+    );
+    if (!currentNode || !currentNode.srfkey) {
+      ibiz.log.error('找不到对应的动态实体树节点数据', nodeData);
+      return;
+    }
+    const nodeModel = this.getNodeModel(currentNode.nodeId);
+    if (nodeModel) {
+      const newData = isTransformData
+        ? this.transformNodeDataItem(nodeModel, data)
+        : data;
+      if (Object.keys(newData).length > 0) {
+        const [, entityCodename] = nodeModel.appDataEntityId!.split('.');
+        const tempContext = Object.assign(this.context.clone(), {
+          [entityCodename]: currentNode.srfkey,
+        });
+        const response = await this.service.execDeService(
+          nodeModel.appDataEntityId!,
+          'update',
+          tempContext,
+          newData,
+        );
+        if (response.status === 200) {
+          this.refreshNodeChildren(nodeData, true);
+        }
+      }
+    }
+  }
+
   /**
    * 刷新指定树节点的子节点数据
    *

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

@@ -4,7 +4,7 @@ import {
   IDETreeNode,
   IDETreeNodeRS,
 } from '@ibiz/model-core';
-import { ModelError } from '@ibiz-template/core';
+import { IHttpResponse, ModelError } from '@ibiz-template/core';
 import { IGanttNodeData } from '../../../interface';
 import { getChildNodeRSs, getRootNode, getTreeNode } from '../../../model';
 import { handleAllSettled } from '../../../utils';
@@ -25,6 +25,31 @@ import {
  * @extends {TreeService}
  */
 export class GanttService extends TreeService {
+  /**
+   * 执行实体服务
+   *
+   * @protected
+   * @param {string} appDataEntityId 实体标识
+   * @param {string} actionName 行为标识
+   * @param {IContext} context 上下文
+   * @param {IParams} params 参数
+   * @return {*}  {Promise<IHttpResponse<IData>>}
+   * @memberof GanttService
+   */
+  execDeService(
+    appDataEntityId: string,
+    actionName: string,
+    context: IContext,
+    params: IParams,
+  ): Promise<IHttpResponse<IData>> {
+    return this.app.deService.exec(
+      appDataEntityId,
+      actionName,
+      context,
+      params,
+    );
+  }
+
   /**
    * 获取子节点数据
    *

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/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;
 }
 
 /**