bin-ui/src/index.js

基于 vue2.6 / vue-cli3 的 UI 组件库

// 核心插件
import corePlugin from './plugin/core'
// 组件
import CollapseTransition from './components/base/collapse-transition'
import Row from './components/row'
import Col from './components/col'
import Icon from './components/icon'
import IconSelect from './components/icon/icon-select'
import Button from './components/button'
import ButtonGroup from './components/button-group'
import ScrollBar from './components/scrollbar'
import BackTop from './components/back-top'
import Card from './components/card'
import Divider from './components/divider'
import Modal from './components/modal'
import Drawer from './components/drawer'
import Tag from './components/tag'
import Tabs from './components/tabs'
import Circle from './components/circle'
import Progress from './components/progress'
import Alert from './components/alert'
import Loading from './components/loading'
import Collapse from './components/collapse'
import CollapsePanel from './components/collapse-panel'
import CollapseWrap from './components/collapse-wrap'
import Breadcrumb from './components/breadcrumb'
import BreadcrumbItem from './components/breadcrumb-item'
import Steps from './components/steps'
import Step from './components/step'
import Badge from './components/badge'
import Input from './components/input'
import InputNumber from './components/input-number'
import Rate from './components/rate'
import Switch from './components/switch'
import Checkbox from './components/checkbox'
import CheckboxGroup from './components/checkbox-group'
import Radio from './components/radio'
import RadioGroup from './components/radio-group'
import Tooltip from './components/tooltip'
import Form from './components/form'
import FormItem from './components/form-item'
import Dropdown from './components/dropdown'
import DropdownItem from './components/dropdown-item'
import DropdownMenu from './components/dropdown-menu'
import Select from './components/select'
import Option from './components/select-option'
import OptionGroup from './components/select-option-group'
import Cascade from './components/cascader'
import Table from './components/table'
import Page from './components/page'
import Tree from './components/tree'
import BigTree from './components/tree-big'
import Menu from './components/menu'
import SubMenu from './components/submenu'
import MenuItem from './components/menu-item'
import MenuItemGroup from './components/menu-group'
import Upload from './components/upload'
import DatePicker from './components/date-picker'
import TimePicker from './components/time-picker'
import ColorPicker from './components/color-picker'
import Timeline from './components/timeline'
import TimelineItem from './components/timeline-item'
import Affix from './components/affix'
import Anchor from './components/anchor'
import AnchorLink from './components/anchor-link'
import Carousel from './components/carousel'
import CarouselItem from './components/carousel-item'
import Calendar from './components/calendar'
import Popover from './components/popover'
import Split from './components/split'
import Slider from './components/slider'
import Desc from './components/desc'
import DescItem from './components/desc-item'
import BSkeleton from './components/skeleton'
import BSkeletonItem from './components/skeleton-item'
import Empty from './components/empty'
// 全局注册的实例不需要放入components下
import LoadingBar from './components/loadingbar'
import Message from './components/message'
import Notice from './components/notice'

const components = [
  Row, Col, Icon, IconSelect, Button, ButtonGroup, ScrollBar,
  BackTop, Card, Divider, Modal, Drawer,
  Tag, Progress, Circle, Alert, Loading,
  CollapseTransition, Collapse, CollapsePanel, CollapseWrap, Badge, Breadcrumb, BreadcrumbItem,
  Input, InputNumber, Rate, Switch, Checkbox, CheckboxGroup, Radio, RadioGroup, Tooltip,
  Form, FormItem, Tabs, Calendar, Steps, Step,
  Dropdown, DropdownItem, DropdownMenu,
  Select, Option, OptionGroup, Table, Page, Tree, BigTree, Cascade,
  Menu, SubMenu, MenuItem, MenuItemGroup, Upload, DatePicker, TimePicker, ColorPicker,
  Timeline, TimelineItem, Affix, Anchor, AnchorLink, Carousel, CarouselItem, Popover,
  Empty, Split, Slider, Desc, DescItem, BSkeleton, BSkeletonItem
]

const install = function (Vue, options) {
  components.forEach(component => {
    Vue.component(component.name, component)
  })
  // 注册全局的组件实例
  Vue.prototype.$loading = LoadingBar
  Vue.prototype.$message = Message.message
  Vue.prototype.$notice = Notice
  // 模态框实例及快捷方法
  Vue.prototype.$modal = Modal
  Vue.prototype.$alert = Modal.alert
  Vue.prototype.$confirm = Modal.confirm

  Vue.use(corePlugin, options)
}

/* istanbul ignore if */
if (typeof window !== 'undefined' && window.Vue) {
  install(window.Vue)
}

export default {
  install,
  Row,
  Col,
  Icon,
  IconSelect,
  Button,
  ButtonGroup,
  ScrollBar,
  BackTop,
  Card,
  Divider,
  Modal,
  Drawer,
  Tag,
  Tabs,
  Progress,
  Circle,
  Alert,
  Loading,
  CollapseTransition,
  Collapse,
  CollapsePanel,
  CollapseWrap,
  Breadcrumb,
  BreadcrumbItem,
  Steps,
  Step,
  LoadingBar,
  Message,
  Notice,
  Badge,
  Input,
  InputNumber,
  Rate,
  Switch,
  Checkbox,
  CheckboxGroup,
  Radio,
  RadioGroup,
  Tooltip,
  Form,
  FormItem,
  Dropdown,
  DropdownItem,
  DropdownMenu,
  Select,
  Option,
  OptionGroup,
  Cascade,
  Table,
  Page,
  Tree,
  BigTree,
  Menu,
  SubMenu,
  MenuItem,
  MenuItemGroup,
  Upload,
  DatePicker,
  TimePicker,
  ColorPicker,
  Timeline,
  TimelineItem,
  Affix,
  Anchor,
  AnchorLink,
  Carousel,
  CarouselItem,
  Calendar,
  Empty,
  Popover,
  Split,
  Slider,
  Desc,
  DescItem,
  BSkeleton,
  BSkeletonItem
}