byt-ui/packages/plugins/vxe-table.js

byt组件库

/*
 * @Description:
 * @Author: 王国火
 * @Date: 2024-06-26 11:20:33
 * @LastEditTime: 2025-08-07 11:50:00
 * @LastEditors: 王国火
 */
import { t } from '../locale';
// 导入主题变量，也可以重写主题变量
import 'vxe-table/styles/cssvar.scss'
import 'vxe-pc-ui/styles/cssvar.scss'
// 框架按需加载少引入一个scss文件，必须手动引入;
import 'vxe-pc-ui/styles/theme/base.scss';
import {
  VxeIcon,
  VxeInput,
  VxeTooltip,
  VxeSelect,
  VxeOption
} from 'vxe-pc-ui'
import {
  // 全局实例对象
  VxeUI as VXETable,
  // 可选组件
  VxeTable,
  VxeColumn,
  VxeColgroup,
  VxeGrid,
  VxeToolbar
} from 'vxe-table'

export const useVxeUI = function (Vue, opts = {}) {
  Vue.use(VxeIcon)
  Vue.use(VxeInput)
  Vue.use(VxeInput)
  Vue.use(VxeTooltip)
  Vue.use(VxeSelect)
  Vue.use(VxeOption)
}

export const useVxeTable = function (Vue, opts = {}) {
  VXETable.setConfig({
    size: opts.size || 'small',
    zIndex: opts.zIndex || 3000,
    i18n: (key, value) => t(key, value)
  })
  VXETable.setTheme('light')
  Vue.use(VxeTable)
  Vue.use(VxeColumn)
  Vue.use(VxeColgroup)
  Vue.use(VxeGrid)
  Vue.use(VxeToolbar)
}