vxe-gantt 0.0.1 → 0.0.3

package/packages/gantt/src/grid-emits.ts

@@ -0,0 +1,19 @@
+import { tableEmits } from './table-emits'
+
+import type { VxeGridEmits } from 'vxe-table'
+
+export const gridEmits: VxeGridEmits = [
+  ...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'
+]

package/packages/gantt/src/grid-props.ts

@@ -0,0 +1,23 @@
+
+import { PropType } from 'vue'
+import { VxeUI } from '../../ui'
+import { tableProps } from './table-props'
+
+import type { VxeGridPropTypes } from 'vxe-table'
+
+const { getConfig } = VxeUI
+
+export const gridProps = {
+  ...tableProps,
+  layouts: Array as PropType<VxeGridPropTypes.Layouts>,
+  columns: Array as PropType<VxeGridPropTypes.Columns<any>>,
+  pagerConfig: Object as PropType<VxeGridPropTypes.PagerConfig>,
+  proxyConfig: Object as PropType<VxeGridPropTypes.ProxyConfig<any>>,
+  toolbarConfig: Object as PropType<VxeGridPropTypes.ToolbarConfig>,
+  formConfig: Object as PropType<VxeGridPropTypes.FormConfig>,
+  zoomConfig: Object as PropType<VxeGridPropTypes.ZoomConfig>,
+  size: {
+    type: String as PropType<VxeGridPropTypes.Size>,
+    default: () => getConfig().gantt.size || getConfig().size
+  }
+}

package/packages/gantt/src/props.ts

@@ -0,0 +1,13 @@
+import { PropType } from 'vue'
+import { gridProps } from './grid-props'
+
+import type { VxeGanttPropTypes } from '../../../types'
+
+export const ganttProps = {
+  ...gridProps,
+
+  layouts: Array as PropType<VxeGanttPropTypes.Layouts>,
+  taskConfig: Object as PropType<VxeGanttPropTypes.TaskConfig>,
+  taskViewConfig: Object as PropType<VxeGanttPropTypes.TaskViewConfig>,
+  taskBarConfig: Object as PropType<VxeGanttPropTypes.TaskBarConfig>
+}

package/packages/gantt/src/table-emits.ts

@@ -0,0 +1,109 @@
+import type { VxeTableEmits } from 'vxe-table'
+
+export const tableEmits: VxeTableEmits = [
+  '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'
+]

package/packages/gantt/src/table-props.ts

@@ -0,0 +1,304 @@
+import { PropType } from 'vue'
+import { VxeUI } from '../../ui'
+
+import type { VxeTablePropTypes } from 'vxe-table'
+
+const { getConfig } = VxeUI
+
+export const tableProps = {
+  /** 基本属性 */
+  id: [String, Function] as PropType<VxeTablePropTypes.ID>,
+  // 数据
+  data: Array as PropType<any[]>,
+  // 表格的高度
+  height: [Number, String] as PropType<VxeTablePropTypes.Height>,
+  // 表格的最小高度
+  minHeight: {
+    type: [Number, String] as PropType<VxeTablePropTypes.MinHeight>,
+    default: () => getConfig().table.minHeight
+  },
+  // 表格的最大高度
+  maxHeight: [Number, String] as PropType<VxeTablePropTypes.MaxHeight>,
+  // 已废弃，被 column-config.resizable 替换
+  resizable: {
+    type: Boolean as PropType<VxeTablePropTypes.Resizable>,
+    default: () => getConfig().table.resizable
+  },
+  // 是否带有斑马纹
+  stripe: {
+    type: Boolean as PropType<VxeTablePropTypes.Stripe>,
+    default: () => getConfig().table.stripe
+  },
+  // 是否带有边框
+  border: {
+    type: [Boolean, String] as PropType<VxeTablePropTypes.Border>,
+    default: () => getConfig().table.border
+  },
+  // 已废弃，被 cell-config.padding 替换
+  padding: {
+    type: Boolean as PropType<VxeTablePropTypes.Padding>,
+    default: null
+  },
+  // 是否圆角边框
+  round: {
+    type: Boolean as PropType<VxeTablePropTypes.Round>,
+    default: () => getConfig().table.round
+  },
+  // 表格的尺寸
+  size: {
+    type: String as PropType<VxeTablePropTypes.Size>,
+    default: () => getConfig().table.size || getConfig().size
+  },
+  // 列的宽度是否自撑开（可能会被废弃的参数，不要使用）
+  fit: {
+    type: Boolean as PropType<VxeTablePropTypes.Fit>,
+    default: () => getConfig().table.fit
+  },
+  // 表格是否加载中
+  loading: Boolean as PropType<VxeTablePropTypes.Loading>,
+  // 所有的列对其方式
+  align: {
+    type: String as PropType<VxeTablePropTypes.Align>,
+    default: () => getConfig().table.align
+  },
+  // 所有的表头列的对齐方式
+  headerAlign: {
+    type: String as PropType<VxeTablePropTypes.HeaderAlign>,
+    default: () => getConfig().table.headerAlign
+  },
+  // 所有的表尾列的对齐方式
+  footerAlign: {
+    type: String as PropType<VxeTablePropTypes.FooterAlign>,
+    default: () => getConfig().table.footerAlign
+  },
+  // 是否显示表头
+  showHeader: {
+    type: Boolean as PropType<VxeTablePropTypes.ShowHeader>,
+    default: () => getConfig().table.showHeader
+  },
+  // （即将废弃）是否要高亮当前选中行
+  highlightCurrentRow: {
+    type: Boolean as PropType<VxeTablePropTypes.HighlightCurrentRow>,
+    default: () => getConfig().table.highlightCurrentRow
+  },
+  // （即将废弃）鼠标移到行是否要高亮显示
+  highlightHoverRow: {
+    type: Boolean as PropType<VxeTablePropTypes.HighlightHoverRow>,
+    default: () => getConfig().table.highlightHoverRow
+  },
+  /**
+   * （即将废弃）是否要高亮当前选中列
+   * @deprecated
+   */
+  highlightCurrentColumn: {
+    type: Boolean as PropType<VxeTablePropTypes.HighlightCurrentColumn>,
+    default: () => getConfig().table.highlightCurrentColumn
+  },
+  /**
+   * （即将废弃）鼠标移到列是否要高亮显示
+   * @deprecated
+   */
+  highlightHoverColumn: {
+    type: Boolean as PropType<VxeTablePropTypes.HighlightHoverColumn>,
+    default: () => getConfig().table.highlightHoverColumn
+  },
+  // （即将废弃）激活单元格编辑时是否高亮显示
+  highlightCell: Boolean as PropType<VxeTablePropTypes.HighlightCell>,
+  // 是否显示表尾合计
+  showFooter: Boolean as PropType<VxeTablePropTypes.ShowFooter>,
+  // 表尾数据
+  footerData: Array as PropType<VxeTablePropTypes.FooterData>,
+  // 表尾合计的计算方法
+  footerMethod: Function as PropType<VxeTablePropTypes.FooterMethod>,
+  // 给行附加 className
+  rowClassName: [String, Function] as PropType<VxeTablePropTypes.RowClassName>,
+  // 给单元格附加 className
+  cellClassName: [String, Function] as PropType<VxeTablePropTypes.CellClassName>,
+  // 给表头的行附加 className
+  headerRowClassName: [String, Function] as PropType<VxeTablePropTypes.HeaderRowClassName>,
+  // 给表头的单元格附加 className
+  headerCellClassName: [String, Function] as PropType<VxeTablePropTypes.HeaderRowClassName>,
+  // 给表尾的行附加 className
+  footerRowClassName: [String, Function] as PropType<VxeTablePropTypes.FooterRowClassName>,
+  // 给表尾的单元格附加 className
+  footerCellClassName: [String, Function] as PropType<VxeTablePropTypes.FooterCellClassName>,
+  // 给单元格附加样式
+  cellStyle: [Object, Function] as PropType<VxeTablePropTypes.CellStyle>,
+  // 给表头单元格附加样式
+  headerCellStyle: [Object, Function] as PropType<VxeTablePropTypes.HeaderCellStyle>,
+  // 给表尾单元格附加样式
+  footerCellStyle: [Object, Function] as PropType<VxeTablePropTypes.FooterCellStyle>,
+  // 给行附加样式
+  rowStyle: [Object, Function] as PropType<VxeTablePropTypes.RowStyle>,
+  // 给表头行附加样式
+  headerRowStyle: [Object, Function] as PropType<VxeTablePropTypes.HeaderRowStyle>,
+  // 给表尾行附加样式
+  footerRowStyle: [Object, Function] as PropType<VxeTablePropTypes.FooterRowStyle>,
+  // 合并指定单元格
+  mergeCells: Array as PropType<VxeTablePropTypes.MergeCells>,
+  // 合并指定的表尾
+  mergeFooterItems: Array as PropType<VxeTablePropTypes.MergeFooterItems>,
+  // 自定义合并行或列的方法
+  spanMethod: Function as PropType<VxeTablePropTypes.SpanMethod>,
+  // 表尾合并行或列
+  footerSpanMethod: Function as PropType<VxeTablePropTypes.FooterSpanMethod>,
+  // 设置所有内容过长时显示为省略号
+  showOverflow: {
+    type: [Boolean, String] as PropType<VxeTablePropTypes.ShowOverflow>,
+    default: () => getConfig().table.showOverflow
+  },
+  // 设置表头所有内容过长时显示为省略号
+  showHeaderOverflow: {
+    type: [Boolean, String] as PropType<VxeTablePropTypes.ShowHeaderOverflow>,
+    default: () => getConfig().table.showHeaderOverflow
+  },
+  // 设置表尾所有内容过长时显示为省略号
+  showFooterOverflow: {
+    type: [Boolean, String] as PropType<VxeTablePropTypes.ShowFooterOverflow>,
+    default: () => getConfig().table.showFooterOverflow
+  },
+
+  /** 高级属性 */
+  /**
+   * （即将废弃）columnKey 已废弃，被 column-config.useKey 替换
+   * @deprecated
+   */
+  columnKey: Boolean as PropType<VxeTablePropTypes.ColumnKey>,
+  /**
+   * （即将废弃）rowKey 已废弃，被 row-config.useKey 替换
+   * @deprecated
+   */
+  rowKey: Boolean as PropType<VxeTablePropTypes.RowKey>,
+  /**
+   * （即将废弃）rowId 已废弃，被 row-config.keyField 替换
+   * @deprecated
+   */
+  rowId: {
+    type: String as PropType<VxeTablePropTypes.RowId>,
+    default: () => getConfig().table.rowId
+  },
+  zIndex: Number as PropType<VxeTablePropTypes.ZIndex>,
+  emptyText: {
+    type: String as PropType<VxeTablePropTypes.EmptyText>,
+    default: () => getConfig().table.emptyText
+  },
+  keepSource: {
+    type: Boolean as PropType<VxeTablePropTypes.KeepSource>,
+    default: () => getConfig().table.keepSource
+  },
+  // 是否自动监听父容器变化去更新响应式表格宽高
+  autoResize: {
+    type: Boolean as PropType<VxeTablePropTypes.AutoResize>,
+    default: () => getConfig().table.autoResize
+  },
+  // 是否自动根据状态属性去更新响应式表格宽高
+  syncResize: [Boolean, String, Number],
+  // 响应式布局配置项
+  resizeConfig: Object as PropType<VxeTablePropTypes.ResizeConfig>,
+  // 列配置项
+  columnConfig: Object as PropType<VxeTablePropTypes.ColumnConfig>,
+  // 当前列配置项
+  currentColumnConfig: Object as PropType<VxeTablePropTypes.CurrentColumnConfig>,
+  // 单元格配置项
+  cellConfig: Object as PropType<VxeTablePropTypes.CellConfig>,
+  // 表头单元格配置项
+  headerCellConfig: Object as PropType<VxeTablePropTypes.HeaderCellConfig>,
+  // 表尾单元格配置项
+  footerCellConfig: Object as PropType<VxeTablePropTypes.FooterCellConfig>,
+  // 行配置项
+  rowConfig: Object as PropType<VxeTablePropTypes.RowConfig>,
+  // 数据聚合配置项
+  aggregateConfig: Object as PropType<VxeTablePropTypes.AggregateConfig>,
+  /**
+   * 已废弃，被 aggregateConfig 替换
+   * @deprecated
+   */
+  rowGroupConfig: Object as PropType<VxeTablePropTypes.RowGroupConfig>,
+  // 当前行配置项
+  currentRowConfig: Object as PropType<VxeTablePropTypes.CurrentRowConfig>,
+  /**
+   * 已废弃，被 rowDragConfig 替换
+   * @deprecated
+   */
+  dragConfig: Object as PropType<VxeTablePropTypes.DragConfig>,
+  // 行拖拽排序配置项
+  rowDragConfig: Object as PropType<VxeTablePropTypes.RowDragConfig>,
+  // 列拖拽排序配置项
+  columnDragConfig: Object as PropType<VxeTablePropTypes.ColumnDragConfig>,
+  // 列调整配置项
+  resizableConfig: Object as PropType<VxeTablePropTypes.ResizableConfig>,
+  // 序号配置项
+  seqConfig: Object as PropType<VxeTablePropTypes.SeqConfig>,
+  // 排序配置项
+  sortConfig: Object as PropType<VxeTablePropTypes.SortConfig>,
+  // 筛选配置项
+  filterConfig: Object as PropType<VxeTablePropTypes.FilterConfig>,
+  // 单选框配置
+  radioConfig: Object as PropType<VxeTablePropTypes.RadioConfig>,
+  // 复选框配置项
+  checkboxConfig: Object as PropType<VxeTablePropTypes.CheckboxConfig>,
+  // tooltip 配置项
+  tooltipConfig: Object as PropType<VxeTablePropTypes.TooltipConfig>,
+  // 导出配置项
+  exportConfig: Object as PropType<VxeTablePropTypes.ExportConfig>,
+  // 导入配置项
+  importConfig: Object as PropType<VxeTablePropTypes.ImportConfig>,
+  // 打印配置项
+  printConfig: Object as PropType<VxeTablePropTypes.PrintConfig>,
+  // 展开行配置项
+  expandConfig: Object as PropType<VxeTablePropTypes.ExpandConfig>,
+  // 树形结构配置项
+  treeConfig: Object as PropType<VxeTablePropTypes.TreeConfig>,
+  // 快捷菜单配置项
+  menuConfig: Object as PropType<VxeTablePropTypes.MenuConfig>,
+  // 鼠标配置项
+  mouseConfig: Object as PropType<VxeTablePropTypes.MouseConfig>,
+  // 区域配置项
+  areaConfig: Object as PropType<VxeTablePropTypes.AreaConfig>,
+  // 按键配置项
+  keyboardConfig: Object as PropType<VxeTablePropTypes.KeyboardConfig<any>>,
+  // 复制粘/贴配置项
+  clipConfig: Object as PropType<VxeTablePropTypes.ClipConfig<any>>,
+  // 查找/替换配置项
+  fnrConfig: Object as PropType<VxeTablePropTypes.FNRConfig>,
+  // 编辑配置项
+  editConfig: Object as PropType<VxeTablePropTypes.EditConfig<any>>,
+  // 校验配置项
+  validConfig: Object as PropType<VxeTablePropTypes.ValidConfig>,
+  // 校验规则配置项
+  editRules: Object as PropType<VxeTablePropTypes.EditRules>,
+  // 加载中配置项
+  loadingConfig: Object as PropType<VxeTablePropTypes.LoadingConfig>,
+  // 空内容渲染配置项
+  emptyRender: Object as PropType<VxeTablePropTypes.EmptyRender>,
+  // 自定义列配置项
+  customConfig: Object as PropType<VxeTablePropTypes.CustomConfig>,
+  /**
+   * （即将废弃）横向虚拟滚动配置项
+   * @deprecated
+   */
+  scrollX: Object as PropType<VxeTablePropTypes.ScrollX>,
+  /**
+   * （即将废弃）纵向虚拟滚动配置项
+   * @deprecated
+   */
+  scrollY: Object as PropType<VxeTablePropTypes.ScrollY>,
+  // 横向虚拟滚动配置项
+  virtualXConfig: Object as PropType<VxeTablePropTypes.VirtualXConfig>,
+  // 纵向虚拟滚动配置项
+  virtualYConfig: Object as PropType<VxeTablePropTypes.VirtualYConfig>,
+  // 滚动条配置项
+  scrollbarConfig: Object as PropType<VxeTablePropTypes.ScrollbarConfig>,
+  // （即将废弃）优化相关
+  animat: {
+    type: Boolean as PropType<VxeTablePropTypes.Animat>,
+    default: () => getConfig().table.animat
+  },
+  // （可能会被废弃的参数，不要使用）
+  delayHover: {
+    type: Number as PropType<VxeTablePropTypes.DelayHover>,
+    default: () => getConfig().table.delayHover as number
+  },
+  // 额外的参数
+  params: Object as PropType<VxeTablePropTypes.Params>
+}

package/packages/gantt/src/util.ts

@@ -0,0 +1,15 @@
+import type { VxeTableDefines, VxeTablePropTypes } from 'vxe-table'
+
+export function getRefElem (refEl: any) {
+  if (refEl) {
+    const rest = refEl.value
+    if (rest) {
+      return (rest.$el || rest) as HTMLElement
+    }
+  }
+  return null
+}
+
+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

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

package/packages/ui/index.ts

@@ -0,0 +1,58 @@
+import { VxeUI, setConfig, setIcon } from '@vxe-ui/core'
+
+VxeUI.ganttVersion = process.env.VUE_APP_VXE_VERSION as string
+
+setConfig({
+  gantt: {
+    // size: null,
+    // zoomConfig: {
+    //   escRestore: true
+    // },
+    formConfig: {
+      enabled: true
+    },
+    pagerConfig: {
+      enabled: true
+      // perfect: false
+    },
+    toolbarConfig: {
+      enabled: true
+      // perfect: false
+    },
+    proxyConfig: {
+      enabled: true,
+      autoLoad: true,
+      showLoading: true,
+      showResponseMsg: true,
+      showActionMsg: true,
+      response: {
+        list: null,
+        result: 'result',
+        total: 'page.total',
+        message: 'message'
+      }
+      // beforeItem: null,
+      // beforeColumn: null,
+      // beforeQuery: null,
+      // afterQuery: null,
+      // beforeDelete: null,
+      // afterDelete: null,
+      // beforeSave: null,
+      // afterSave: null
+    }
+  }
+})
+
+const iconPrefix = 'vxe-icon-'
+
+setIcon({
+  // gantt
+  GANTT_VIEW_LEFT_OPEN: iconPrefix + 'arrow-left',
+  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/packages/ui/src/comp.ts

@@ -0,0 +1,3 @@
+import { defineComponent } from 'vue'
+
+export const defineVxeComponent = defineComponent