chenhaodong / mew-iview

  import Affix from './components/affix';

  import Alert from './components/alert';

  import Anchor from './components/anchor';
  import AnchorLink from './components/anchor-link';

  import AutoComplete from './components/auto-complete';

  import Avatar from './components/avatar';

  import BackTop from './components/back-top';

  import Badge from './components/badge';

  import Breadcrumb from './components/breadcrumb';

  import Button from './components/button';

  import Card from './components/card';

  import Calendar from './components/calendar';

  import Carousel from './components/carousel';

  import Cascader from './components/cascader';

  import Cell from './components/cell';

  import Checkbox from './components/checkbox';

  import Circle from './components/circle';

  import Collapse from './components/collapse';

  import ColorPicker from './components/color-picker';

  import Content from './components/content';

  import DatePicker from './components/date-picker';

  import Divider from './components/divider';

  import Drawer from './components/drawer';

  import Dropdown from './components/dropdown';

  import Footer from './components/footer';

  import Form from './components/form';

  import Header from './components/header';

  import Icon from './components/icon';

  import Input from './components/input';

  import InputNumber from './components/input-number';

  import Scroll from './components/scroll';

  import Split from './components/split';

  import Layout from './components/layout';

  import LoadingBar from './components/loading-bar';

  import Menu from './components/menu';

  import Message from './components/message';

  import MewMap from './components/mew-map';
  import MewMapSelector from './components/mew-map-selector';

  import MewMenu from './components/mew-menu';

  import Modal from './components/modal';

  import Notice from './components/notice';

  import Page from './components/page';

  import Poptip from './components/poptip';

  import Progress from './components/progress';

  import Radio from './components/radio';

  import Rate from './components/rate';

  import Sider from './components/sider';

  import Slider from './components/slider';

  import Spin from './components/spin';

  import Steps from './components/steps';

  import Switch from './components/switch';

  import Table from './components/table';

  import Tabs from './components/tabs';

  import Tag from './components/tag';

  import Time from './components/time';

  import Timeline from './components/timeline';

  import TimePicker from './components/time-picker';

  import Tooltip from './components/tooltip';

  import Transfer from './components/transfer';

  import Tree from './components/tree';

  import Upload from './components/upload';

  import {Row, Col} from './components/grid';
  import {Select, Option, OptionGroup} from './components/select';

  import locale from './locale/index';

  const components = {

      Affix,

      Alert,

      Anchor,
      AnchorLink,

      AutoComplete,

      Avatar,

      BackTop,

      Badge,

      Breadcrumb,
      BreadcrumbItem: Breadcrumb.Item,

      Button,
      ButtonGroup: Button.Group,

      Calendar,

      Card,

      Carousel,
      CarouselItem: Carousel.Item,

      Cascader,

      Cell,
      CellGroup: Cell.Group,

      Checkbox,
      CheckboxGroup: Checkbox.Group,

      Col,

      Collapse,
      ColorPicker,

      Content: Content,

      DatePicker,

      Divider,

      Drawer,

      Dropdown,
      DropdownItem: Dropdown.Item,
      DropdownMenu: Dropdown.Menu,

      Footer: Footer,

      Form,

      FormItem: Form.Item,

      Header: Header,

      Icon,

      Input,

      InputNumber,

      Scroll,

      Sider: Sider,

      Split,

      Submenu: Menu.Sub,
      Layout: Layout,

      LoadingBar,

      Menu,

      MenuGroup: Menu.Group,
      MenuItem: Menu.Item,

      Message,

      MewMap,
      MewMapSelector,

      MewMenu,
      MewMenuGroup: MewMenu.Group,
      MewMenuItem: MewMenu.Item,

      MewSubmenu: MewMenu.Sub,

      Modal,

      Notice,

      Option: Option,

      OptionGroup,

      Page,

      Panel: Collapse.Panel,

      Poptip,

      Progress,

      Radio,
      RadioGroup: Radio.Group,

      Rate,

      Row,

      Select,

      Slider,

      Spin,

      Step: Steps.Step,
      Steps,

      Table,

      Tabs: Tabs,
      TabPane: Tabs.Pane,

      Tag,

      Time,

      Timeline,
      TimelineItem: Timeline.Item,

      TimePicker,

      Tooltip,

      Transfer,

      Tree,

      Upload

  };

  const iview = {
      ...components,
      iButton: Button,
      iCircle: Circle,
      iCol: Col,

      iContent: Content,

      iForm: Form,

      iFooter: Footer,
      iHeader: Header,

      iInput: Input,
      iMenu: Menu,
      iOption: Option,
      iProgress: Progress,
      iSelect: Select,
      iSwitch: Switch,

      iTable: Table,
      iTime: Time

  };
  

  const install = function(Vue, opts = {}) {

      if (install.installed) return;

      locale.use(opts.locale);
      locale.i18n(opts.i18n);
  

      Object.keys(iview).forEach(key => {

          Vue.component(key, iview[key]);

      });
  

      Vue.prototype.$IVIEW = {
          size: opts.size || '',

          transfer: 'transfer' in opts ? opts.transfer : '',
          select: {

              arrow: opts.select ? opts.select.arrow ? opts.select.arrow : '' : '',
              customArrow: opts.select ? opts.select.customArrow ? opts.select.customArrow : '' : '',
              arrowSize: opts.select ? opts.select.arrowSize ? opts.select.arrowSize : '' : ''
          },
          cell: {
              arrow: opts.cell ? opts.cell.arrow ? opts.cell.arrow : '' : '',
              customArrow: opts.cell ? opts.cell.customArrow ? opts.cell.customArrow : '' : '',
              arrowSize: opts.cell ? opts.cell.arrowSize ? opts.cell.arrowSize : '' : ''

          },
          menu: {
              arrow: opts.menu ? opts.menu.arrow ? opts.menu.arrow : '' : '',
              customArrow: opts.menu ? opts.menu.customArrow ? opts.menu.customArrow : '' : '',
              arrowSize: opts.menu ? opts.menu.arrowSize ? opts.menu.arrowSize : '' : ''

          },
          tree: {
              arrow: opts.tree ? opts.tree.arrow ? opts.tree.arrow : '' : '',
              customArrow: opts.tree ? opts.tree.customArrow ? opts.tree.customArrow : '' : '',
              arrowSize: opts.tree ? opts.tree.arrowSize ? opts.tree.arrowSize : '' : ''

          },
          cascader: {
              arrow: opts.cascader ? opts.cascader.arrow ? opts.cascader.arrow : '' : '',
              customArrow: opts.cascader ? opts.cascader.customArrow ? opts.cascader.customArrow : '' : '',
              arrowSize: opts.cascader ? opts.cascader.arrowSize ? opts.cascader.arrowSize : '' : '',
              itemArrow: opts.cascader ? opts.cascader.itemArrow ? opts.cascader.itemArrow : '' : '',
              customItemArrow: opts.cascader ? opts.cascader.customItemArrow ? opts.cascader.customItemArrow : '' : '',
              itemArrowSize: opts.cascader ? opts.cascader.itemArrowSize ? opts.cascader.itemArrowSize : '' : ''

          },
          colorPicker: {
              arrow: opts.colorPicker ? opts.colorPicker.arrow ? opts.colorPicker.arrow : '' : '',
              customArrow: opts.colorPicker ? opts.colorPicker.customArrow ? opts.colorPicker.customArrow : '' : '',
              arrowSize: opts.colorPicker ? opts.colorPicker.arrowSize ? opts.colorPicker.arrowSize : '' : ''

          },
          datePicker: {
              icon: opts.datePicker ? opts.datePicker.icon ? opts.datePicker.icon : '' : '',
              customIcon: opts.datePicker ? opts.datePicker.customIcon ? opts.datePicker.customIcon : '' : '',
              iconSize: opts.datePicker ? opts.datePicker.iconSize ? opts.datePicker.iconSize : '' : ''
          },
          timePicker: {
              icon: opts.timePicker ? opts.timePicker.icon ? opts.timePicker.icon : '' : '',
              customIcon: opts.timePicker ? opts.timePicker.customIcon ? opts.timePicker.customIcon : '' : '',
              iconSize: opts.timePicker ? opts.timePicker.iconSize ? opts.timePicker.iconSize : '' : ''

          },
          tabs: {
              closeIcon: opts.tabs ? opts.tabs.closeIcon ? opts.tabs.closeIcon : '' : '',
              customCloseIcon: opts.tabs ? opts.tabs.customCloseIcon ? opts.tabs.customCloseIcon : '' : '',
              closeIconSize: opts.tabs ? opts.tabs.closeIconSize ? opts.tabs.closeIconSize : '' : ''

          },
          modal: {
              maskClosable: opts.modal ? 'maskClosable' in opts.modal ? opts.modal.maskClosable : '' : ''

          }

      };
  

      Vue.prototype.$Loading = LoadingBar;

      Vue.prototype.$Message = Message;

      Vue.prototype.$Modal = Modal;

      Vue.prototype.$Notice = Notice;

      Vue.prototype.$Spin = Spin;

  };

  
  // auto install
  if (typeof window !== 'undefined' && window.Vue) {
      install(window.Vue);

  }

  const API = {

      version: process.env.VERSION, // eslint-disable-line no-undef

      locale: locale.use,
      i18n: locale.i18n,
      install,

      Circle,

      Switch,

      ...components

  };
  

  API.lang = (code) => {

      const langObject = window['iview/locale'].default;
      if (code === langObject.i.locale) locale.use(langObject);
      else console.log(`The ${code} language pack is not loaded.`); // eslint-disable-line no-console
  };
  

  export default API;   // eslint-disable-line no-undef