lojk-ui/src/index.js

lojk vue ui components library

import Vue from 'vue';
import LotusAddress from './components/lotusAddress';
import LotusButton from './components/lotusButton';
import LotusCalendar from './components/lotusCalendar';
import LotusCarousel from './components/lotusCarousel';
import LotusConfirm from './components/lotusConfirm';
import LotusDrag from './components/lotusDrag';
import LotusIcons from './components/lotusIcons';
import LotusLoading from './components/lotusLoading';
import LotusLoadMoreText from './components/lotusLoadMoreText';
import LotusNoData from './components/lotusNoData';
import LotusNoDataNav from './components/lotusNoDataNav';
import LotusNotice from './components/lotusNotice';
import LotusNumKeyBoard from './components/lotusNumKeyBoard';
import LotusPicker from './components/lotusPicker';
import LotusPipeItem from './components/lotusPipeItem';
import LotusPreViewer from './components/lotusPreViewer';
import LotusSplash from './components/lotusSplash';
import LotusSwitch from './components/lotusSwitch';
import LotusToast from './components/lotusToast';
import LotusTabBar from './components/lotusTabBar';
// add all comps into an array
export const components = [
    LotusAddress,
    LotusButton,
    LotusCalendar,
    LotusCarousel,
    LotusConfirm,
    LotusDrag,
    LotusIcons,
    LotusLoading,
    LotusLoadMoreText,
    LotusNoData,
    LotusNoDataNav,
    LotusNotice,
    LotusNumKeyBoard,
    LotusPicker,
    LotusPipeItem,
    LotusPreViewer,
    LotusSplash,
    LotusSwitch,
    LotusToast,
    LotusTabBar
];

// export comps one by one
export {
    LotusAddress,
    LotusButton,
    LotusCalendar,
    LotusCarousel,
    LotusConfirm,
    LotusDrag,
    LotusIcons,
    LotusLoading,
    LotusLoadMoreText,
    LotusNoData,
    LotusNoDataNav,
    LotusNotice,
    LotusNumKeyBoard,
    LotusPicker,
    LotusPipeItem,
    LotusPreViewer,
    LotusSplash,
    LotusSwitch,
    LotusToast,
    LotusTabBar
}

const LoJkUi =  {
    LotusAddress,
    LotusButton,
    LotusCalendar,
    LotusCarousel,
    LotusConfirm,
    LotusDrag,
    LotusIcons,
    LotusLoading,
    LotusLoadMoreText,
    LotusNoData,
    LotusNoDataNav,
    LotusNotice,
    LotusNumKeyBoard,
    LotusPicker,
    LotusPipeItem,
    LotusPreViewer,
    LotusSplash,
    LotusSwitch,
    LotusToast,
    LotusTabBar
};

LoJkUi.install = (Vue, options = {})=>{
    components.map(component => {
        if(component.name){
            Vue.component(component.name, component)
        }
    });
};

if (typeof window !== 'undefined' && window.Vue) {
    LoJkUi.install(window.Vue);
}

export default LoJkUi;