vxe-gantt 4.0.0-beta.0 → 4.0.0-beta.2

package/styles/components/gantt.scss

@@ -75,9 +75,11 @@
   }
   .vxe-gantt--view-split-bar {
     flex-shrink: 0;
-    cursor: col-resize;
     width: var(--vxe-ui-gantt-view-split-bar-width);
     background-color: var(--vxe-ui-gantt-view-split-bar-background-color);
+    &.is--resize {
+      cursor: col-resize;
+    }
   }
   &.show--left {
     .vxe-gantt--table-wrapper {
@@ -87,7 +89,7 @@
       .vxe-gantt--table-wrapper {
         flex-grow: unset;
         flex-shrink: 0;
-        width: 30%;
+        width: var(--vxe-ui-gantt-view-table-default-width);
       }
     }
   }
@@ -279,6 +281,12 @@
   transform: translate(-50%, -50%);
   z-index: 15;
   pointer-events: none;
+  & > div {
+    margin-top: 1em;
+    &:first-child {
+      margin-top: 0;
+    }
+  }
 }
 .vxe-gantt--view-split-bar-left-btn,
 .vxe-gantt--view-split-bar-right-btn {
@@ -304,9 +312,6 @@
     transform: scale(0.9);
   }
 }
-.vxe-gantt--view-split-bar-right-btn {
-  margin-top: 1em;
-}
 .vxe-gantt--resizable-split-tip {
   display: none;
   position: absolute;
@@ -496,7 +501,7 @@
   overflow: hidden;
 }
 .vxe-gantt-view--column-info {
-  width: var(--vxe-ui-gantt-view-column-width);
+  width: var(--vxe-ui-gantt-view-default-cell-width);
 }
 
 // 任务视图
@@ -513,9 +518,6 @@
     float: left;
   }
 }
-.vxe-gantt-view--header-table {
-  height: 100%;
-}
 .vxe-gantt-view--header-table,
 .vxe-gantt-view--body-table {
   border: 0;
@@ -523,7 +525,7 @@
   border-collapse: separate;
   table-layout: fixed;
   col {
-    width: var(--vxe-ui-gantt-view-column-width);
+    width: var(--vxe-ui-gantt-view-default-cell-width);
   }
 }
 .vxe-gantt-view--header-wrapper,
@@ -551,9 +553,6 @@
   text-align: center;
   font-size: 1em;
 }
-.vxe-gantt-view--body-column {
-  height: 48px;
-}
 .vxe-gantt-view--header-column,
 .vxe-gantt-view--body-column,
 .vxe-gantt-view--footer-column {

package/styles/theme/base.scss

@@ -1,7 +1,11 @@
 :root {
   /*gantt*/
-  --vxe-ui-gantt-view-column-width: 40px;
+  --vxe-ui-gantt-view-default-cell-width: 40px;
   --vxe-ui-gantt-view-chart-bar-height: 1.6em;
   --vxe-ui-gantt-view-split-bar-width: 10px;
   --vxe-ui-gantt-view-split-bar-height: 6.8em;
+  --vxe-ui-gantt-view-table-default-width: 30%;
+  --vxe-ui-gantt-view-task-bar-border-radius: calc(var(--vxe-ui-gantt-view-split-bar-height) / 2);
+  --vxe-ui-gantt-view-task-bar-background-color: var(--vxe-ui-font-primary-lighten-color);
+  --vxe-ui-gantt-view-task-bar-completed-background-color: var(--vxe-ui-font-primary-color);
 }

package/es/gantt/src/grid-props.js

@@ -1,7 +0,0 @@
-import { VxeUI } from '../../ui';
-import { tableProps } from './table-props';
-const { getConfig } = VxeUI;
-export const gridProps = Object.assign(Object.assign({}, tableProps), { layouts: Array, columns: Array, pagerConfig: Object, proxyConfig: Object, toolbarConfig: Object, formConfig: Object, zoomConfig: Object, size: {
-        type: String,
-        default: () => getConfig().gantt.size || getConfig().size
-    } });

package/es/gantt/src/props.js

@@ -1,2 +0,0 @@
-import { gridProps } from './grid-props';
-export const ganttProps = Object.assign(Object.assign({}, gridProps), { layouts: Array, taskConfig: Object, taskViewConfig: Object, taskBarConfig: Object });

package/es/gantt/src/table-props.js

@@ -1,298 +0,0 @@
-import { VxeUI } from '../../ui';
-const { getConfig } = VxeUI;
-export const tableProps = {
-    /** 基本属性 */
-    id: [String, Function],
-    // 数据
-    data: Array,
-    // 表格的高度
-    height: [Number, String],
-    // 表格的最小高度
-    minHeight: {
-        type: [Number, String],
-        default: () => getConfig().table.minHeight
-    },
-    // 表格的最大高度
-    maxHeight: [Number, String],
-    // 已废弃，被 column-config.resizable 替换
-    resizable: {
-        type: Boolean,
-        default: () => getConfig().table.resizable
-    },
-    // 是否带有斑马纹
-    stripe: {
-        type: Boolean,
-        default: () => getConfig().table.stripe
-    },
-    // 是否带有边框
-    border: {
-        type: [Boolean, String],
-        default: () => getConfig().table.border
-    },
-    // 已废弃，被 cell-config.padding 替换
-    padding: {
-        type: Boolean,
-        default: null
-    },
-    // 是否圆角边框
-    round: {
-        type: Boolean,
-        default: () => getConfig().table.round
-    },
-    // 表格的尺寸
-    size: {
-        type: String,
-        default: () => getConfig().table.size || getConfig().size
-    },
-    // 列的宽度是否自撑开（可能会被废弃的参数，不要使用）
-    fit: {
-        type: Boolean,
-        default: () => getConfig().table.fit
-    },
-    // 表格是否加载中
-    loading: Boolean,
-    // 所有的列对其方式
-    align: {
-        type: String,
-        default: () => getConfig().table.align
-    },
-    // 所有的表头列的对齐方式
-    headerAlign: {
-        type: String,
-        default: () => getConfig().table.headerAlign
-    },
-    // 所有的表尾列的对齐方式
-    footerAlign: {
-        type: String,
-        default: () => getConfig().table.footerAlign
-    },
-    // 是否显示表头
-    showHeader: {
-        type: Boolean,
-        default: () => getConfig().table.showHeader
-    },
-    // （即将废弃）是否要高亮当前选中行
-    highlightCurrentRow: {
-        type: Boolean,
-        default: () => getConfig().table.highlightCurrentRow
-    },
-    // （即将废弃）鼠标移到行是否要高亮显示
-    highlightHoverRow: {
-        type: Boolean,
-        default: () => getConfig().table.highlightHoverRow
-    },
-    /**
-     * （即将废弃）是否要高亮当前选中列
-     * @deprecated
-     */
-    highlightCurrentColumn: {
-        type: Boolean,
-        default: () => getConfig().table.highlightCurrentColumn
-    },
-    /**
-     * （即将废弃）鼠标移到列是否要高亮显示
-     * @deprecated
-     */
-    highlightHoverColumn: {
-        type: Boolean,
-        default: () => getConfig().table.highlightHoverColumn
-    },
-    // （即将废弃）激活单元格编辑时是否高亮显示
-    highlightCell: Boolean,
-    // 是否显示表尾合计
-    showFooter: Boolean,
-    // 表尾数据
-    footerData: Array,
-    // 表尾合计的计算方法
-    footerMethod: Function,
-    // 给行附加 className
-    rowClassName: [String, Function],
-    // 给单元格附加 className
-    cellClassName: [String, Function],
-    // 给表头的行附加 className
-    headerRowClassName: [String, Function],
-    // 给表头的单元格附加 className
-    headerCellClassName: [String, Function],
-    // 给表尾的行附加 className
-    footerRowClassName: [String, Function],
-    // 给表尾的单元格附加 className
-    footerCellClassName: [String, Function],
-    // 给单元格附加样式
-    cellStyle: [Object, Function],
-    // 给表头单元格附加样式
-    headerCellStyle: [Object, Function],
-    // 给表尾单元格附加样式
-    footerCellStyle: [Object, Function],
-    // 给行附加样式
-    rowStyle: [Object, Function],
-    // 给表头行附加样式
-    headerRowStyle: [Object, Function],
-    // 给表尾行附加样式
-    footerRowStyle: [Object, Function],
-    // 合并指定单元格
-    mergeCells: Array,
-    // 合并指定的表尾
-    mergeFooterItems: Array,
-    // 自定义合并行或列的方法
-    spanMethod: Function,
-    // 表尾合并行或列
-    footerSpanMethod: Function,
-    // 设置所有内容过长时显示为省略号
-    showOverflow: {
-        type: [Boolean, String],
-        default: () => getConfig().table.showOverflow
-    },
-    // 设置表头所有内容过长时显示为省略号
-    showHeaderOverflow: {
-        type: [Boolean, String],
-        default: () => getConfig().table.showHeaderOverflow
-    },
-    // 设置表尾所有内容过长时显示为省略号
-    showFooterOverflow: {
-        type: [Boolean, String],
-        default: () => getConfig().table.showFooterOverflow
-    },
-    /** 高级属性 */
-    /**
-     * （即将废弃）columnKey 已废弃，被 column-config.useKey 替换
-     * @deprecated
-     */
-    columnKey: Boolean,
-    /**
-     * （即将废弃）rowKey 已废弃，被 row-config.useKey 替换
-     * @deprecated
-     */
-    rowKey: Boolean,
-    /**
-     * （即将废弃）rowId 已废弃，被 row-config.keyField 替换
-     * @deprecated
-     */
-    rowId: {
-        type: String,
-        default: () => getConfig().table.rowId
-    },
-    zIndex: Number,
-    emptyText: {
-        type: String,
-        default: () => getConfig().table.emptyText
-    },
-    keepSource: {
-        type: Boolean,
-        default: () => getConfig().table.keepSource
-    },
-    // 是否自动监听父容器变化去更新响应式表格宽高
-    autoResize: {
-        type: Boolean,
-        default: () => getConfig().table.autoResize
-    },
-    // 是否自动根据状态属性去更新响应式表格宽高
-    syncResize: [Boolean, String, Number],
-    // 响应式布局配置项
-    resizeConfig: Object,
-    // 列配置项
-    columnConfig: Object,
-    // 当前列配置项
-    currentColumnConfig: Object,
-    // 单元格配置项
-    cellConfig: Object,
-    // 表头单元格配置项
-    headerCellConfig: Object,
-    // 表尾单元格配置项
-    footerCellConfig: Object,
-    // 行配置项
-    rowConfig: Object,
-    // 数据聚合配置项
-    aggregateConfig: Object,
-    /**
-     * 已废弃，被 aggregateConfig 替换
-     * @deprecated
-     */
-    rowGroupConfig: Object,
-    // 当前行配置项
-    currentRowConfig: Object,
-    /**
-     * 已废弃，被 rowDragConfig 替换
-     * @deprecated
-     */
-    dragConfig: Object,
-    // 行拖拽排序配置项
-    rowDragConfig: Object,
-    // 列拖拽排序配置项
-    columnDragConfig: Object,
-    // 列调整配置项
-    resizableConfig: Object,
-    // 序号配置项
-    seqConfig: Object,
-    // 排序配置项
-    sortConfig: Object,
-    // 筛选配置项
-    filterConfig: Object,
-    // 单选框配置
-    radioConfig: Object,
-    // 复选框配置项
-    checkboxConfig: Object,
-    // tooltip 配置项
-    tooltipConfig: Object,
-    // 导出配置项
-    exportConfig: Object,
-    // 导入配置项
-    importConfig: Object,
-    // 打印配置项
-    printConfig: Object,
-    // 展开行配置项
-    expandConfig: Object,
-    // 树形结构配置项
-    treeConfig: Object,
-    // 快捷菜单配置项
-    menuConfig: Object,
-    // 鼠标配置项
-    mouseConfig: Object,
-    // 区域配置项
-    areaConfig: Object,
-    // 按键配置项
-    keyboardConfig: Object,
-    // 复制粘/贴配置项
-    clipConfig: Object,
-    // 查找/替换配置项
-    fnrConfig: Object,
-    // 编辑配置项
-    editConfig: Object,
-    // 校验配置项
-    validConfig: Object,
-    // 校验规则配置项
-    editRules: Object,
-    // 加载中配置项
-    loadingConfig: Object,
-    // 空内容渲染配置项
-    emptyRender: Object,
-    // 自定义列配置项
-    customConfig: Object,
-    /**
-     * （即将废弃）横向虚拟滚动配置项
-     * @deprecated
-     */
-    scrollX: Object,
-    /**
-     * （即将废弃）纵向虚拟滚动配置项
-     * @deprecated
-     */
-    scrollY: Object,
-    // 横向虚拟滚动配置项
-    virtualXConfig: Object,
-    // 纵向虚拟滚动配置项
-    virtualYConfig: Object,
-    // 滚动条配置项
-    scrollbarConfig: Object,
-    // （即将废弃）优化相关
-    animat: {
-        type: Boolean,
-        default: () => getConfig().table.animat
-    },
-    // （可能会被废弃的参数，不要使用）
-    delayHover: {
-        type: Number,
-        default: () => getConfig().table.delayHover
-    },
-    // 额外的参数
-    params: Object
-};

package/lib/gantt/src/grid-props.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.gridProps = void 0;
-var _ui = require("../../ui");
-var _tableProps = require("./table-props");
-const {
-  getConfig
-} = _ui.VxeUI;
-const gridProps = exports.gridProps = Object.assign(Object.assign({}, _tableProps.tableProps), {
-  layouts: Array,
-  columns: Array,
-  pagerConfig: Object,
-  proxyConfig: Object,
-  toolbarConfig: Object,
-  formConfig: Object,
-  zoomConfig: Object,
-  size: {
-    type: String,
-    default: () => getConfig().gantt.size || getConfig().size
-  }
-});

package/lib/gantt/src/grid-props.min.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.gridProps=void 0;var _ui=require("../../ui"),_tableProps=require("./table-props");let getConfig=_ui.VxeUI.getConfig,gridProps=exports.gridProps=Object.assign(Object.assign({},_tableProps.tableProps),{layouts:Array,columns:Array,pagerConfig:Object,proxyConfig:Object,toolbarConfig:Object,formConfig:Object,zoomConfig:Object,size:{type:String,default:()=>getConfig().gantt.size||getConfig().size}});

package/lib/gantt/src/props.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ganttProps = void 0;
-var _gridProps = require("./grid-props");
-const ganttProps = exports.ganttProps = Object.assign(Object.assign({}, _gridProps.gridProps), {
-  layouts: Array,
-  taskConfig: Object,
-  taskViewConfig: Object,
-  taskBarConfig: Object
-});

package/lib/gantt/src/props.min.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.ganttProps=void 0;var _gridProps=require("./grid-props");let ganttProps=exports.ganttProps=Object.assign(Object.assign({},_gridProps.gridProps),{layouts:Array,taskConfig:Object,taskViewConfig:Object,taskBarConfig:Object});