klook-web-uikit
Version:
A Component Library for Vue.js
74 lines (66 loc) • 1.99 kB
JavaScript
import KlkAlert from './components/alert';
import KlkButton from './components/button';
import KlkCheckbox from './components/checkbox';
import KlkCheckboxGroup from './components/checkboxGroup';
import KlkCounter from './components/counter';
import KlkDialog from './components/dialog';
import KlkDropdown from './components/dropdown';
import KlkDropdownItem from './components/dropdownItem';
import KlkDropdownMenu from './components/dropdownMenu'
import KlkInput from './components/input';
import KlkMessage from './components/message';
import KlkPagination from './components/pagination';
import KlkRadio from './components/radio';
import KlkRadioGroup from './components/radioGroup';
import KlkSelect from './components/select';
import KlkSelectOption from './components/selectOption';
import KlkSelectOptionGroup from './components/selectOptionGroup';
import KlkCascader from './components/cascader';
import KlkSpin from './components/spin';
import KlkSpinProgress from './components/spinProgress';
import KlkSwitch from './components/switch';
import KlkSymbol from './components/symbol';
import KlkTooltip from './components/tooltip';
function importAll (r) {
r.keys().forEach(r);
}
importAll(require.context('./assets/svg/', false, /\.svg$/));
const components = {
KlkAlert,
KlkButton,
KlkCheckbox,
KlkCheckboxGroup,
KlkCounter,
KlkDialog,
KlkDropdown,
KlkDropdownItem,
KlkDropdownMenu,
KlkInput,
KlkMessage,
KlkPagination,
KlkRadio,
KlkRadioGroup,
KlkSelect,
KlkSelectOption,
KlkSelectOptionGroup,
KlkCascader,
KlkSpin,
KlkSpinProgress,
KlkSwitch,
KlkSymbol,
KlkTooltip,
};
const install = function(Vue, opts = {}) {
Object.keys(components).forEach(key => {
Vue.component(key, components[key]);
});
};
// auto install
if (typeof window !== 'undefined' && window.Vue) {
install(window.Vue);
}
const API = {
install,
...components
};
export default API;