update the master branch to the latest
This commit is contained in:
梁灏
parent
67d534df27
commit
23a0ba9831
611 changed files with 122648 additions and 0 deletions
257
src/index.js
Normal file
257
src/index.js
Normal file
|
|
@ -0,0 +1,257 @@
|
|||
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 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 List from './components/list';
|
||||
import LoadingBar from './components/loading-bar';
|
||||
import Menu from './components/menu';
|
||||
import Message from './components/message';
|
||||
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,
|
||||
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,
|
||||
List,
|
||||
ListItem: List.Item,
|
||||
ListItemMeta: List.Item.Meta,
|
||||
LoadingBar,
|
||||
Menu,
|
||||
MenuGroup: Menu.Group,
|
||||
MenuItem: Menu.Item,
|
||||
Message,
|
||||
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
|
||||
};
|
||||
|
||||
module.exports.default = module.exports = API; // eslint-disable-line no-undef
|
||||
Loading…
Add table
Add a link
Reference in a new issue