vxe-table-select-area/packages/select-area/common/constant.js

一个基于 vxe-table 的可区域选中复制、粘贴的组件

// prefix
export const PREFIX_CLS = 've-table-'

// locale comp name
export const LOCALE_COMP_NAME = 'table'

// column types
export const COLUMN_TYPES = {
  // expand row
  EXPAND: 'expand',
  // checkbox
  CHECKBOX: 'checkbox',
  // radio
  RADIO: 'radio'
}

// column fixed type
export const COLUMN_FIXED_TYPE = {
  LEFT: 'left',
  RIGHT: 'right'
}

// expand row trigger types
export const EXPAND_TRIGGER_TYPES = {
  // trigger by click icon
  ICON: 'icon',
  // trigger by click cell(td)
  CELL: 'cell',
  // trigger by click row
  ROW: 'row'
}

// cell selection direction
export const CELL_SELECTION_DIRECTION = {
  UP: 'up',
  RIGHT: 'right',
  DOWN: 'down',
  LEFT: 'left'
}

// autofilling direction
export const AUTOFILLING_DIRECTION = {
  UP: 'up',
  RIGHT: 'right',
  DOWN: 'down',
  LEFT: 'left'
}

// current cell selection types
export const CURRENT_CELL_SELECTION_TYPES = {
  SINGLE: 'single',
  RANGE: 'range'
}

// emit events
export const EMIT_EVENTS = {
  // body-cell-width-change
  BODY_CELL_WIDTH_CHANGE: 'on-body-cell-width-change',
  // header-row-height-change
  HEADER_ROW_HEIGHT_CHANGE: 'on-header-row-height-change',
  // footer-row-height-change
  FOOTER_ROW_HEIGHT_CHANGE: 'on-footer-row-height-change',
  // body-row-height-change
  BODY_ROW_HEIGHT_CHANGE: 'on-body-row-height-change',
  // body row click
  BODY_ROW_CLICK: 'on-body-row-click',
  // body cell click
  BODY_CELL_CLICK: 'on-body-cell-click',
  // body cell mouseover
  BODY_CELL_MOUSEOVER: 'on-body-cell-mouseover',
  // body cell mousedown
  BODY_CELL_MOUSEDOWN: 'on-body-cell-mousedown',
  // body cell mousemove
  BODY_CELL_MOUSEMOVE: 'on-body-cell-mousemove',
  // body cell mouseup
  BODY_CELL_MOUSEUP: 'on-body-cell-mouseup',
  // body cell double click
  BODY_CELL_DOUBLE_CLICK: 'on-body-cell-double-click',
  // body cell contextmenu
  BODY_CELL_CONTEXTMENU: 'on-body-cell-contextmenu',
  // expand row change
  EXPAND_ROW_CHANGE: 'on-expand-row-change',
  // checkbox selected row change
  CHECKBOX_SELECTED_ROW_CHANGE: 'on-checkbox-selected-row-change',
  // checkbox selected all change
  CHECKBOX_SELECTED_ALL_CHANGE: 'on-checkbox-selected-all-change',
  // checkbox selected all ino
  CHECKBOX_SELECTED_ALL_INFO: 'on-checkbox-selected-all-info',
  // radio selected row change
  RADIO_SELECTED_ROW_CHANGE: 'on-radio-selected-row-change',
  // sort change
  SORT_CHANGE: 'on-sort-change',
  // on-cell-selection-key-change
  CELL_SELECTION_KEY_CHANGE: 'on-cell-selection-key-change',
  // on-cell-selection-range-data-change
  CELL_SELECTION_RANGE_DATA_CHANGE: 'on-cell-selection-range-data-change',
  // header filter confirm
  HEADER_FILTER_CONFIRM: 'on-filter-confirm',
  // header filter reset
  HEADER_FILTER_RESET: 'on-filter-reset',
  // header cell click
  HEADER_CELL_CLICK: 'on-header-cell-click',
  // header cell contextmenu
  HEADER_CELL_CONTEXTMENU: 'on-header-cell-contextmenu',
  // header cell mousedown
  HEADER_CELL_MOUSEDOWN: 'on-header-cell-mousedown',
  // header cell mouseover
  HEADER_CELL_MOUSEOVER: 'on-header-cell-mouseover',
  // header cell mousemove
  HEADER_CELL_MOUSEMOVE: 'on-header-cell-mousemove',
  // header cell mouseleave
  HEADER_CELL_MOUSELEAVE: 'on-header-cell-mouseleave',
  // highlight row change
  HIGHLIGHT_ROW_CHANGE: 'on-highlight-row-change',

  // edit input clicked
  EDIT_INPUT_CLICK: 'on-edit-input-click',
  // edit input blur
  EDIT_INPUT_BLUR: 'on-edit-input-blur',
  // edit input value change
  EDIT_INPUT_VALUE_CHANGE: 'on-edit-input-value-change',
  // edit input copy
  EDIT_INPUT_COPY: 'on-edit-input-copy',
  // edit input paste
  EDIT_INPUT_PASTE: 'on-edit-input-paste',
  // edit input cut
  EDIT_INPUT_CUT: 'on-edit-input-cut',

  // selection corner mousedown
  SELECTION_CORNER_MOUSEDOWN: 'selection-corner-mousedown',
  // selection corner mouseup
  SELECTION_CORNER_MOUSEUP: 'selection-corner-mouseup',
  // autofilling direction change
  AUTOFILLING_DIRECTION_CHANGE: 'autofilling-direction-change'
}

// hooks name
export const HOOKS_NAME = {
  // table container scroll
  TABLE_CONTAINER_SCROLL: 'table-container-scroll',
  // table-container-mouseup
  TABLE_CONTAINER_MOUSEUP: 'table-container-mouseup',
  // table-container-mousemove
  // TABLE_CONTAINER_MOUSEMOVE: "table-container-mousemove",
  // table size change
  TABLE_SIZE_CHANGE: 'table-size-change',
  // table td width change
  TABLE_CELL_WIDTH_CHANGE: 'table-cell-width-change',
  /*
    clipboard cell value change
    可能导致单元格高度变化，需要重新修改区域选择的定位信息
    */
  CLIPBOARD_CELL_VALUE_CHANGE: 'clipboard-cell-value-change',
  // header cell mousedown
  // HEADER_CELL_MOUSEDOWN: "header-cell-mousedown",
  // header cell mousemove
  HEADER_CELL_MOUSEMOVE: 'header-cell-mousemove',
  // body cell mousemove
  BODY_CELL_MOUSEMOVE: 'body-cell-mousemove'
}

// comps name
export const COMPS_NAME = {
  VE_TABLE: 'VeTable',

  VE_TABLE_THADER: 'VeTableHeader',
  VE_TABLE_THADER_TR: 'VeTableHeaderTr',
  VE_TABLE_THADER_Th: 'VeTableHeaderTh',
  VE_TABLE_HEADER_CHECKBOX_CONTENT: 'VeTableHeaderCheckboxContent',
  VE_TABLE_HEADER_FILTER_CONTENT: 'VeTableHeaderFilterContent',
  VE_TABLE_HEADER_FILTER_CUSTOM_CONTENT: 'VeTableHeaderFilterCustomContent',

  VE_TABLE_BODY: 'VeTableBody',
  VE_TABLE_BODY_TR: 'VeTableBodyTr',
  VE_TABLE_BODY_TR_SCROLLING: 'VeTableBodyTrScrolling',
  VE_TABLE_BODY_CHECKBOX_CONTENT: 'VeTableBodyCheckboxContent',
  VE_TABLE_BODY_RADIO_CONTENT: 'VeTableBodyRadioContent',
  VE_TABLE_BODY_TD: 'VeTableBodyTd',

  VE_TABLE_COLGROUP: 'VeTableColgroup',
  VE_TABLE_FOOTER: 'VeTableFooter',

  VE_TABLE_EXPAND_TR: 'VeTableExpandTr',
  VE_TABLE_EXPAND_TR_ICON: 'VeTableExpandTrIcon',

  VE_TABLE_EDIT_INPUT: 'VeTableEditInput',

  VE_TABLE_SELECTION: 'VeTableSelection',

  VE_TABLE_COLUMN_RESISZER: 'VeTableColumnResizer'
}

// comps custom attrs
export const COMPS_CUSTOM_ATTRS = {
  // body row key
  BODY_ROW_KEY: 'rowid',
  // body column key
  BODY_COLUMN_KEY: 'colid'
}

// instance methods
export const INSTANCE_METHODS = {
  // scroll to pixels
  SCROLL_TO: 'scrollTo',
  // scroll to rowKey
  SCROLL_TO_ROW_KEY: 'scrollToRowKey',
  // scroll to colKey
  SCROLL_TO_COL_KEY: 'scrollToColKey',
  // start editing cell
  START_EDITING_CELL: 'startEditingCell',
  // stop editing cell
  STOP_EDITING_CELL: 'stopEditingCell',
  // set highlight row
  SET_HIGHLIGHT_ROW: 'setHighlightRow',
  // set cell selection
  SET_CELL_SELECTION: 'setCellSelection',
  // set range cell selection
  SET_RANGE_CELL_SELECTION: 'setRangeCellSelection',
  // get range cell selection
  GET_RANGE_CELL_SELECTION: 'getRangeCellSelection',
  // set all cell selection
  SET_ALL_CELL_SELECTION: 'setAllCellSelection',
  // hide columns by keys
  HIDE_COLUMNS_BY_KEYS: 'hideColumnsByKeys',
  // show columns by keys
  SHOW_COLUMNS_BY_KEYS: 'showColumnsByKeys'
}

// contextmenu types
export const CONTEXTMENU_TYPES = {
  HEADER_CONTEXTMENU: 'headerContextmenu',
  BODY_CONTEXTMENU: 'bodyContextmenu'
}

// contextmenu node types
export const CONTEXTMENU_NODE_TYPES = {
  // separator
  SEPARATOR: 'SEPARATOR',
  // cut
  CUT: 'CUT',
  // copy
  COPY: 'COPY',
  // paste todo
  // PASTE: "PASTE",
  // insert row above
  INSERT_ROW_ABOVE: 'INSERT_ROW_ABOVE',
  // insert row below
  INSERT_ROW_BELOW: 'INSERT_ROW_BELOW',
  // remove row
  REMOVE_ROW: 'REMOVE_ROW',
  // empty row
  EMPTY_ROW: 'EMPTY_ROW',
  // remove column
  // REMOVE_COLUMN: "REMOVE_COLUMN",
  // empty column
  EMPTY_COLUMN: 'EMPTY_COLUMN',
  // hide column
  // HIDE_COLUMN: "HIDE_COLUMN",
  // empty cell
  EMPTY_CELL: 'EMPTY_CELL',
  // left fixed column to
  LEFT_FIXED_COLUMN_TO: 'LEFT_FIXED_COLUMN_TO',
  // cancel left fixed column to
  CANCEL_LEFT_FIXED_COLUMN_TO: 'CANCEL_LEFT_FIXED_COLUMN_TO',
  // right fixed column to
  RIGHT_FIXED_COLUMN_TO: 'RIGHT_FIXED_COLUMN_TO',
  // cancel right fixed column to
  CANCEL_RIGHT_FIXED_COLUMN_TO: 'CANCEL_RIGHT_FIXED_COLUMN_TO'
}