import Vue from 'vue'
import ref from 'vue'
// 引入公共样式
import '../static/css/global.less'
// 引入nprogress进度条
import 'nprogress/nprogress.css'
// 引入antd
import {
    Button, Layout, Menu, Icon, Row, Col, Spin, Card,ConfigProvider, Select, Form,DatePicker, Table, Pagination,
    Divider, Tabs, List,
    Tooltip, Tree, Input,
    FormModel, Descriptions, Modal,
    Steps, TreeSelect, Cascader,
    Dropdown, Popconfirm, TimePicker,
    Radio, Checkbox, Upload,
    Switch, Progress, Alert,
    Message, Popover, InputNumber,
    Comment, Result, Tag, Collapse, LocaleProvider, Transfer, Badge, Drawer, Empty, Avatar,Statistic
} from 'ant-design-vue';

// import sModal from '@/components/modal/modal'
import BtnGroup from '@/components/btnGroup/index.vue'

// import fModal from '@/components/modal/index'
import fileLoad from '@/views/components/common/fileLoad'
import upLoad from '@/views/components/common/upLoad'

import paraMultiSelect from '@/views/components/common/paraMultiSelect'
import paraSelect from '@/views/components/common/paraSelect'
import baseSelect from '@/views/components/common/baseSelect'
import Viewer from "v-viewer"
import 'viewerjs/dist/viewer.css'

Vue.component('btn-group', BtnGroup);
// Vue.component('sModal', sModal)
Vue.component('fileLoad', fileLoad)
Vue.component('upLoad', upLoad)
// Vue.component('fModal', fModal)
Vue.component('paraMultiSelect', paraMultiSelect)
Vue.component('paraSelect', paraSelect)
Vue.component('baseSelect', baseSelect)

// 设置ant日期选择框为中文样式
import moment from 'moment'
import 'moment/locale/zh-cn'
moment.locale('zh-cn')

/*Message.config({
    top: `80px`,
    duration: 2,
});*/
Vue.use(Viewer)
Viewer.setDefaults({
    Options: {
      'inline': true, // 启用 inline 模式
      'button': true, // 显示右上角关闭按钮
      'navbar': true, // 显示缩略图导航
      'title': true, // 显示当前图片的标题
      'toolbar': true, // 显示工具栏
      'tooltip': true, // 显示缩放百分比
      'movable': true, // 图片是否可移动
      'zoomable': true, // 图片是否可缩放
      'rotatable': true, // 图片是否可旋转
      'scalable': true, // 图片是否可翻转
      'transition': true, // 使用 CSS3 过度
      //'fullscreen': true, // 播放时是否全屏
      'keyboard': true, // 是否支持键盘
      'url': 'data-source' // 设置大图片的 url
    }
})

Vue.use(Button)
Vue.use(Layout)
Vue.use(Menu)
Vue.use(Icon)
Vue.use(Row)
Vue.use(Col)
Vue.use(Spin)
Vue.use(Card)
Vue.use(Select)
Vue.use(Form)
Vue.use(DatePicker)
Vue.use(Table)
Vue.use(Pagination)
Vue.use(Divider)
Vue.use(Tabs)
Vue.use(List)
Vue.use(Tooltip)
Vue.use(Tree)
Vue.use(Input)
Vue.use(FormModel)
Vue.use(Descriptions)
Vue.use(Modal)
Vue.use(Steps)
Vue.use(TreeSelect)
Vue.use(Cascader)
Vue.use(Dropdown)
Vue.use(Popconfirm)
Vue.use(TimePicker)
Vue.use(Radio)
Vue.use(Checkbox)
Vue.use(Upload)
Vue.use(Switch)
Vue.use(Progress)
Vue.use(Alert)
Vue.use(Message)
Vue.use(Popover)
Vue.use(InputNumber)
Vue.use(Comment)
Vue.use(Result)
Vue.use(Tag)
Vue.use(Collapse)
Vue.use(LocaleProvider)
Vue.use(ConfigProvider)
Vue.use(Transfer)
Vue.use(Badge)
Vue.use(Drawer)
Vue.use(Empty)
Vue.use(Avatar)
Vue.use(Statistic)