@tarojs/components
Version:
Taro 组件库。
72 lines (71 loc) • 3.74 kB
JavaScript
import createComponent from './createComponent';
import { simpleComponents } from '../vue/simpleComponents';
import createFormsComponent from './createFormsComponent';
import Text from './components/text';
import Image from './components/image';
import Icon from './components/icon';
import ScrollView from './components/scroll-view';
export { Text, Image, Icon, ScrollView };
export var View = createComponent('taro-view');
export var RichText = createComponent('taro-rich-text');
export var Button = createComponent('taro-button');
export var CheckboxGroup = createComponent('taro-checkbox-group');
export var Editor = createComponent('taro-editor');
export var Form = createComponent('taro-form');
export var Label = createComponent('taro-label');
export var PickerView = createComponent('taro-picker-view');
export var PickerViewColumn = createComponent('taro-picker-view-column');
export var CoverImage = createComponent('taro-cover-image');
export var CoverView = createComponent('taro-cover-view');
export var MovableArea = createComponent('taro-movable-area');
export var MovableView = createComponent('taro-movable-view');
export var Swiper = createComponent('taro-swiper');
export var FunctionalPageNavigator = createComponent('taro-functional-page-navigator');
export var Navigator = createComponent('taro-navigator');
export var Audio = createComponent('taro-audio');
export var Camera = createComponent('taro-camera');
export var LivePlayer = createComponent('taro-live-player');
export var Map = createComponent('taro-map');
export var Ad = createComponent('taro-ad');
export var OfficialAccount = createComponent('taro-official-account');
export var OpenData = createComponent('taro-open-data');
export var WebView = createComponent('taro-web-view');
export var NavigationBar = createComponent('taro-navigation-bar');
export var Block = createComponent('taro-block');
export var Canvas = createComponent('taro-canvas');
export var CustomWrapper = createComponent('taro-custom-wrapper');
export var Checkbox = createComponent('taro-checkbox', ['weui-cells_checkbox']);
export var Progress = createComponent('taro-progress', ['weui-progress']);
export var RadioGroup = createComponent('taro-radio-group', ['weui-cells_radiogroup']);
export var Radio = createComponent('taro-radio', ['weui-cells_checkbox']);
export var SwiperItem = createComponent('taro-swiper-item', ['swiper-slide']);
export var Video = createComponent('taro-video', ['taro-video-container']);
export var Slot = createComponent('taro-slot');
export var Input = createFormsComponent('taro-input', 'input');
export var Textarea = createFormsComponent('taro-textarea', 'input');
export var Picker = createFormsComponent('taro-picker', 'change');
export var Switch = createFormsComponent('taro-switch', 'change', 'checked');
export var Slider = createFormsComponent('taro-slider', 'change', 'value', ['weui-slider-box']);
export function initVue3Components(app) {
app.config.isCustomElement = function (tag) {
return /^taro-/.test(tag) || tag === 'root' || tag === 'block';
};
simpleComponents.map(function (component) {
if (typeof component === 'string') {
app.component(component, createComponent(component));
} else {
var name = component.name,
classNames = component.classNames;
app.component(name, createComponent(name, classNames));
}
});
app.component('taro-input', Input);
app.component('taro-textarea', Textarea);
app.component('taro-picker', Picker);
app.component('taro-switch', Switch);
app.component('taro-slider', Slider);
app.component('taro-text', Text);
app.component('taro-image', Image);
app.component('taro-icon', Icon);
app.component('taro-scroll-view', ScrollView);
}