vxe-gantt 4.0.0-beta.1 → 4.0.0-beta.3

package/packages/gantt/src/util.ts

@@ -10,6 +10,13 @@ export function getRefElem (refEl: any) {
   return null
 }
 
+export function getCellHeight (height: number | 'unset' | undefined | null) {
+  if (height === 'unset') {
+    return 0
+  }
+  return height || 0
+}
+
 export function getCellRestHeight (rowRest: VxeTableDefines.RowCacheItem, cellOpts: VxeTablePropTypes.CellConfig, rowOpts: VxeTablePropTypes.RowConfig, defaultRowHeight: number) {
   return rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight
 }

package/packages/index.ts

@@ -1,4 +1,4 @@
-import * as VxeUIExport from './components'
+import * as VxeUIGanttExport from './components'
 
 export * from './components'
-export default VxeUIExport
+export default VxeUIGanttExport

package/packages/ui/index.ts

@@ -59,8 +59,6 @@ setIcon({
   GANTT_VIEW_LEFT_CLOSE: iconPrefix + 'arrow-right',
   GANTT_VIEW_RIGHT_OPEN: iconPrefix + 'arrow-right',
   GANTT_VIEW_RIGHT_CLOSE: iconPrefix + 'arrow-left'
-
 })
 
-export * from '@vxe-ui/core'
 export default VxeUI

package/styles/components/gantt.scss

@@ -130,13 +130,6 @@
   border: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
 }
 .vxe-gantt {
-  &.border--default,
-  &.border--full,
-  &.border--outer {
-    .vxe-gantt-view--header-wrapper {
-      background-color: var(--vxe-ui-table-header-background-color);
-    }
-  }
   &.border--full {
     .vxe-gantt-view--header-column,
     .vxe-gantt-view--body-column,
@@ -203,7 +196,6 @@
       }
     }
   }
-  
   &.border--default,
   &.border--full {
     .vxe-gantt-view--scroll-y-top-corner {
@@ -256,6 +248,27 @@
       }
     }
   }
+  &.border--default,
+  &.border--inner {
+    .vxe-gantt-view--header-column,
+    .vxe-gantt-view--body-column,
+    .vxe-gantt-view--footer-column {
+      background-image: linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color));
+      background-repeat: no-repeat;
+      background-size: 100% var(--vxe-ui-table-border-width);
+      background-position: right bottom;
+    }
+  }
+  &.border--inner {
+    .vxe-gantt--border-line {
+      border-width: 0 0 1px 0;
+    }
+  }
+  &.border--none {
+    .vxe-gantt--border-line {
+      display: none;
+    }
+  }
 }
 
 /*分割条*/
@@ -518,9 +531,6 @@
     float: left;
   }
 }
-.vxe-gantt-view--header-table {
-  height: 100%;
-}
 .vxe-gantt-view--header-table,
 .vxe-gantt-view--body-table {
   border: 0;
@@ -531,6 +541,9 @@
     width: var(--vxe-ui-gantt-view-default-cell-width);
   }
 }
+.vxe-gantt-view--header-wrapper {
+  background-color: var(--vxe-ui-table-header-background-color);
+}
 .vxe-gantt-view--header-wrapper,
 .vxe-gantt-view--body-wrapper {
   overflow: hidden;
@@ -556,9 +569,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/es/gantt/src/grid-props.js

@@ -1,7 +0,0 @@
-import { VxeUI } from '@vxe-ui/core';
-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, taskSplitConfig: Object });

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

@@ -1,298 +0,0 @@
-import { VxeUI } from '@vxe-ui/core';
-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 _core = require("@vxe-ui/core");
-var _tableProps = require("./table-props");
-const {
-  getConfig
-} = _core.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 _core=require("@vxe-ui/core"),_tableProps=require("./table-props");let getConfig=_core.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,14 +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,
-  taskSplitConfig: 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,taskSplitConfig:Object});