import Vue from 'vue'
import 'normalize.css/normalize.css' // a modern alternative to CSS resets
// import Moment from 'moment'
import '@/styles/index.scss' // global css
import App from './App'
import store from './store'
import router from './router'
import watchLocal from '@/utils/watcLlocalstorage'//用于监听本地缓存
import i18n from './lang'

import "./utils/utils"

/**
 * umy-ui 解决table数据量过大卡顿问题
 */
import 'umy-ui/lib/theme-chalk/index.css';// 引入样式
import {
  UTableColumn,
  UTable,
  UxGrid,
  UxTableColumn
} from 'umy-ui';

Vue.use(UTableColumn);
Vue.use(UTable);
Vue.use(UxGrid);
Vue.use(UxTableColumn);
Vue.use(watchLocal)

// 通用按钮样式
import { 
  defaultFieldSettingBtn,
  defaultAddBtn,
  defaultFreshBtn,
  defaultFilterBtn,
  defaultImportBtn,
  defaultExportBtn,
  defaultFilterForDetailBtn
}  from '@/utils/defaultButtons';

Vue.prototype.defaultFieldSettingBtn = defaultFieldSettingBtn;
Vue.prototype.defaultAddBtn = defaultAddBtn;
Vue.prototype.defaultFreshBtn = defaultFreshBtn;
Vue.prototype.defaultFilterBtn = defaultFilterBtn;
Vue.prototype.defaultImportBtn = defaultImportBtn;
Vue.prototype.defaultExportBtn = defaultExportBtn;
Vue.prototype.defaultFilterForDetailBtn = defaultFilterForDetailBtn;

import * as filters from './filters' // global filters

/**
 * If you don't want to use mock-server
 * you want to use MockJs for mock api
 * you can execute: mockXHR()
 *
 * Currently MockJs will be used in the production environment,
 * please remove it before going online ! ! !
 */
// if (process.env.NODE_ENV === 'production') {
//   const { mockXHR } = require('../mock')
//   mockXHR()
// }
// register global utility filters
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

Vue.config.productionTip = false

new Vue({
  el: '#app',
  router,
  store,
  i18n,
  render: h => h(App)
})