vxe-gantt 0.0.3 → 4.0.0-beta.1

package/lib/index.umd.js

@@ -256,7 +256,10 @@ function formatText(value, placeholder) {
  * 判断值为：'' | null | undefined 时都属于空值
  */
 function eqEmptyValue(cellValue) {
-  return cellValue === '' || XEUtils.eqNull(cellValue);
+  return cellValue === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(cellValue);
+}
+function getStringValue(cellValue) {
+  return eqEmptyValue(cellValue) ? '' : cellValue;
 }
 ;// ./packages/ui/src/dom.ts
 
@@ -447,13 +450,11 @@ function triggerEvent(targetElem, type) {
 function isNodeElement(elem) {
   return elem && elem.nodeType === 1;
 }
-// EXTERNAL MODULE: ./packages/ui/index.ts
-var ui = __webpack_require__(2084);
 ;// ./packages/gantt/src/table-props.ts
 
 const {
   getConfig
-} = ui.VxeUI;
+} = core_.VxeUI;
 const tableProps = {
   /** 基本属性 */
   id: [String, Function],
@@ -755,7 +756,7 @@ const tableProps = {
 
 const {
   getConfig: grid_props_getConfig
-} = ui.VxeUI;
+} = core_.VxeUI;
 const gridProps = {
   ...tableProps,
   layouts: Array,
@@ -777,7 +778,8 @@ const ganttProps = {
   layouts: Array,
   taskConfig: Object,
   taskViewConfig: Object,
-  taskBarConfig: Object
+  taskBarConfig: Object,
+  taskSplitConfig: Object
 };
 ;// ./packages/gantt/src/table-emits.ts
 const tableEmits = ['update:data', 'keydown-start', 'keydown', 'keydown-end', 'paste', 'copy', 'cut', 'current-change', 'current-row-change', 'current-row-disabled', 'current-column-change', 'current-column-disabled', 'radio-change', 'checkbox-change', 'checkbox-all', 'checkbox-range-start', 'checkbox-range-change', 'checkbox-range-end', 'checkbox-range-select', 'cell-click', 'cell-dblclick', 'cell-menu', 'cell-mouseenter', 'cell-mouseleave', 'cell-selected', 'cell-delete-value', 'cell-backspace-value', 'header-cell-click', 'header-cell-dblclick', 'header-cell-menu', 'footer-cell-click', 'footer-cell-dblclick', 'footer-cell-menu', 'clear-merge', 'sort-change', 'clear-sort', 'clear-all-sort', 'filter-change', 'filter-visible', 'clear-filter', 'clear-all-filter', 'resizable-change', 'column-resizable-change', 'row-resizable-change', 'toggle-row-group-expand', 'toggle-row-expand', 'toggle-tree-expand', 'menu-click', 'edit-closed', 'row-dragstart', 'row-dragover', 'row-dragend', 'column-dragstart', 'column-dragover', 'column-dragend', 'enter-append-row', 'edit-actived', 'edit-activated', 'edit-disabled', 'valid-error', 'scroll', 'scroll-boundary', 'custom', 'custom-visible-change', 'custom-visible-all', 'custom-fixed-change', 'change-fnr', 'open-fnr', 'show-fnr', 'hide-fnr', 'fnr-change', 'fnr-find', 'fnr-find-all', 'fnr-replace', 'fnr-replace-all', 'cell-area-copy', 'cell-area-cut', 'cell-area-paste', 'cell-area-merge', 'clear-cell-area-selection', 'clear-cell-area-merge', 'header-cell-area-selection', 'cell-area-selection-invalid', 'cell-area-selection-start', 'cell-area-selection-drag', 'cell-area-selection-end', 'cell-area-extension-start', 'cell-area-extension-drag', 'cell-area-extension-end', 'cell-area-selection-all-start', 'cell-area-selection-all-end', 'cell-area-arrows-start', 'cell-area-arrows-end', 'active-cell-change-start', 'active-cell-change-end'];
@@ -786,12 +788,15 @@ const tableEmits = ['update:data', 'keydown-start', 'keydown', 'keydown-end', 'p
 const gridEmits = [...tableEmits, 'page-change', 'form-submit', 'form-submit-invalid', 'form-reset', 'form-collapse', 'form-toggle-collapse', 'proxy-query', 'proxy-delete', 'proxy-save', 'toolbar-button-click', 'toolbar-tool-click', 'zoom'];
 ;// ./packages/gantt/src/emits.ts
 
-const ganttEmits = [...gridEmits];
+const ganttEmits = [...gridEmits, 'task-cell-click', 'task-cell-dblclick', 'task-bar-click', 'task-bar-dblclick'];
 ;// ./packages/ui/src/log.ts
 
-const version = `gantt v${"0.0.3"}`;
-const warnLog = core_.log.create('warn', version);
-const errLog = core_.log.create('error', version);
+const {
+  log
+} = core_.VxeUI;
+const version = `gantt v${"4.0.0-beta.1"}`;
+const warnLog = log.create('warn', version);
+const errLog = log.create('error', version);
 ;// ./packages/gantt/src/util.ts
 function getRefElem(refEl) {
   if (refEl) {
@@ -825,7 +830,8 @@ function getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) {
     const renderVN = () => {
       const {
         tableColumn,
-        headerGroups
+        headerGroups,
+        viewCellWidth
       } = reactData;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
@@ -842,7 +848,10 @@ function getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) {
         class: 'vxe-gantt-view--header-table'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('colgroup', {}, tableColumn.map((column, cIndex) => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('col', {
-          key: cIndex
+          key: cIndex,
+          style: {
+            width: `${viewCellWidth}px`
+          }
         });
       })), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('thead', {}, headerGroups.map((cols, rIndex) => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', {
@@ -888,6 +897,11 @@ function getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) {
 
 
 
+
+
+const {
+  renderEmptyElement
+} = core_.VxeUI;
 /* harmony default export */ var gantt_chart = (defineVxeComponent({
   name: 'VxeGanttViewChart',
   setup() {
@@ -901,7 +915,9 @@ function getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) {
       refTable
     } = $xeGantt.getRefMaps();
     const {
-      computeProgressField
+      computeProgressField,
+      computeTitleField,
+      computeTaskBarOpts
     } = $xeGantt.getComputeMaps();
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const renderVN = () => {
@@ -923,31 +939,61 @@ function getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) {
       const {
         tableData
       } = reactData;
+      const titleField = computeTitleField.value;
       const progressField = computeProgressField.value;
+      const taskBarOpts = computeTaskBarOpts.value;
+      const {
+        showProgress,
+        showContent,
+        contentMethod,
+        barStyle
+      } = taskBarOpts;
+      const {
+        round
+      } = barStyle || {};
       const trVNs = [];
       tableData.forEach((row, rIndex) => {
         const rowid = $xeTable ? $xeTable.getRowid(row) : '';
         const rowRest = fullAllDataRowIdData[rowid] || {};
         const cellHeight = getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight);
-        const progressValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, progressField);
+        let title = getStringValue(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, titleField));
+        const progressValue = showProgress ? Math.min(100, Math.max(0, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, progressField)))) : 0;
+        if (contentMethod) {
+          title = getStringValue(contentMethod({
+            row,
+            title
+          }));
+        }
         trVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           key: rIndex,
           rowid,
-          class: 'vxe-gantt-view--chart-row',
+          class: ['vxe-gantt-view--chart-row', {
+            'is--round': round
+          }],
           style: {
             height: `${cellHeight}px`
           }
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-gantt-view--chart-bar',
-          rowid
-        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          rowid,
+          onClick(evnt) {
+            $xeGantt.handleTaskBarClickEvent(evnt, {
+              row
+            });
+          },
+          onDblclick(evnt) {
+            $xeGantt.handleTaskBarDblclickEvent(evnt, {
+              row
+            });
+          }
+        }, [showProgress ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-gantt-view--chart-progress',
-          style: progressValue ? {
-            width: `${progressValue}%`
-          } : undefined
-        }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          style: {
+            width: `${progressValue || 0}%`
+          }
+        }) : renderEmptyElement($xeGantt), showContent ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-gantt-view--chart-content'
-        })])]));
+        }, title) : renderEmptyElement($xeGantt)])]));
       });
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
@@ -1030,6 +1076,16 @@ function getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) {
             class: 'vxe-gantt-view--body-column',
             style: {
               height: `${cellHeight}px`
+            },
+            onClick(evnt) {
+              $xeGantt.handleTaskCellClickEvent(evnt, {
+                row
+              });
+            },
+            onDblclick(evnt) {
+              $xeGantt.handleTaskCellDblclickEvent(evnt, {
+                row
+              });
             }
           });
         })));
@@ -1038,7 +1094,8 @@ function getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) {
     };
     const renderVN = () => {
       const {
-        tableColumn
+        tableColumn,
+        viewCellWidth
       } = reactData;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
@@ -1058,7 +1115,10 @@ function getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) {
         class: 'vxe-gantt-view--body-table'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('colgroup', {}, tableColumn.map((column, cIndex) => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('col', {
-          key: cIndex
+          key: cIndex,
+          style: {
+            width: `${viewCellWidth}px`
+          }
         });
       })), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tbody', {}, renderRows())]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(gantt_chart)])]);
     };
@@ -1101,7 +1161,7 @@ function getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) {
 
 const {
   globalEvents
-} = ui.VxeUI;
+} = core_.VxeUI;
 function createInternalData() {
   return {
     xeTable: null,
@@ -1622,6 +1682,10 @@ const maxXWidth = 5e6;
       checkLastSyncScroll(isRollX, isRollY);
     };
     const ganttViewMethods = {
+      refreshData() {
+        handleUpdateData();
+        return handleLazyRecalculate();
+      },
       updateViewData() {
         const $xeTable = internalData.xeTable;
         if ($xeTable) {
@@ -1922,9 +1986,9 @@ const {
   createEvent,
   globalEvents: gantt_globalEvents,
   GLOBAL_EVENT_KEYS,
-  renderEmptyElement,
+  renderEmptyElement: gantt_renderEmptyElement,
   getSlotVNs
-} = ui.VxeUI;
+} = core_.VxeUI;
 const tableComponentPropKeys = Object.keys(tableProps);
 const tableComponentMethodKeys = ['clearAll', 'syncData', 'updateData', 'loadData', 'reloadData', 'reloadRow', 'loadColumn', 'reloadColumn', 'getRowNode', 'getColumnNode', 'getRowIndex', 'getVTRowIndex', 'getVMRowIndex', 'getColumnIndex', 'getVTColumnIndex', 'getVMColumnIndex', 'setRow', 'createData', 'createRow', 'revertData', 'clearData', 'isRemoveByRow', 'isInsertByRow', 'isUpdateByRow', 'getColumns', 'getColumnById', 'getColumnByField', 'getTableColumn', 'getFullColumns', 'getData', 'getCheckboxRecords', 'getParentRow', 'getTreeRowChildren', 'getTreeParentRow', 'getRowSeq', 'getRowById', 'getRowid', 'getTableData', 'getFullData', 'setColumnFixed', 'clearColumnFixed', 'setColumnWidth', 'getColumnWidth', 'recalcRowHeight', 'setRowHeightConf', 'getRowHeightConf', 'setRowHeight', 'getRowHeight', 'hideColumn', 'showColumn', 'resetColumn', 'refreshColumn', 'refreshScroll', 'recalculate', 'closeTooltip', 'isAllCheckboxChecked', 'isAllCheckboxIndeterminate', 'getCheckboxIndeterminateRecords', 'setCheckboxRow', 'setCheckboxRowKey', 'isCheckedByCheckboxRow', 'isCheckedByCheckboxRowKey', 'isIndeterminateByCheckboxRow', 'isIndeterminateByCheckboxRowKey', 'toggleCheckboxRow', 'setAllCheckboxRow', 'getRadioReserveRecord', 'clearRadioReserve', 'getCheckboxReserveRecords', 'clearCheckboxReserve', 'toggleAllCheckboxRow', 'clearCheckboxRow', 'setCurrentRow', 'isCheckedByRadioRow', 'isCheckedByRadioRowKey', 'setRadioRow', 'setRadioRowKey', 'clearCurrentRow', 'clearRadioRow', 'getCurrentRecord', 'getRadioRecord', 'getCurrentColumn', 'setCurrentColumn', 'clearCurrentColumn', 'setPendingRow', 'togglePendingRow', 'hasPendingByRow', 'isPendingByRow', 'getPendingRecords', 'clearPendingRow', 'setFilterByEvent', 'sort', 'setSort', 'setSortByEvent', 'clearSort', 'clearSortByEvent', 'isSort', 'getSortColumns', 'closeFilter', 'isFilter', 'clearFilterByEvent', 'isActiveFilterByColumn', 'isRowExpandLoaded', 'clearRowExpandLoaded', 'reloadRowExpand', 'reloadRowExpand', 'toggleRowExpand', 'setAllRowExpand', 'setRowExpand', 'isExpandByRow', 'isRowExpandByRow', 'clearRowExpand', 'clearRowExpandReserve', 'getRowExpandRecords', 'getTreeExpandRecords', 'isTreeExpandLoaded', 'clearTreeExpandLoaded', 'reloadTreeExpand', 'reloadTreeChilds', 'toggleTreeExpand', 'setAllTreeExpand', 'setTreeExpand', 'isTreeExpandByRow', 'clearTreeExpand', 'clearTreeExpandReserve', 'getScroll', 'scrollTo', 'scrollToRow', 'scrollToColumn', 'clearScroll', 'updateFooter', 'updateStatus', 'setMergeCells', 'removeInsertRow', 'removeMergeCells', 'getMergeCells', 'clearMergeCells', 'setMergeFooterItems', 'removeMergeFooterItems', 'getMergeFooterItems', 'clearMergeFooterItems', 'getCustomStoreData', 'setRowGroupExpand', 'setAllRowGroupExpand', 'clearRowGroupExpand', 'isRowGroupExpandByRow', 'isRowGroupRecord', 'isAggregateRecord', 'isAggregateExpandByRow', 'getAggregateContentByRow', 'getAggregateRowChildren', 'setRowGroups', 'clearRowGroups', 'openTooltip', 'moveColumnTo', 'moveRowTo', 'getCellLabel', 'getCellElement', 'focus', 'blur', 'connect'];
 function gantt_createInternalData() {
@@ -1943,10 +2007,10 @@ function gantt_createInternalData() {
     } = context;
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     // 使用已安装的组件，如果未安装则不渲染
-    const VxeUIFormComponent = ui.VxeUI.getComponent('VxeForm');
-    const VxeUIPagerComponent = ui.VxeUI.getComponent('VxePager');
-    const VxeTableComponent = ui.VxeUI.getComponent('VxeTable');
-    const VxeToolbarComponent = ui.VxeUI.getComponent('VxeToolbar');
+    const VxeUIFormComponent = core_.VxeUI.getComponent('VxeForm');
+    const VxeUIPagerComponent = core_.VxeUI.getComponent('VxePager');
+    const VxeTableComponent = core_.VxeUI.getComponent('VxeTable');
+    const VxeToolbarComponent = core_.VxeUI.getComponent('VxeToolbar');
     const defaultLayouts = [['Form'], ['Toolbar', 'Top', 'Gantt', 'Bottom', 'Pager']];
     const {
       computeSize
@@ -2037,17 +2101,20 @@ function gantt_createInternalData() {
     const computeTaskBarOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, gantt_getConfig().gantt.taskBarConfig, props.taskBarConfig);
     });
+    const computeTaskSplitOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, gantt_getConfig().gantt.taskSplitConfig, props.taskSplitConfig);
+    });
     const computeTitleField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const taskOpts = computeTaskOpts.value;
       return taskOpts.titleField || 'title';
     });
     const computeStartField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const taskOpts = computeTaskOpts.value;
-      return taskOpts.startField || 'startDate';
+      return taskOpts.startField || 'start';
     });
     const computeEndField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const taskOpts = computeTaskOpts.value;
-      return taskOpts.endField || 'endDate';
+      return taskOpts.endField || 'end';
     });
     const computeProgressField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const taskOpts = computeTaskOpts.value;
@@ -2073,6 +2140,14 @@ function gantt_createInternalData() {
         isZMax,
         tZindex
       } = reactData;
+      const taskViewOpts = computeTaskViewOpts.value;
+      const {
+        tableStyle
+      } = taskViewOpts;
+      const taskBarOpts = computeTaskBarOpts.value;
+      const {
+        barStyle
+      } = taskBarOpts;
       const stys = {};
       if (isZMax) {
         stys.zIndex = tZindex;
@@ -2084,6 +2159,26 @@ function gantt_createInternalData() {
           stys.maxHeight = maxHeight === 'auto' || maxHeight === '100%' ? '100%' : toCssUnit(maxHeight);
         }
       }
+      if (barStyle) {
+        const {
+          bgColor,
+          completedBgColor
+        } = barStyle;
+        if (bgColor) {
+          stys['--vxe-ui-gantt-view-task-bar-background-color'] = bgColor;
+        }
+        if (completedBgColor) {
+          stys['--vxe-ui-gantt-view-task-bar-completed-background-color'] = completedBgColor;
+        }
+      }
+      if (tableStyle) {
+        const {
+          width: defTbWidth
+        } = tableStyle;
+        if (defTbWidth) {
+          stys['--vxe-ui-gantt-view-table-default-width'] = toCssUnit(defTbWidth);
+        }
+      }
       return stys;
     });
     const computeTableExtendProps = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
@@ -2222,6 +2317,7 @@ function gantt_createInternalData() {
       computeTaskOpts,
       computeTaskViewOpts,
       computeTaskBarOpts,
+      computeTaskSplitOpts,
       computeTitleField,
       computeStartField,
       computeEndField,
@@ -2311,8 +2407,8 @@ function gantt_createInternalData() {
         $xeGantt.clearCheckboxRow();
       } else {
         if (isActiveMsg) {
-          if (ui.VxeUI.modal) {
-            ui.VxeUI.modal.message({
+          if (core_.VxeUI.modal) {
+            core_.VxeUI.modal.message({
               id: code,
               content: getI18n('vxe.grid.selectOneRecord'),
               status: 'warning'
@@ -2342,8 +2438,8 @@ function gantt_createInternalData() {
       const selectRecords = $xeGantt.getCheckboxRecords();
       if (isActiveMsg) {
         if (selectRecords.length) {
-          if (ui.VxeUI.modal) {
-            return ui.VxeUI.modal.confirm({
+          if (core_.VxeUI.modal) {
+            return core_.VxeUI.modal.confirm({
               id: `cfm_${code}`,
               content: getI18n(alertKey),
               escClosable: true
@@ -2354,8 +2450,8 @@ function gantt_createInternalData() {
             });
           }
         } else {
-          if (ui.VxeUI.modal) {
-            ui.VxeUI.modal.message({
+          if (core_.VxeUI.modal) {
+            core_.VxeUI.modal.message({
               id: `msg_${code}`,
               content: getI18n('vxe.grid.selectOneRecord'),
               status: 'warning'
@@ -2999,8 +3095,8 @@ function gantt_createInternalData() {
                       reactData.tableLoading = false;
                       $xeTable.setPendingRow(removeRecords, false);
                       if (isRespMsg) {
-                        if (ui.VxeUI.modal) {
-                          ui.VxeUI.modal.message({
+                        if (core_.VxeUI.modal) {
+                          core_.VxeUI.modal.message({
                             content: getRespMsg(rest, 'vxe.grid.delSuccess'),
                             status: 'success'
                           });
@@ -3023,8 +3119,8 @@ function gantt_createInternalData() {
                     }).catch(rest => {
                       reactData.tableLoading = false;
                       if (isRespMsg) {
-                        if (ui.VxeUI.modal) {
-                          ui.VxeUI.modal.message({
+                        if (core_.VxeUI.modal) {
+                          core_.VxeUI.modal.message({
                             id: code,
                             content: getRespMsg(rest, 'vxe.grid.operError'),
                             status: 'error'
@@ -3044,8 +3140,8 @@ function gantt_createInternalData() {
                   });
                 } else {
                   if (isActiveMsg) {
-                    if (ui.VxeUI.modal) {
-                      ui.VxeUI.modal.message({
+                    if (core_.VxeUI.modal) {
+                      core_.VxeUI.modal.message({
                         id: code,
                         content: getI18n('vxe.grid.selectOneRecord'),
                         status: 'warning'
@@ -3105,8 +3201,8 @@ function gantt_createInternalData() {
                       reactData.tableLoading = false;
                       $xeTable.clearPendingRow();
                       if (isRespMsg) {
-                        if (ui.VxeUI.modal) {
-                          ui.VxeUI.modal.message({
+                        if (core_.VxeUI.modal) {
+                          core_.VxeUI.modal.message({
                             content: getRespMsg(rest, 'vxe.grid.saveSuccess'),
                             status: 'success'
                           });
@@ -3129,8 +3225,8 @@ function gantt_createInternalData() {
                     }).catch(rest => {
                       reactData.tableLoading = false;
                       if (isRespMsg) {
-                        if (ui.VxeUI.modal) {
-                          ui.VxeUI.modal.message({
+                        if (core_.VxeUI.modal) {
+                          core_.VxeUI.modal.message({
                             id: code,
                             content: getRespMsg(rest, 'vxe.grid.operError'),
                             status: 'error'
@@ -3149,8 +3245,8 @@ function gantt_createInternalData() {
                     });
                   } else {
                     if (isActiveMsg) {
-                      if (ui.VxeUI.modal) {
-                        ui.VxeUI.modal.message({
+                      if (core_.VxeUI.modal) {
+                        core_.VxeUI.modal.message({
                           id: code,
                           content: getI18n('vxe.grid.dataUnchanged'),
                           status: 'info'
@@ -3319,7 +3415,7 @@ function gantt_createInternalData() {
           };
         }
         return null;
-      }
+      },
       // setProxyInfo (options) {
       //   if (props.proxyConfig && options) {
       //     const { pager, form } = options
@@ -3337,7 +3433,14 @@ function gantt_createInternalData() {
       //     }
       //   }
       //   return nextTick()
-      // }
+      // },
+      refreshTaskView() {
+        const $ganttView = refGanttView.value;
+        if ($ganttView) {
+          return $ganttView.refreshData();
+        }
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+      }
     };
     const ganttPrivateMethods = {
       extendTableMethods,
@@ -3412,6 +3515,18 @@ function gantt_createInternalData() {
         $xeGantt.dispatchEvent('zoom', {
           type: reactData.isZMax ? 'max' : 'revert'
         }, evnt);
+      },
+      handleTaskCellClickEvent(evnt, params) {
+        $xeGantt.dispatchEvent('task-cell-click', params, evnt);
+      },
+      handleTaskCellDblclickEvent(evnt, params) {
+        $xeGantt.dispatchEvent('task-cell-dblclick', params, evnt);
+      },
+      handleTaskBarClickEvent(evnt, params) {
+        $xeGantt.dispatchEvent('task-bar-click', params, evnt);
+      },
+      handleTaskBarDblclickEvent(evnt, params) {
+        $xeGantt.dispatchEvent('task-bar-dblclick', params, evnt);
       }
     };
     Object.assign($xeGantt, ganttExtendTableMethods, ganttMethods, ganttPrivateMethods, {
@@ -3505,7 +3620,7 @@ function gantt_createInternalData() {
           class: 'vxe-gantt--form-wrapper'
         }, slotVNs);
       }
-      return renderEmptyElement($xeGantt);
+      return gantt_renderEmptyElement($xeGantt);
     };
     /**
      * 渲染工具栏
@@ -3563,7 +3678,7 @@ function gantt_createInternalData() {
           class: 'vxe-gantt--toolbar-wrapper'
         }, slotVNs);
       }
-      return renderEmptyElement($xeGantt);
+      return gantt_renderEmptyElement($xeGantt);
     };
     /**
      * 渲染表格顶部区域
@@ -3580,7 +3695,7 @@ function gantt_createInternalData() {
           $gantt: $xeGantt
         }));
       }
-      return renderEmptyElement($xeGantt);
+      return gantt_renderEmptyElement($xeGantt);
     };
     const renderTableLeft = () => {
       const leftSlot = slots.left;
@@ -3592,7 +3707,7 @@ function gantt_createInternalData() {
           $gantt: $xeGantt
         }));
       }
-      return renderEmptyElement($xeGantt);
+      return gantt_renderEmptyElement($xeGantt);
     };
     const renderTableRight = () => {
       const rightSlot = slots.right;
@@ -3604,7 +3719,7 @@ function gantt_createInternalData() {
           $gantt: $xeGantt
         }));
       }
-      return renderEmptyElement($xeGantt);
+      return gantt_renderEmptyElement($xeGantt);
     };
     /**
      * 渲染表格
@@ -3666,7 +3781,7 @@ function gantt_createInternalData() {
           $gantt: $xeGantt
         }));
       }
-      return renderEmptyElement($xeGantt);
+      return gantt_renderEmptyElement($xeGantt);
     };
     /**
      * 渲染分页
@@ -3692,9 +3807,9 @@ function gantt_createInternalData() {
           ...pagerOpts,
           ...(proxyConfig && isEnableConf(proxyOpts) ? reactData.tablePage : {}),
           onPageChange: pageChangeEvent
-        }, getConfigSlot(pagerOpts.slots)) : renderEmptyElement($xeGantt)]);
+        }, getConfigSlot(pagerOpts.slots)) : gantt_renderEmptyElement($xeGantt)]);
       }
-      return renderEmptyElement($xeGantt);
+      return gantt_renderEmptyElement($xeGantt);
     };
     /**
      * 渲染任务视图
@@ -3712,24 +3827,40 @@ function gantt_createInternalData() {
         showLeftView,
         showRightView
       } = reactData;
+      const taskSplitOpts = computeTaskSplitOpts.value;
+      const {
+        enabled,
+        resize,
+        showCollapseTableButton,
+        showCollapseTaskButton
+      } = taskSplitOpts;
+      if (!enabled) {
+        return gantt_renderEmptyElement($xeGantt);
+      }
+      const ons = {};
+      if (resize) {
+        ons.onMousedown = dragSplitEvent;
+      }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-gantt--view-split-bar'
+        class: ['vxe-gantt--view-split-bar', {
+          'is--resize': resize,
+          ...ons
+        }]
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-gantt--view-split-bar-handle',
-        onMousedown: dragSplitEvent
-      }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-gantt--view-split-bar-handle'
+      }), showCollapseTableButton || showCollapseTaskButton ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-gantt--view-split-bar-btn-wrapper'
-      }, [showRightView ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      }, [showCollapseTableButton && showRightView ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-gantt--view-split-bar-left-btn',
         onClick: handleSplitLeftViewEvent
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
         class: showLeftView ? getIcon().GANTT_VIEW_LEFT_OPEN : getIcon().GANTT_VIEW_LEFT_CLOSE
-      })]) : renderEmptyElement($xeGantt), showLeftView ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      })]) : gantt_renderEmptyElement($xeGantt), showCollapseTaskButton && showLeftView ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-gantt--view-split-bar-right-btn',
         onClick: handleSplitRightViewEvent
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
         class: showRightView ? getIcon().GANTT_VIEW_RIGHT_OPEN : getIcon().GANTT_VIEW_RIGHT_CLOSE
-      })]) : renderEmptyElement($xeGantt)])]);
+      })]) : gantt_renderEmptyElement($xeGantt)]) : gantt_renderEmptyElement($xeGantt)]);
     };
     const renderChildLayout = layoutKeys => {
       const childVNs = [];
@@ -3788,11 +3919,11 @@ function gantt_createInternalData() {
         class: 'vxe-gantt--layout-body-wrapper'
       }, [asideLeftSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-gantt--layout-aside-left-wrapper'
-      }, asideLeftSlot({})) : renderEmptyElement($xeGantt), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      }, asideLeftSlot({})) : gantt_renderEmptyElement($xeGantt), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-gantt--layout-body-content-wrapper'
       }, renderChildLayout(bodyKeys)), asideRightSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-gantt--layout-aside-right-wrapper'
-      }, asideRightSlot({})) : renderEmptyElement($xeGantt)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      }, asideRightSlot({})) : gantt_renderEmptyElement($xeGantt)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-gantt--layout-footer-wrapper'
       }, renderChildLayout(footKeys)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-gantt--border-line'
@@ -4441,8 +4572,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _vxe_ui_core__WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = function(key) { return _vxe_ui_core__WEBPACK_IMPORTED_MODULE_0__[key]; }.bind(0, __WEBPACK_IMPORT_KEY__)
 /* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
 
-_vxe_ui_core__WEBPACK_IMPORTED_MODULE_0__.VxeUI.ganttVersion = "0.0.3";
-(0,_vxe_ui_core__WEBPACK_IMPORTED_MODULE_0__.setConfig)({
+const {
+  setConfig,
+  setIcon
+} = _vxe_ui_core__WEBPACK_IMPORTED_MODULE_0__.VxeUI;
+_vxe_ui_core__WEBPACK_IMPORTED_MODULE_0__.VxeUI.ganttVersion = "4.0.0-beta.1";
+setConfig({
   gantt: {
     // size: null,
     // zoomConfig: {
@@ -4479,11 +4614,17 @@ _vxe_ui_core__WEBPACK_IMPORTED_MODULE_0__.VxeUI.ganttVersion = "0.0.3";
       // afterDelete: null,
       // beforeSave: null,
       // afterSave: null
+    },
+    taskSplitConfig: {
+      enabled: true,
+      resize: true,
+      showCollapseTableButton: true,
+      showCollapseTaskButton: true
     }
   }
 });
 const iconPrefix = 'vxe-icon-';
-(0,_vxe_ui_core__WEBPACK_IMPORTED_MODULE_0__.setIcon)({
+setIcon({
   // gantt
   GANTT_VIEW_LEFT_OPEN: iconPrefix + 'arrow-left',
   GANTT_VIEW_LEFT_CLOSE: iconPrefix + 'arrow-right',