├── .editorconfig ├── .eslintignore ├── .eslintrc.json ├── .github ├── CONTRIBUTING.md ├── ISSUE_TEMPLATE │ ├── BUG_REPORT.md │ └── FEATURE_REQUEST.md └── workflows │ ├── deploy-tcb.yml │ ├── node.yml │ ├── publish.yml │ └── rn-release.yml ├── .gitignore ├── .husky ├── commit-msg └── pre-commit ├── .prettierrc.json ├── .stylelintignore ├── .stylelintrc.json ├── .travis.yml ├── LICENSE ├── PLANS.md ├── README.md ├── RN.md ├── babel.config.json ├── commitlint.config.js ├── examples ├── about-sass-version │ ├── README.md │ ├── babel.config.js │ ├── config │ │ ├── dev.js │ │ ├── index.js │ │ └── prod.js │ ├── global.d.ts │ ├── package.json │ ├── project.config.json │ ├── project.tt.json │ ├── src │ │ ├── app.config.ts │ │ ├── app.scss │ │ ├── app.ts │ │ ├── index.html │ │ └── pages │ │ │ └── index │ │ │ ├── index.config.ts │ │ │ ├── index.scss │ │ │ └── index.tsx │ ├── tsconfig.json │ └── yarn.lock └── lazy-load-component │ ├── .eslintrc │ ├── .gitignore │ ├── README.md │ ├── babel.config.js │ ├── config │ ├── dev.js │ ├── index.js │ └── prod.js │ ├── package.json │ ├── project.config.json │ ├── project.tt.json │ ├── src │ ├── app.config.ts │ ├── app.scss │ ├── app.ts │ ├── index.html │ └── pages │ │ └── index │ │ ├── index.config.ts │ │ ├── index.scss │ │ └── index.tsx │ ├── tsconfig.json │ ├── types │ └── global.d.ts │ └── yarn.lock ├── jest.config.js ├── package.json ├── packages ├── taro-ui-demo-rn │ ├── CHANGELOG.md │ ├── babel.config.js │ ├── config │ │ ├── dev.js │ │ ├── index.js │ │ └── prod.js │ ├── global.d.ts │ ├── index.js │ ├── metro.config.js │ ├── package.json │ ├── project.config.json │ ├── src │ │ ├── app.config.ts │ │ ├── app.scss │ │ ├── app.tsx │ │ ├── assets │ │ │ └── images │ │ │ │ ├── curtain.png │ │ │ │ ├── icon-list-action.png │ │ │ │ ├── icon-list-basic.png │ │ │ │ ├── icon-list-form.png │ │ │ │ ├── icon-list-hoc.png │ │ │ │ ├── icon-list-layout.png │ │ │ │ ├── icon-list-navigation.png │ │ │ │ ├── icon-list-view.png │ │ │ │ ├── logo_taro.png │ │ │ │ └── verification_code.png │ │ ├── index.html │ │ └── pages │ │ │ ├── action │ │ │ ├── action-sheet │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── activity-indicator │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── message │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── modal │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── progress │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── swipe-action │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ └── toast │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── advanced │ │ │ └── calendar │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── basic │ │ │ ├── button │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── color │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── icon │ │ │ │ ├── icons.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ └── typo │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── components │ │ │ └── doc-header │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── form │ │ │ ├── checkbox │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── form │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── image-picker │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── input-number │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── input │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── picker-view │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── picker │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── radio │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── range │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── rate │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── search-bar │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── slider │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── switch │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ └── textarea │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── index │ │ │ ├── index.config.ts │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── layout │ │ │ ├── accordion │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── card │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── flex │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── float-layout │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── grid │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ └── list │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── navigation │ │ │ ├── drawer │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── indexes │ │ │ │ ├── index.scss │ │ │ │ ├── index.tsx │ │ │ │ └── mock-data.ts │ │ │ ├── navbar │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── pagination │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── segmented-control │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── tabbar │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ └── tabs │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── panel │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── theme │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ └── view │ │ │ ├── article │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── avatar │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── badge │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── countdown │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── curtain │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── divider │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── load-more │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── noticebar │ │ │ ├── index.scss │ │ │ ├── index.tsx │ │ │ └── notice.png │ │ │ ├── steps │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── swiper │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── tag │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ └── timeline │ │ │ ├── clock.png │ │ │ ├── index.scss │ │ │ └── index.tsx │ └── tsconfig.json ├── taro-ui-demo │ ├── CHANGELOG.md │ ├── babel.config.js │ ├── config │ │ ├── dev.js │ │ ├── index.js │ │ └── prod.js │ ├── global.d.ts │ ├── package.json │ ├── project.config.json │ ├── src │ │ ├── app.config.ts │ │ ├── app.scss │ │ ├── app.tsx │ │ ├── assets │ │ │ └── images │ │ │ │ ├── curtain.png │ │ │ │ ├── icon-list-action.png │ │ │ │ ├── icon-list-basic.png │ │ │ │ ├── icon-list-form.png │ │ │ │ ├── icon-list-hoc.png │ │ │ │ ├── icon-list-layout.png │ │ │ │ ├── icon-list-navigation.png │ │ │ │ ├── icon-list-view.png │ │ │ │ ├── logo_taro.png │ │ │ │ └── verification_code.png │ │ ├── index.html │ │ └── pages │ │ │ ├── action │ │ │ ├── action-sheet │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── activity-indicator │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── message │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── modal │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── progress │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── swipe-action │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ └── toast │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── advanced │ │ │ └── calendar │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── basic │ │ │ ├── button │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── color │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── icon │ │ │ │ ├── icons.ts │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ └── typo │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── components │ │ │ └── doc-header │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── form │ │ │ ├── checkbox │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── form │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── image-picker │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── input-number │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── input │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── picker-view │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── picker │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── radio │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── range │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── rate │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── search-bar │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── slider │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── switch │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ └── textarea │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── index │ │ │ ├── index.config.ts │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── layout │ │ │ ├── accordion │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── card │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── flex │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── float-layout │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── grid │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ └── list │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── navigation │ │ │ ├── drawer │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── indexes │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ ├── index.tsx │ │ │ │ └── mock-data.ts │ │ │ ├── navbar │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── pagination │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── segmented-control │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── tabbar │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ └── tabs │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ ├── panel │ │ │ ├── index.config.ts │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── theme │ │ │ ├── index.config.ts │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ └── view │ │ │ ├── article │ │ │ ├── index.config.ts │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── avatar │ │ │ ├── index.config.ts │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── badge │ │ │ ├── index.config.ts │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── countdown │ │ │ ├── index.config.ts │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── curtain │ │ │ ├── index.config.ts │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── divider │ │ │ ├── index.config.ts │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── load-more │ │ │ ├── index.config.ts │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── noticebar │ │ │ ├── index.config.ts │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── steps │ │ │ ├── index.config.ts │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── swiper │ │ │ ├── index.config.ts │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ ├── tag │ │ │ ├── index.config.ts │ │ │ ├── index.scss │ │ │ └── index.tsx │ │ │ └── timeline │ │ │ ├── index.config.ts │ │ │ ├── index.scss │ │ │ └── index.tsx │ └── tsconfig.json ├── taro-ui-docs │ ├── CHANGELOG.md │ ├── app.jsx │ ├── assets │ │ ├── dark.svg │ │ ├── favicon.png │ │ ├── header-bg.png │ │ ├── iframe_iphonex.png │ │ ├── light.svg │ │ ├── logo-taro.png │ │ ├── navbar-logo.png │ │ ├── o2logo-doc.png │ │ ├── o2logo.png │ │ ├── o2logo@2x.png │ │ ├── o2logo_2.png │ │ ├── panel-img1.png │ │ ├── panel-img2.png │ │ ├── panel-img3.png │ │ ├── panel-img4.png │ │ ├── panel-tip.png │ │ ├── qr_code.png │ │ ├── style │ │ │ ├── dark.scss │ │ │ ├── docs.scss │ │ │ ├── index.scss │ │ │ └── mixin.scss │ │ ├── taro-ui-roadmap.svg │ │ ├── wxapp-logo.png │ │ └── wxapp.jpg │ ├── build │ │ ├── addImportLoader.js │ │ ├── build-docs.js │ │ ├── build-static.js │ │ ├── conf.js │ │ ├── dev-server.js │ │ ├── devServer.conf.js │ │ ├── format_webpack_message.js │ │ ├── open.js │ │ ├── util.js │ │ ├── webpack.base.config.js │ │ ├── webpack.dev.config.js │ │ └── webpack.prod.config.js │ ├── components │ │ ├── footer │ │ │ ├── index.jsx │ │ │ └── style.scss │ │ ├── header │ │ │ ├── index.jsx │ │ │ └── style.scss │ │ ├── iconlist │ │ │ ├── icons.js │ │ │ ├── index.jsx │ │ │ └── style.scss │ │ └── sidebar │ │ │ ├── index.jsx │ │ │ └── style.scss │ ├── index.html │ ├── lib │ │ ├── animations │ │ │ ├── collapse-transition.jsx │ │ │ └── collapseanimations.scss │ │ └── default.scss │ ├── markdown │ │ ├── accordion.md │ │ ├── action-sheet.md │ │ ├── activity-indicator.md │ │ ├── article.md │ │ ├── avatar.md │ │ ├── badge.md │ │ ├── button.md │ │ ├── calendar.md │ │ ├── card.md │ │ ├── changelog.md │ │ ├── checkbox.md │ │ ├── color.md │ │ ├── countdown.md │ │ ├── curtain.md │ │ ├── customize-theme.md │ │ ├── divider.md │ │ ├── drawer.md │ │ ├── fab.md │ │ ├── flex.md │ │ ├── float-layout.md │ │ ├── form.md │ │ ├── grid.md │ │ ├── icon.md │ │ ├── image-picker.md │ │ ├── indexes.md │ │ ├── input-number.md │ │ ├── input.md │ │ ├── introduction.md │ │ ├── list.md │ │ ├── load-more.md │ │ ├── message.md │ │ ├── modal.md │ │ ├── navbar.md │ │ ├── noticebar.md │ │ ├── pagination.md │ │ ├── picker.md │ │ ├── progress.md │ │ ├── questions.md │ │ ├── quickstart.md │ │ ├── radio.md │ │ ├── range.md │ │ ├── rate.md │ │ ├── resource.md │ │ ├── search-bar.md │ │ ├── segmented-control.md │ │ ├── slider.md │ │ ├── steps.md │ │ ├── swipe-action.md │ │ ├── swiper.md │ │ ├── switch.md │ │ ├── tabbar.md │ │ ├── tabs.md │ │ ├── tag.md │ │ ├── textarea.md │ │ ├── timeline.md │ │ └── toast.md │ ├── nav.config.yml │ ├── package.json │ ├── page-route.js │ ├── pages │ │ ├── docs.jsx │ │ ├── guide.jsx │ │ └── index.jsx │ ├── static │ │ └── CNAME │ ├── utils │ │ └── const.js │ └── view │ │ ├── Accordion │ │ └── index.jsx │ │ ├── ActionSheet │ │ ├── index.jsx │ │ └── index.scss │ │ ├── ActivityIndicator │ │ ├── index.jsx │ │ └── index.scss │ │ ├── Article │ │ ├── index.jsx │ │ └── style.scss │ │ ├── Avatar │ │ ├── index.jsx │ │ └── style.scss │ │ ├── Badge │ │ ├── index.jsx │ │ └── style.scss │ │ ├── Button │ │ ├── index.jsx │ │ └── style.scss │ │ ├── Calendar │ │ └── index.jsx │ │ ├── Card │ │ ├── index.jsx │ │ └── index.scss │ │ ├── Changelog │ │ ├── index.jsx │ │ └── index.scss │ │ ├── Checkbox │ │ └── index.jsx │ │ ├── Color │ │ ├── index.jsx │ │ └── style.scss │ │ ├── Countdown │ │ └── index.jsx │ │ ├── Curtain │ │ └── index.jsx │ │ ├── CustomizeTheme │ │ └── index.jsx │ │ ├── Divider │ │ └── index.jsx │ │ ├── Drawer │ │ ├── index.jsx │ │ └── style.scss │ │ ├── Fab │ │ └── index.jsx │ │ ├── Flex │ │ ├── index.jsx │ │ └── index.scss │ │ ├── FloatLayout │ │ ├── index.jsx │ │ └── index.scss │ │ ├── Form │ │ ├── index.jsx │ │ └── index.scss │ │ ├── Grid │ │ ├── index.jsx │ │ └── index.scss │ │ ├── Icon │ │ ├── index.jsx │ │ └── style.scss │ │ ├── ImagePicker │ │ └── index.jsx │ │ ├── Indexes │ │ └── index.jsx │ │ ├── Input │ │ └── index.jsx │ │ ├── InputNumber │ │ └── index.jsx │ │ ├── Introduction │ │ └── index.jsx │ │ ├── List │ │ ├── index.jsx │ │ └── index.scss │ │ ├── LoadMore │ │ └── index.jsx │ │ ├── Message │ │ └── index.jsx │ │ ├── Modal │ │ ├── index.jsx │ │ └── index.scss │ │ ├── NavBar │ │ └── index.jsx │ │ ├── Noticebar │ │ ├── index.jsx │ │ └── style.scss │ │ ├── Pagination │ │ ├── index.jsx │ │ └── style.scss │ │ ├── Picker │ │ └── index.jsx │ │ ├── Progress │ │ ├── index.jsx │ │ └── index.scss │ │ ├── Questions │ │ ├── index.jsx │ │ └── index.scss │ │ ├── Quickstart │ │ └── index.jsx │ │ ├── Radio │ │ └── index.jsx │ │ ├── Range │ │ └── index.jsx │ │ ├── Rate │ │ └── index.jsx │ │ ├── Resource │ │ └── index.jsx │ │ ├── SearchBar │ │ └── index.jsx │ │ ├── SegmentedControl │ │ └── index.jsx │ │ ├── Slider │ │ └── index.jsx │ │ ├── Steps │ │ └── index.jsx │ │ ├── SwipeAction │ │ └── index.jsx │ │ ├── Swiper │ │ └── index.jsx │ │ ├── Switch │ │ └── index.jsx │ │ ├── TabBar │ │ └── index.jsx │ │ ├── Tabs │ │ └── index.jsx │ │ ├── Tag │ │ ├── index.jsx │ │ └── style.scss │ │ ├── Textarea │ │ └── index.jsx │ │ ├── Timeline │ │ ├── index.jsx │ │ └── style.scss │ │ └── Toast │ │ ├── index.jsx │ │ └── index.scss └── taro-ui │ ├── CHANGELOG.md │ ├── config │ ├── iconsMaker.js │ ├── rollup.config.analyze.js │ └── rollup.config.js │ ├── package.json │ ├── rn │ ├── assets │ │ ├── CLOSE.png │ │ ├── chevron-left.png │ │ ├── chevron-right.png │ │ ├── iconfont.svg │ │ └── icons │ │ │ ├── add-circle.svg │ │ │ ├── add.svg │ │ │ ├── alert-circle.svg │ │ │ ├── align-center.svg │ │ │ ├── align-left.svg │ │ │ ├── analytics.svg │ │ │ ├── arrow-down.svg │ │ │ ├── arrow-left.svg │ │ │ ├── arrow-right.svg │ │ │ ├── arrow-up.svg │ │ │ ├── bell.svg │ │ │ ├── blocked.svg │ │ │ ├── bookmark.svg │ │ │ ├── bullet-list.svg │ │ │ ├── calendar.svg │ │ │ ├── camera.svg │ │ │ ├── check-circle.svg │ │ │ ├── check.svg │ │ │ ├── chevron-down.svg │ │ │ ├── chevron-left.svg │ │ │ ├── chevron-right.svg │ │ │ ├── chevron-up.svg │ │ │ ├── clock.svg │ │ │ ├── close-circle.svg │ │ │ ├── close.svg │ │ │ ├── credit-card.svg │ │ │ ├── download-cloud.svg │ │ │ ├── download.svg │ │ │ ├── edit.svg │ │ │ ├── equalizer.svg │ │ │ ├── external-link.svg │ │ │ ├── eye.svg │ │ │ ├── file-audio.svg │ │ │ ├── file-code.svg │ │ │ ├── file-generic.svg │ │ │ ├── file-jpg.svg │ │ │ ├── file-new.svg │ │ │ ├── file-png.svg │ │ │ ├── file-svg.svg │ │ │ ├── file-video.svg │ │ │ ├── filter.svg │ │ │ ├── folder.svg │ │ │ ├── font-color.svg │ │ │ ├── heart-2.svg │ │ │ ├── heart.svg │ │ │ ├── help.svg │ │ │ ├── home.svg │ │ │ ├── image.svg │ │ │ ├── iphone-x.svg │ │ │ ├── iphone.svg │ │ │ ├── lightning-bolt.svg │ │ │ ├── link.svg │ │ │ ├── list.svg │ │ │ ├── loading-2.svg │ │ │ ├── loading-3.svg │ │ │ ├── loading.svg │ │ │ ├── lock.svg │ │ │ ├── mail.svg │ │ │ ├── map-pin.svg │ │ │ ├── menu.svg │ │ │ ├── message.svg │ │ │ ├── money.svg │ │ │ ├── next.svg │ │ │ ├── nonmarkingreturn.svg │ │ │ ├── numbered-list.svg │ │ │ ├── pause.svg │ │ │ ├── phone.svg │ │ │ ├── play.svg │ │ │ ├── playlist.svg │ │ │ ├── prev.svg │ │ │ ├── reload.svg │ │ │ ├── repeat-play.svg │ │ │ ├── search.svg │ │ │ ├── settings.svg │ │ │ ├── share-2.svg │ │ │ ├── share.svg │ │ │ ├── shopping-bag-2.svg │ │ │ ├── shopping-bag.svg │ │ │ ├── shopping-cart.svg │ │ │ ├── shuffle-play.svg │ │ │ ├── sketch.svg │ │ │ ├── sound.svg │ │ │ ├── star-2.svg │ │ │ ├── star.svg │ │ │ ├── stop.svg │ │ │ ├── streaming.svg │ │ │ ├── subtract-circle.svg │ │ │ ├── subtract.svg │ │ │ ├── tag.svg │ │ │ ├── tags.svg │ │ │ ├── text-italic.svg │ │ │ ├── text-strikethrough.svg │ │ │ ├── text-underline.svg │ │ │ ├── trash.svg │ │ │ ├── upload.svg │ │ │ ├── user.svg │ │ │ ├── video.svg │ │ │ ├── volume-minus.svg │ │ │ ├── volume-off.svg │ │ │ └── volume-plus.svg │ ├── common │ │ ├── component.tsx │ │ └── utils.ts │ ├── components │ │ ├── accordion │ │ │ ├── index.rn.tsx │ │ │ └── index.tsx │ │ ├── action-sheet │ │ │ ├── body │ │ │ │ ├── index.tsx │ │ │ │ └── item │ │ │ │ │ └── index.tsx │ │ │ ├── footer │ │ │ │ └── index.tsx │ │ │ ├── header │ │ │ │ └── index.tsx │ │ │ └── index.tsx │ │ ├── activity-indicator │ │ │ └── index.tsx │ │ ├── avatar │ │ │ └── index.tsx │ │ ├── badge │ │ │ └── index.tsx │ │ ├── button │ │ │ └── index.tsx │ │ ├── calendar │ │ │ ├── body │ │ │ │ └── index.tsx │ │ │ ├── common │ │ │ │ ├── constant.ts │ │ │ │ ├── helper.ts │ │ │ │ └── plugins.ts │ │ │ ├── controller │ │ │ │ └── index.tsx │ │ │ ├── index.rn.tsx │ │ │ ├── index.tsx │ │ │ └── ui │ │ │ │ ├── date-list │ │ │ │ └── index.tsx │ │ │ │ └── day-list │ │ │ │ └── index.tsx │ │ ├── card │ │ │ └── index.tsx │ │ ├── checkbox │ │ │ └── index.tsx │ │ ├── countdown │ │ │ ├── index.scss │ │ │ ├── index.tsx │ │ │ └── item │ │ │ │ └── index.tsx │ │ ├── curtain │ │ │ └── index.tsx │ │ ├── divider │ │ │ └── index.tsx │ │ ├── drawer │ │ │ └── index.tsx │ │ ├── fab │ │ │ └── index.tsx │ │ ├── flex │ │ │ ├── index.scss │ │ │ ├── index.tsx │ │ │ └── item │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ ├── float-layout │ │ │ └── index.tsx │ │ ├── form │ │ │ └── index.tsx │ │ ├── grid │ │ │ └── index.tsx │ │ ├── icon │ │ │ ├── icons.ts │ │ │ └── index.tsx │ │ ├── image-picker │ │ │ └── index.tsx │ │ ├── indexes │ │ │ ├── index.rn.tsx │ │ │ └── index.tsx │ │ ├── input-number │ │ │ └── index.tsx │ │ ├── input │ │ │ └── index.tsx │ │ ├── list │ │ │ ├── index.tsx │ │ │ └── item │ │ │ │ └── index.tsx │ │ ├── load-more │ │ │ └── index.tsx │ │ ├── loading │ │ │ └── index.tsx │ │ ├── message │ │ │ └── index.tsx │ │ ├── modal │ │ │ ├── action │ │ │ │ └── index.tsx │ │ │ ├── content │ │ │ │ └── index.tsx │ │ │ ├── header │ │ │ │ └── index.tsx │ │ │ └── index.tsx │ │ ├── nav-bar │ │ │ └── index.tsx │ │ ├── noticebar │ │ │ └── index.tsx │ │ ├── pagination │ │ │ └── index.tsx │ │ ├── progress │ │ │ └── index.tsx │ │ ├── radio │ │ │ └── index.tsx │ │ ├── range │ │ │ └── index.tsx │ │ ├── rate │ │ │ └── index.tsx │ │ ├── search-bar │ │ │ └── index.tsx │ │ ├── segmented-control │ │ │ └── index.tsx │ │ ├── slider │ │ │ └── index.tsx │ │ ├── steps │ │ │ └── index.tsx │ │ ├── swipe-action │ │ │ ├── index.rn.tsx │ │ │ ├── index.tsx │ │ │ └── options │ │ │ │ └── index.tsx │ │ ├── switch │ │ │ └── index.tsx │ │ ├── tab-bar │ │ │ └── index.tsx │ │ ├── tabs-pane │ │ │ └── index.tsx │ │ ├── tabs │ │ │ └── index.tsx │ │ ├── tag │ │ │ └── index.tsx │ │ ├── textarea │ │ │ └── index.tsx │ │ ├── timeline │ │ │ └── index.tsx │ │ └── toast │ │ │ ├── img.json │ │ │ └── index.tsx │ ├── index.ts │ └── style │ │ ├── components │ │ ├── accordion.scss │ │ ├── action-sheet.scss │ │ ├── activity-indicator.scss │ │ ├── article.scss │ │ ├── avatar.scss │ │ ├── badge.scss │ │ ├── button.scss │ │ ├── calendar.scss │ │ ├── card.scss │ │ ├── checkbox.scss │ │ ├── countdown.scss │ │ ├── curtain.scss │ │ ├── divider.scss │ │ ├── drawer.scss │ │ ├── fab.scss │ │ ├── flex.scss │ │ ├── float-layout.scss │ │ ├── form.scss │ │ ├── grid.scss │ │ ├── icon.scss │ │ ├── image-picker.scss │ │ ├── index.scss │ │ ├── indexes.scss │ │ ├── input-number.scss │ │ ├── input.scss │ │ ├── list.scss │ │ ├── load-more.scss │ │ ├── loading.scss │ │ ├── message.scss │ │ ├── modal.scss │ │ ├── nav-bar.scss │ │ ├── noticebar.scss │ │ ├── pagination.scss │ │ ├── progress.scss │ │ ├── radio.scss │ │ ├── range.scss │ │ ├── rate.scss │ │ ├── search-bar.scss │ │ ├── segmented-control.scss │ │ ├── slider.scss │ │ ├── steps.scss │ │ ├── swipe-action.scss │ │ ├── switch.scss │ │ ├── tab-bar.scss │ │ ├── tabs.scss │ │ ├── tag.scss │ │ ├── textarea.scss │ │ ├── timeline.scss │ │ └── toast.scss │ │ ├── index.scss │ │ ├── mixins │ │ ├── index.scss │ │ └── libs │ │ │ ├── absolute-center.scss │ │ │ ├── active.scss │ │ │ ├── alignhack.scss │ │ │ ├── border.scss │ │ │ ├── clearfix.scss │ │ │ ├── disabled.scss │ │ │ ├── flex.scss │ │ │ ├── hairline.scss │ │ │ ├── line.scss │ │ │ ├── overlay.scss │ │ │ ├── placeholder.scss │ │ │ ├── shade.scss │ │ │ └── tint.scss │ │ ├── themes │ │ ├── purple.scss │ │ └── red.scss │ │ └── variables │ │ └── default.scss │ ├── src │ ├── common │ │ ├── component.tsx │ │ └── utils.ts │ ├── components │ │ ├── accordion │ │ │ └── index.tsx │ │ ├── action-sheet │ │ │ ├── body │ │ │ │ ├── index.tsx │ │ │ │ └── item │ │ │ │ │ └── index.tsx │ │ │ ├── footer │ │ │ │ └── index.tsx │ │ │ ├── header │ │ │ │ └── index.tsx │ │ │ └── index.tsx │ │ ├── activity-indicator │ │ │ └── index.tsx │ │ ├── avatar │ │ │ └── index.tsx │ │ ├── badge │ │ │ └── index.tsx │ │ ├── button │ │ │ └── index.tsx │ │ ├── calendar │ │ │ ├── body │ │ │ │ └── index.tsx │ │ │ ├── common │ │ │ │ ├── constant.ts │ │ │ │ ├── helper.ts │ │ │ │ └── plugins.ts │ │ │ ├── controller │ │ │ │ └── index.tsx │ │ │ ├── index.tsx │ │ │ └── ui │ │ │ │ ├── date-list │ │ │ │ └── index.tsx │ │ │ │ └── day-list │ │ │ │ └── index.tsx │ │ ├── card │ │ │ └── index.tsx │ │ ├── checkbox │ │ │ └── index.tsx │ │ ├── countdown │ │ │ ├── index.scss │ │ │ ├── index.tsx │ │ │ └── item │ │ │ │ └── index.tsx │ │ ├── curtain │ │ │ └── index.tsx │ │ ├── divider │ │ │ └── index.tsx │ │ ├── drawer │ │ │ └── index.tsx │ │ ├── fab │ │ │ └── index.tsx │ │ ├── flex │ │ │ ├── index.tsx │ │ │ └── item │ │ │ │ └── index.tsx │ │ ├── float-layout │ │ │ └── index.tsx │ │ ├── form │ │ │ └── index.tsx │ │ ├── grid │ │ │ └── index.tsx │ │ ├── icon │ │ │ └── index.tsx │ │ ├── image-picker │ │ │ └── index.tsx │ │ ├── indexes │ │ │ └── index.tsx │ │ ├── input-number │ │ │ └── index.tsx │ │ ├── input │ │ │ └── index.tsx │ │ ├── list │ │ │ ├── index.tsx │ │ │ └── item │ │ │ │ └── index.tsx │ │ ├── load-more │ │ │ └── index.tsx │ │ ├── loading │ │ │ └── index.tsx │ │ ├── message │ │ │ └── index.tsx │ │ ├── modal │ │ │ ├── action │ │ │ │ └── index.tsx │ │ │ ├── content │ │ │ │ └── index.tsx │ │ │ ├── header │ │ │ │ └── index.tsx │ │ │ └── index.tsx │ │ ├── nav-bar │ │ │ └── index.tsx │ │ ├── noticebar │ │ │ └── index.tsx │ │ ├── pagination │ │ │ └── index.tsx │ │ ├── progress │ │ │ └── index.tsx │ │ ├── radio │ │ │ └── index.tsx │ │ ├── range │ │ │ └── index.tsx │ │ ├── rate │ │ │ └── index.tsx │ │ ├── search-bar │ │ │ └── index.tsx │ │ ├── segmented-control │ │ │ └── index.tsx │ │ ├── slider │ │ │ └── index.tsx │ │ ├── steps │ │ │ └── index.tsx │ │ ├── swipe-action │ │ │ ├── index.tsx │ │ │ └── options │ │ │ │ └── index.tsx │ │ ├── switch │ │ │ └── index.tsx │ │ ├── tab-bar │ │ │ └── index.tsx │ │ ├── tabs-pane │ │ │ └── index.tsx │ │ ├── tabs │ │ │ └── index.tsx │ │ ├── tag │ │ │ └── index.tsx │ │ ├── textarea │ │ │ └── index.tsx │ │ ├── timeline │ │ │ └── index.tsx │ │ └── toast │ │ │ ├── img.json │ │ │ └── index.tsx │ ├── index.ts │ └── style │ │ ├── components │ │ ├── accordion.scss │ │ ├── action-sheet.scss │ │ ├── activity-indicator.scss │ │ ├── article.scss │ │ ├── avatar.scss │ │ ├── badge.scss │ │ ├── button.scss │ │ ├── calendar.scss │ │ ├── card.scss │ │ ├── checkbox.scss │ │ ├── countdown.scss │ │ ├── curtain.scss │ │ ├── divider.scss │ │ ├── drawer.scss │ │ ├── fab.scss │ │ ├── flex.scss │ │ ├── float-layout.scss │ │ ├── form.scss │ │ ├── grid.scss │ │ ├── icon.scss │ │ ├── image-picker.scss │ │ ├── index.scss │ │ ├── indexes.scss │ │ ├── input-number.scss │ │ ├── input.scss │ │ ├── list.scss │ │ ├── load-more.scss │ │ ├── loading.scss │ │ ├── message.scss │ │ ├── modal.scss │ │ ├── nav-bar.scss │ │ ├── noticebar.scss │ │ ├── pagination.scss │ │ ├── progress.scss │ │ ├── radio.scss │ │ ├── range.scss │ │ ├── rate.scss │ │ ├── search-bar.scss │ │ ├── segmented-control.scss │ │ ├── slider.scss │ │ ├── steps.scss │ │ ├── swipe-action.scss │ │ ├── switch.scss │ │ ├── tab-bar.scss │ │ ├── tabs.scss │ │ ├── tag.scss │ │ ├── textarea.scss │ │ ├── timeline.scss │ │ └── toast.scss │ │ ├── index.scss │ │ ├── mixins │ │ ├── index.scss │ │ └── libs │ │ │ ├── absolute-center.scss │ │ │ ├── active.scss │ │ │ ├── alignhack.scss │ │ │ ├── border.scss │ │ │ ├── clearfix.scss │ │ │ ├── disabled.scss │ │ │ ├── flex.scss │ │ │ ├── hairline.scss │ │ │ ├── line.scss │ │ │ ├── overlay.scss │ │ │ ├── placeholder.scss │ │ │ ├── shade.scss │ │ │ └── tint.scss │ │ ├── themes │ │ ├── purple.scss │ │ └── red.scss │ │ └── variables │ │ └── default.scss │ ├── test │ ├── __mock__ │ │ └── styleMock.js │ └── components │ │ ├── __snapshots__ │ │ ├── accordion.test.js.snap │ │ ├── action-sheet.test.js.snap │ │ ├── activity-indicator.test.js.snap │ │ ├── avatar.test.js.snap │ │ ├── badge.test.js.snap │ │ ├── button.test.js.snap │ │ ├── card.test.js.snap │ │ ├── checkbox.test.js.snap │ │ ├── countdown.test.js.snap │ │ ├── curtain.test.js.snap │ │ ├── divider.test.js.snap │ │ ├── drawer.test.js.snap │ │ ├── fab.test.js.snap │ │ ├── float-layout.test.js.snap │ │ ├── form.test.js.snap │ │ ├── grid.test.js.snap │ │ ├── icon.test.js.snap │ │ ├── image-picker.test.js.snap │ │ ├── indexes.test.js.snap │ │ ├── input-number.test.js.snap │ │ ├── input.test.js.snap │ │ ├── list.test.js.snap │ │ ├── load-more.test.js.snap │ │ ├── loading.test.js.snap │ │ ├── message.test.js.snap │ │ ├── modal.test.js.snap │ │ ├── nav-bar.test.js.snap │ │ ├── noticebar.test.js.snap │ │ ├── pagination.test.js.snap │ │ ├── progress.test.js.snap │ │ ├── radio.test.js.snap │ │ ├── range.test.js.snap │ │ ├── rate.test.js.snap │ │ ├── search-bar.test.js.snap │ │ ├── segmented-control.test.js.snap │ │ ├── slider.test.js.snap │ │ ├── steps.test.js.snap │ │ ├── swipe-action.test.js.snap │ │ ├── switch.test.js.snap │ │ ├── tab-bar.test.js.snap │ │ ├── tabs-pane.test.js.snap │ │ ├── tabs.test.js.snap │ │ ├── tag.test.js.snap │ │ ├── textarea.test.js.snap │ │ ├── timeline.test.js.snap │ │ └── toast.test.js.snap │ │ ├── accordion.test.js │ │ ├── action-sheet.test.js │ │ ├── activity-indicator.test.js │ │ ├── avatar.test.js │ │ ├── badge.test.js │ │ ├── button.test.js │ │ ├── calendar.test.js │ │ ├── card.test.js │ │ ├── checkbox.test.js │ │ ├── countdown.test.js │ │ ├── curtain.test.js │ │ ├── divider.test.js │ │ ├── drawer.test.js │ │ ├── fab.test.js │ │ ├── float-layout.test.js │ │ ├── form.test.js │ │ ├── grid.test.js │ │ ├── icon.test.js │ │ ├── image-picker.test.js │ │ ├── indexes.test.js │ │ ├── input-number.test.js │ │ ├── input.test.js │ │ ├── list.test.js │ │ ├── load-more.test.js │ │ ├── loading.test.js │ │ ├── message.test.js │ │ ├── modal.test.js │ │ ├── nav-bar.test.js │ │ ├── noticebar.test.js │ │ ├── pagination.test.js │ │ ├── progress.test.js │ │ ├── radio.test.js │ │ ├── range.test.js │ │ ├── rate.test.js │ │ ├── search-bar.test.js │ │ ├── segmented-control.test.js │ │ ├── slider.test.js │ │ ├── steps.test.js │ │ ├── swipe-action.test.js │ │ ├── switch.test.js │ │ ├── tab-bar.test.js │ │ ├── tabs-pane.test.js │ │ ├── tabs.test.js │ │ ├── tag.test.js │ │ ├── textarea.test.js │ │ ├── timeline.test.js │ │ └── toast.test.js │ ├── tsconfig.build.json │ ├── tsconfig.json │ ├── tsconfig.rollup.json │ └── types │ ├── accordion.d.ts │ ├── action-sheet.d.ts │ ├── activity-indicator.d.ts │ ├── avatar.d.ts │ ├── badge.d.ts │ ├── base.d.ts │ ├── button.d.ts │ ├── calendar.d.ts │ ├── card.d.ts │ ├── checkbox.d.ts │ ├── countdown.d.ts │ ├── curtain.d.ts │ ├── divider.d.ts │ ├── drawer.d.ts │ ├── fab.d.ts │ ├── flex.d.ts │ ├── float-button.d.ts │ ├── float-layout.d.ts │ ├── form.d.ts │ ├── grid.d.ts │ ├── icon.d.ts │ ├── image-picker.d.ts │ ├── index.d.ts │ ├── indexes.d.ts │ ├── input-number.d.ts │ ├── input.d.ts │ ├── list.d.ts │ ├── load-more.d.ts │ ├── message.d.ts │ ├── modal.d.ts │ ├── nav-bar.d.ts │ ├── noticebar.d.ts │ ├── pagination.d.ts │ ├── progress.d.ts │ ├── radio.d.ts │ ├── range.d.ts │ ├── rate.d.ts │ ├── search-bar.d.ts │ ├── segmented-control.d.ts │ ├── slider.d.ts │ ├── steps.d.ts │ ├── swipe-action.d.ts │ ├── switch.d.ts │ ├── tab-bar.d.ts │ ├── tabs-pane.d.ts │ ├── tabs.d.ts │ ├── tag.d.ts │ ├── textarea.d.ts │ ├── timeline.d.ts │ └── toast.d.ts ├── pnpm-lock.yaml ├── pnpm-workspace.yaml ├── tsconfig.build.json └── tsconfig.json /.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | end_of_line = lf 9 | insert_final_newline = true 10 | trim_trailing_whitespace = true 11 | 12 | [*.md] 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | # Node modules 2 | node_modules/ 3 | 4 | # Editor and IDE files 5 | .vscode 6 | .idea 7 | 8 | # Build outputs 9 | packages/taro-ui/lib/ 10 | packages/**/dist/ 11 | 12 | # Test files 13 | coverage 14 | jest.config.js 15 | test/__mock__/ 16 | 17 | # Others 18 | .nyc_output/ 19 | git_stats/ 20 | yarn-offline/ 21 | docs/ 22 | examples/ 23 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/FEATURE_REQUEST.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: 🚀 Feature Request 3 | about: 创建一个新功能请求，请通过 https://nervjs.github.io/taro-ui-issue-helper/ 提交 4 | --- 5 | 6 | 22 | 23 | **这个功能解决了什么问题？** 24 | 25 | 26 | **你期望的功能是怎样的？** 27 | 28 | 29 | **补充信息** 30 | 31 | 32 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Node modules 2 | node_modules/ 3 | 4 | # Yarn and NPM files 5 | yarn-error.log 6 | package-lock.json 7 | 8 | # Template files 9 | .temp 10 | .DS_Store 11 | .eslintcache 12 | .swc 13 | 14 | # Editor and IDE files 15 | .vscode 16 | .idea 17 | 18 | # Build outputs 19 | packages/taro-ui/lib/ 20 | packages/**/dist/ 21 | dist/ 22 | 23 | # Docs outputs 24 | site/ 25 | docs/h5/ 26 | 27 | # Rollup visualizer file 28 | stats.html 29 | 30 | # Test files 31 | coverage 32 | 33 | # miniapp private files 34 | *.private.* 35 | 36 | # taro rn release 37 | !packages/taro-ui-demo-rn/release/** 38 | -------------------------------------------------------------------------------- /.husky/commit-msg: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | . "$(dirname "$0")/_/husky.sh" 3 | 4 | pnpm commitlint --edit $1 --config commitlint.config.js 5 | -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | . "$(dirname "$0")/_/husky.sh" 3 | 4 | pnpm lint-staged --allow-empty 5 | -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "tabWidth": 2, 3 | "useTabs": false, 4 | "semi": false, 5 | "singleQuote": true, 6 | "jsxSingleQuote": true, 7 | "trailingComma": "none", 8 | "bracketSpacing": true, 9 | "jsxBracketSameLine": false, 10 | "arrowParens": "avoid" 11 | } 12 | -------------------------------------------------------------------------------- /.stylelintignore: -------------------------------------------------------------------------------- 1 | docs/ 2 | .jsx 3 | -------------------------------------------------------------------------------- /.stylelintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "stylelint-config-standard", 3 | "plugins": [ 4 | "stylelint-scss" 5 | ], 6 | "rules": { 7 | "declaration-colon-newline-after": null, 8 | "at-rule-no-unknown": null, 9 | "color-hex-case": null, 10 | "block-closing-brace-newline-after": null, 11 | "at-rule-empty-line-before": null, 12 | "number-no-trailing-zeros": null, 13 | "no-empty-source": null, 14 | "unit-case": null, 15 | "scss/at-rule-no-unknown": true 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /commitlint.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | extends: ['@commitlint/config-conventional'], 3 | rules: { 4 | 'type-empty': [2, 'never'], 5 | 'type-case': [2, 'always', 'lower-case'], 6 | 'subject-empty': [2, 'never'], 7 | 'type-enum': [ 8 | 2, 9 | 'always', 10 | ['feat', 'fix', 'docs', 'style', 'refactor', 'test', 'chore'] 11 | ] 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /examples/about-sass-version/README.md: -------------------------------------------------------------------------------- 1 | # 关于 sass 语法报错问题 2 | 3 | SassError: Undefined operation: "calc($col / 12) times 100%". 4 | 5 | ``` 6 | $width: calc($col / 12) * 100%; 7 | ``` 8 | 9 | ## 报错原因 10 | 由于 taro 底层升级 node sass 导致的 11 | 12 | ## 解决方案 13 | 14 | 方案一：降低 sass 版本 15 | 16 | 在 package.json 中添加如下配置 17 | ``` 18 | "resolutions": { 19 | "sass": "1.62.0" 20 | }, 21 | ``` 22 | 23 | 方案二：升级 taro 相关依赖 24 | 25 | 在 package.json 中批量替换 taro 相关依赖版本 v3.4.5 及以上版本 26 | -------------------------------------------------------------------------------- /examples/about-sass-version/babel.config.js: -------------------------------------------------------------------------------- 1 | // babel-preset-taro 更多选项和默认值： 2 | // https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md 3 | module.exports = { 4 | presets: [ 5 | [ 6 | 'taro', 7 | { 8 | framework: 'react', 9 | ts: true 10 | }, 11 | ], 12 | ], 13 | plugins: [ 14 | [ 15 | 'import', 16 | { 17 | libraryName: 'taro-hooks', 18 | camel2DashComponentName: false 19 | }, 20 | 'taro-hooks', 21 | ] 22 | ], 23 | 24 | }; 25 | -------------------------------------------------------------------------------- /examples/about-sass-version/config/dev.js: -------------------------------------------------------------------------------- 1 | /* 2 | * @Descripttion: your project 3 | * @Author: QI 4 | * @Date: 2022-02-16 11:50:13 5 | * @LastEditors: QI 6 | * @LastEditTime: 2022-02-19 15:12:51 7 | */ 8 | module.exports = { 9 | env: { 10 | NODE_ENV: '"development"' 11 | }, 12 | defineConstants: {}, 13 | mini: {}, 14 | h5: { 15 | esnextModules: ["taro-ui"] 16 | } 17 | }; 18 | -------------------------------------------------------------------------------- /examples/about-sass-version/global.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | 3 | declare module '*.png'; 4 | declare module '*.gif'; 5 | declare module '*.jpg'; 6 | declare module '*.jpeg'; 7 | declare module '*.svg'; 8 | declare module '*.css'; 9 | declare module '*.less'; 10 | declare module '*.scss'; 11 | declare module '*.sass'; 12 | declare module '*.styl'; 13 | 14 | declare namespace NodeJS { 15 | interface ProcessEnv { 16 | TARO_ENV: 'weapp' | 'swan' | 'alipay' | 'h5' | 'rn' | 'tt' | 'quickapp' | 'qq' | 'jd' 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /examples/about-sass-version/project.tt.json: -------------------------------------------------------------------------------- 1 | { 2 | "miniprogramRoot": "./", 3 | "projectname": "tt-project", 4 | "description": "taro3创建的塔塔管家", 5 | "appid": "touristappid", 6 | "setting": { 7 | "urlCheck": true, 8 | "es6": false, 9 | "postcss": false, 10 | "minified": false 11 | }, 12 | "compileType": "miniprogram" 13 | } 14 | -------------------------------------------------------------------------------- /examples/about-sass-version/src/app.config.ts: -------------------------------------------------------------------------------- 1 | export default defineAppConfig({ 2 | pages: [ 3 | 'pages/index/index' 4 | ], 5 | window: { 6 | backgroundTextStyle: 'light', 7 | navigationBarBackgroundColor: '#fff', 8 | navigationBarTitleText: 'WeChat', 9 | navigationBarTextStyle: 'black' 10 | } 11 | }) 12 | -------------------------------------------------------------------------------- /examples/about-sass-version/src/app.scss: -------------------------------------------------------------------------------- 1 | @import "~taro-ui/dist/style/index.scss"; // 引入组件样式，仅需引入一次即可 2 | @import "~taro-ui/dist/style/components/toast.scss"; 3 | @import "~taro-ui/dist/style/components/icon.scss"; 4 | -------------------------------------------------------------------------------- /examples/about-sass-version/src/app.ts: -------------------------------------------------------------------------------- 1 | import { Component, PropsWithChildren } from 'react' 2 | import './app.scss' 3 | 4 | class App extends Component { 5 | 6 | componentDidMount () {} 7 | 8 | componentDidShow () {} 9 | 10 | componentDidHide () {} 11 | 12 | render () { 13 | // this.props.children 是将要会渲染的页面 14 | return this.props.children 15 | } 16 | } 17 | 18 | export default App 19 | -------------------------------------------------------------------------------- /examples/about-sass-version/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | taro-ui-sass 12 | 13 | 14 | 15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /examples/about-sass-version/src/pages/index/index.config.ts: -------------------------------------------------------------------------------- 1 | export default definePageConfig({ 2 | navigationBarTitleText: '首页' 3 | }) 4 | -------------------------------------------------------------------------------- /examples/about-sass-version/src/pages/index/index.scss: -------------------------------------------------------------------------------- 1 | .item { 2 | height: 100px; 3 | width: 100%; 4 | padding: 0px 20px; 5 | display: flex; 6 | align-items: center; 7 | border-bottom: 1px solid #e0e0e0; 8 | } 9 | -------------------------------------------------------------------------------- /examples/lazy-load-component/.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "extends": ["taro/react"], 3 | "rules": { 4 | "react/jsx-uses-react": "off", 5 | "react/react-in-jsx-scope": "off" 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /examples/lazy-load-component/.gitignore: -------------------------------------------------------------------------------- 1 | dist/ 2 | deploy_versions/ 3 | .temp/ 4 | .rn_temp/ 5 | node_modules/ 6 | .DS_Store 7 | .swc -------------------------------------------------------------------------------- /examples/lazy-load-component/babel.config.js: -------------------------------------------------------------------------------- 1 | // babel-preset-taro 更多选项和默认值： 2 | // https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md 3 | module.exports = { 4 | presets: [ 5 | [ 6 | "taro", 7 | { 8 | framework: "react", 9 | ts: true, 10 | }, 11 | ], 12 | ], 13 | plugins: [ 14 | [ 15 | "import", 16 | { 17 | libraryName: "taro-ui", 18 | customName: (name) => `taro-ui/lib/components/${name.slice(3)}`, 19 | customStyleName: (name) => 20 | `taro-ui/dist/style/components/${name.slice(3)}.scss`, 21 | }, 22 | "taro-ui", 23 | ], 24 | ], 25 | }; 26 | -------------------------------------------------------------------------------- /examples/lazy-load-component/config/dev.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | env: { 3 | NODE_ENV: '"development"' 4 | }, 5 | defineConstants: { 6 | }, 7 | mini: {}, 8 | h5: {} 9 | } 10 | -------------------------------------------------------------------------------- /examples/lazy-load-component/project.tt.json: -------------------------------------------------------------------------------- 1 | { 2 | "miniprogramRoot": "./", 3 | "projectname": "taro-ui-sass", 4 | "appid": "testAppId", 5 | "setting": { 6 | "es6": false, 7 | "minified": false 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /examples/lazy-load-component/src/app.config.ts: -------------------------------------------------------------------------------- 1 | export default defineAppConfig({ 2 | pages: [ 3 | 'pages/index/index' 4 | ], 5 | window: { 6 | backgroundTextStyle: 'light', 7 | navigationBarBackgroundColor: '#fff', 8 | navigationBarTitleText: 'WeChat', 9 | navigationBarTextStyle: 'black' 10 | } 11 | }) 12 | -------------------------------------------------------------------------------- /examples/lazy-load-component/src/app.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/examples/lazy-load-component/src/app.scss -------------------------------------------------------------------------------- /examples/lazy-load-component/src/app.ts: -------------------------------------------------------------------------------- 1 | import { Component, PropsWithChildren } from 'react' 2 | import './app.scss' 3 | 4 | class App extends Component { 5 | 6 | componentDidMount () {} 7 | 8 | componentDidShow () {} 9 | 10 | componentDidHide () {} 11 | 12 | render () { 13 | // this.props.children 是将要会渲染的页面 14 | return this.props.children 15 | } 16 | } 17 | 18 | export default App 19 | -------------------------------------------------------------------------------- /examples/lazy-load-component/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | taro-ui-sass 12 | 13 | 14 | 15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /examples/lazy-load-component/src/pages/index/index.config.ts: -------------------------------------------------------------------------------- 1 | export default definePageConfig({ 2 | navigationBarTitleText: '首页' 3 | }) 4 | -------------------------------------------------------------------------------- /examples/lazy-load-component/src/pages/index/index.scss: -------------------------------------------------------------------------------- 1 | .item { 2 | height: 100px; 3 | width: 100%; 4 | padding: 0px 20px; 5 | display: flex; 6 | align-items: center; 7 | border-bottom: 1px solid #e0e0e0; 8 | } 9 | -------------------------------------------------------------------------------- /examples/lazy-load-component/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es2017", 4 | "module": "commonjs", 5 | "removeComments": false, 6 | "preserveConstEnums": true, 7 | "moduleResolution": "node", 8 | "experimentalDecorators": true, 9 | "noImplicitAny": false, 10 | "allowSyntheticDefaultImports": true, 11 | "outDir": "lib", 12 | "noUnusedLocals": true, 13 | "noUnusedParameters": true, 14 | "strictNullChecks": true, 15 | "sourceMap": true, 16 | "baseUrl": ".", 17 | "rootDir": ".", 18 | "jsx": "react-jsx", 19 | "allowJs": true, 20 | "resolveJsonModule": true, 21 | "typeRoots": [ 22 | "node_modules/@types" 23 | ] 24 | }, 25 | "include": ["./src", "./types"], 26 | "compileOnSave": false 27 | } 28 | -------------------------------------------------------------------------------- /examples/lazy-load-component/types/global.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | 3 | declare module '*.png'; 4 | declare module '*.gif'; 5 | declare module '*.jpg'; 6 | declare module '*.jpeg'; 7 | declare module '*.svg'; 8 | declare module '*.css'; 9 | declare module '*.less'; 10 | declare module '*.scss'; 11 | declare module '*.sass'; 12 | declare module '*.styl'; 13 | 14 | declare namespace NodeJS { 15 | interface ProcessEnv { 16 | TARO_ENV: 'weapp' | 'swan' | 'alipay' | 'h5' | 'rn' | 'tt' | 'quickapp' | 'qq' | 'jd' 17 | } 18 | } 19 | 20 | -------------------------------------------------------------------------------- /jest.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | verbose: true, 3 | moduleFileExtensions: ['js', 'jsx', 'json'], 4 | rootDir: __dirname, 5 | testMatch: ['/test/**/*.test.js', '/test/**/test.js'], 6 | transform: { 7 | '^.+\\.js?$': 'babel-jest' 8 | }, 9 | transformIgnorePatterns: ['/node_modules/'], 10 | moduleNameMapper: { 11 | react: 'nervjs', 12 | 'react-addons-test-utils': 'nerv-test-utils', 13 | 'react-dom': 'nervjs', 14 | weui: '/test/__mock__/styleMock.js', 15 | '\\.(css|less|sass|scss)$': '/test/__mock__/styleMock.js' 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | 3 | All notable changes to this project will be documented in this file. 4 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 | 6 | ## 3.0.1 (2020-04-18) 7 | 8 | **Note:** Version bump only for package taro-ui-demo 9 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/babel.config.js: -------------------------------------------------------------------------------- 1 | // babel-preset-taro 更多选项和默认值： 2 | // https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md 3 | module.exports = { 4 | presets: [ 5 | [ 6 | 'taro', 7 | { 8 | framework: 'react', 9 | ts: true 10 | } 11 | ] 12 | ] 13 | } 14 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/config/dev.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | env: { 3 | NODE_ENV: '"development"' 4 | }, 5 | defineConstants: {}, 6 | weapp: {}, 7 | h5: {} 8 | } 9 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/config/prod.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | env: { 3 | NODE_ENV: '"production"' 4 | }, 5 | defineConstants: {}, 6 | weapp: {}, 7 | h5: { 8 | /** 9 | * 如果h5端编译后体积过大，可以使用webpack-bundle-analyzer插件对打包体积进行分析。 10 | * 参考代码如下： 11 | * webpackChain (chain) { 12 | * chain.plugin('analyzer') 13 | * .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, []) 14 | * } 15 | */ 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/global.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.png' 2 | declare module '*.gif' 3 | declare module '*.jpg' 4 | declare module '*.jpeg' 5 | declare module '*.svg' 6 | declare module '*.css' 7 | declare module '*.less' 8 | declare module '*.scss' 9 | declare module '*.sass' 10 | declare module '*.styl' 11 | 12 | declare const process: { 13 | env: { 14 | TARO_ENV: 15 | | 'weapp' 16 | | 'swan' 17 | | 'alipay' 18 | | 'h5' 19 | | 'rn' 20 | | 'tt' 21 | | 'quickapp' 22 | | 'qq' 23 | [key: string]: any 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/index.js: -------------------------------------------------------------------------------- 1 | import '@tarojs/rn-supporter/entry-file.js' 2 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/project.config.json: -------------------------------------------------------------------------------- 1 | { 2 | "miniprogramRoot": "./dist", 3 | "projectname": "taro-ui-demo", 4 | "description": "Taro UI demo", 5 | "appid": "touristappid", 6 | "setting": { 7 | "urlCheck": true, 8 | "es6": false, 9 | "postcss": false, 10 | "minified": false 11 | }, 12 | "compileType": "miniprogram" 13 | } 14 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/app.tsx: -------------------------------------------------------------------------------- 1 | import PropTypes, { InferProps } from 'prop-types' 2 | import React from 'react' 3 | import './app.scss' 4 | 5 | class App extends React.Component { 6 | public static propTypes: InferProps<{}> 7 | 8 | public render(): React.ReactNode { 9 | return this.props.children 10 | } 11 | } 12 | 13 | App.propTypes = { 14 | children: PropTypes.node 15 | } 16 | 17 | export default App 18 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/assets/images/curtain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/assets/images/curtain.png -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/assets/images/icon-list-action.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/assets/images/icon-list-action.png -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/assets/images/icon-list-basic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/assets/images/icon-list-basic.png -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/assets/images/icon-list-form.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/assets/images/icon-list-form.png -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/assets/images/icon-list-hoc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/assets/images/icon-list-hoc.png -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/assets/images/icon-list-layout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/assets/images/icon-list-layout.png -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/assets/images/icon-list-navigation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/assets/images/icon-list-navigation.png -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/assets/images/icon-list-view.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/assets/images/icon-list-view.png -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/assets/images/logo_taro.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/assets/images/logo_taro.png -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/assets/images/verification_code.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/assets/images/verification_code.png -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/action/action-sheet/index.scss: -------------------------------------------------------------------------------- 1 | @import "~taro-ui/dist/style/variables/default"; 2 | 3 | .danger { 4 | color: $color-error; 5 | text-align: center; 6 | } 7 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/action/activity-indicator/index.scss: -------------------------------------------------------------------------------- 1 | @import "~taro-ui/dist/style/mixins/index.scss"; 2 | @import "~taro-ui/dist/style/variables/default.scss"; 3 | 4 | .panel__content { 5 | &--example-item { 6 | @include display-flex; 7 | @include align-items(center); 8 | 9 | &--center { 10 | height: 200px; 11 | position: relative; 12 | background-color: #fafbfc; 13 | margin-bottom: 20px; 14 | /* #ifdef rn */ 15 | @include absolute-center 16 | /* #endif */ 17 | } 18 | 19 | &--subitem { 20 | margin-left: 32px; 21 | @include flex(0, 0, auto); 22 | 23 | } 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/action/message/index.scss: -------------------------------------------------------------------------------- 1 | .toast-page { 2 | &-button { 3 | flex: 1; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/action/modal/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/pages/action/modal/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/action/progress/index.scss: -------------------------------------------------------------------------------- 1 | .panel__content { 2 | &--example-item { 3 | display: flex; 4 | flex-direction: column; 5 | margin-bottom: 20px; 6 | } 7 | } 8 | 9 | .example-item__buttons { 10 | display: flex; 11 | flex-direction: row; 12 | } 13 | 14 | .panel { 15 | &__content { 16 | padding: 0 20px; 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/action/swipe-action/index.scss: -------------------------------------------------------------------------------- 1 | .swipe-action-page { 2 | .panel__controller { 3 | text-align: center; 4 | } 5 | 6 | .normal { 7 | padding: 0 24px; 8 | line-height: 88px; 9 | } 10 | 11 | .example-item--border { 12 | /* prettier-ignore */ 13 | border: 1PX solid #e2ecf4; 14 | border-left: none; 15 | border-right: none; 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/action/toast/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/pages/action/toast/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/advanced/calendar/index.scss: -------------------------------------------------------------------------------- 1 | .calendar-page .body_controllers { 2 | margin-top: 20px; 3 | text-align: center; 4 | 5 | .at-button { 6 | font-size: 24px; 7 | border-radius: 0; 8 | 9 | + .at-button { 10 | border-left: none; 11 | } 12 | 13 | &:first-child { 14 | border-top-left-radius: 8px; 15 | border-bottom-left-radius: 8px; 16 | 17 | // prettier-ignore 18 | border-left: 1PX solid #dcdfe6; 19 | } 20 | 21 | &:last-child { 22 | border-top-right-radius: 8px; 23 | border-bottom-right-radius: 8px; 24 | } 25 | } 26 | } 27 | 28 | .test { 29 | margin-left: 20px; 30 | } 31 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/basic/button/index.scss: -------------------------------------------------------------------------------- 1 | .demo-button { 2 | // .at-form { 3 | // padding-left: 0; 4 | // } 5 | } 6 | 7 | .btn-demo-fab { 8 | /* #ifndef rn */ 9 | position: fixed; 10 | /* #endif */ 11 | /* #ifdef rn */ 12 | position: absolute; 13 | /* #endif */ 14 | right: 32px; 15 | z-index: 1100; 16 | bottom: 32px; 17 | } 18 | 19 | .no-margin-bottom { 20 | margin-bottom: 0; 21 | } 22 | 23 | .no-margin-left { 24 | margin-left: 0; 25 | } 26 | 27 | .panel__content { 28 | &--btn-item { 29 | margin-bottom: 20px; 30 | 31 | &--subitem { 32 | display: flex; 33 | flex-direction: row; 34 | margin-left: 24px; 35 | } 36 | } 37 | } 38 | 39 | .small-btn { 40 | display: flex; 41 | flex-direction: row; 42 | } 43 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/basic/icon/index.scss: -------------------------------------------------------------------------------- 1 | .icon-list { 2 | display: flex; 3 | flex-direction: row; 4 | justify-content: flex-start; 5 | align-items: flex-start; 6 | flex-wrap: wrap; 7 | 8 | &__item { 9 | margin-bottom: 60px; 10 | width: 33%; 11 | text-align: center; 12 | align-items: center; 13 | } 14 | 15 | &__name { 16 | margin-top: 20px; 17 | color: #88889C; 18 | font-size: 20px; 19 | text-align: center; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/form/checkbox/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/pages/form/checkbox/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/form/form/index.scss: -------------------------------------------------------------------------------- 1 | .component-item { 2 | &__btn-group { 3 | padding: 0 20px; 4 | 5 | &__btn-item { 6 | margin-bottom: 20px; 7 | } 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/form/image-picker/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/pages/form/image-picker/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/form/input-number/index.scss: -------------------------------------------------------------------------------- 1 | .example-item { 2 | margin-bottom: 24px; 3 | 4 | &__desc { 5 | margin-bottom: 20px; 6 | } 7 | 8 | // &:last-child { 9 | // margin-bottom: 0; 10 | // } 11 | } 12 | 13 | .panel__content { 14 | &--example-item { 15 | flex-direction: column; 16 | } 17 | } 18 | 19 | .panel { 20 | &__content { 21 | padding: 0 20px; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/form/input/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/pages/form/input/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/form/picker-view/index.scss: -------------------------------------------------------------------------------- 1 | .title-date { 2 | display: flex; 3 | align-items: center; 4 | justify-content: center; 5 | flex-direction: row; 6 | font-size: 32px; 7 | margin-top: 100px; 8 | } 9 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/form/radio/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/pages/form/radio/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/form/range/index.scss: -------------------------------------------------------------------------------- 1 | .example-item { 2 | color: #333; 3 | font-size: 28px; 4 | // padding: 0 28px; 5 | } 6 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/form/rate/index.scss: -------------------------------------------------------------------------------- 1 | .example-item { 2 | color: #333; 3 | font-size: 28px; 4 | } 5 | .panel__content { 6 | &--example-item { 7 | flex-direction: column; 8 | } 9 | } 10 | 11 | .panel { 12 | &__content { 13 | padding: 0 20px; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/form/search-bar/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/pages/form/search-bar/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/form/slider/index.scss: -------------------------------------------------------------------------------- 1 | .panel__content { 2 | &--example-item { 3 | display: flex; 4 | flex-direction: column; 5 | margin-bottom: 20px; 6 | } 7 | } 8 | .panel { 9 | &__content { 10 | padding: 0 20px; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/form/switch/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/pages/form/switch/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/form/textarea/index.scss: -------------------------------------------------------------------------------- 1 | .panel { 2 | &__content { 3 | padding: 0 20px; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/index/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/layout/accordion/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/pages/layout/accordion/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/layout/card/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/pages/layout/card/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/layout/float-layout/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/pages/layout/float-layout/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/layout/grid/index.scss: -------------------------------------------------------------------------------- 1 | .panel { 2 | &__content { 3 | padding: 0 20px; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/layout/list/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/pages/layout/list/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/navigation/drawer/index.scss: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: #fff; 3 | } 4 | 5 | .example { 6 | margin-bottom: 15px; 7 | text-align: center; 8 | } 9 | 10 | .drawer-item { 11 | height: 80px; 12 | line-height: 80px; 13 | margin: 0 25px; 14 | color: #666; 15 | font-size: 30px; 16 | // border-bottom: 1px solid #eee; 17 | position: relative; 18 | 19 | &__at-icon { 20 | position: absolute; 21 | right: 5px; 22 | top: 25px; 23 | } 24 | 25 | &__at-badge { 26 | position: absolute; 27 | right: 5px; 28 | top: 25px; 29 | 30 | &__at-icon { 31 | // position: static; 32 | margin-top: -45px; 33 | } 34 | } 35 | 36 | &--sub { 37 | font-size: 26px; 38 | margin-left: 50px; 39 | color: #999; 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/navigation/indexes/index.scss: -------------------------------------------------------------------------------- 1 | .example-item { 2 | color: #333; 3 | font-size: 28px; 4 | } 5 | 6 | .custom-area { 7 | padding: 80px 20px; 8 | font-size: 28px; 9 | text-align: center; 10 | background: #FCFCFC; 11 | } 12 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/navigation/navbar/index.scss: -------------------------------------------------------------------------------- 1 | .example__body { 2 | background-color: #f8f8f8; 3 | min-height: 100px; 4 | 5 | // .item { 6 | // margin-bottom: 10px; 7 | // } 8 | } 9 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/navigation/pagination/index.scss: -------------------------------------------------------------------------------- 1 | 2 | .btn-item { 3 | margin-top: 30px; 4 | color: #666; 5 | font-size: 24px; 6 | text-align: center; 7 | } 8 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/navigation/segmented-control/index.scss: -------------------------------------------------------------------------------- 1 | .tab-content { 2 | padding: 100px 50px; 3 | font-size: 30px; 4 | text-align: center; 5 | background-color: #FAFBFC; 6 | } 7 | .panel { 8 | &__content { 9 | padding: 0 20px; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/navigation/tabbar/index.scss: -------------------------------------------------------------------------------- 1 | // .example__body { 2 | // background-color: #f8f8f8; 3 | // min-height: 100px; 4 | // padding: 30px 10px 80px; 5 | 6 | // .item { 7 | // margin-bottom: 10px; 8 | // } 9 | 10 | // .tab-content { 11 | // font-size: 25px; 12 | // padding: 20px; 13 | // text-align: center; 14 | // border-top: 2px solid #f8f8f8; 15 | // background-color: #fff; 16 | // } 17 | // } 18 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/navigation/tabs/index.scss: -------------------------------------------------------------------------------- 1 | .tab-content { 2 | padding: 100px 50px; 3 | font-size: 30px; 4 | text-align: center; 5 | background-color: #FAFBFC; 6 | } 7 | 8 | .tab-content--vertical { 9 | justify-content: center; 10 | height: 200PX; 11 | // padding: 100PX 50px; 12 | // font-size: 30px; 13 | text-align: center; 14 | background-color: #FAFBFC; 15 | } 16 | 17 | .panel { 18 | &__content { 19 | padding: 0 20px; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/theme/index.scss: -------------------------------------------------------------------------------- 1 | // @import "~taro-ui/dist/style/index.scss"; 2 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/theme/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { View } from '@tarojs/components' 3 | import Taro from '@tarojs/taro' 4 | import './index.scss' 5 | 6 | export default class ThemePage extends React.Component { 7 | public config: Taro.PageConfig = { 8 | navigationBarTitleText: 'Taro UI' 9 | } 10 | 11 | public render(): JSX.Element { 12 | return Theme 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/view/article/index.scss: -------------------------------------------------------------------------------- 1 | @import '~taro-ui/dist/style/components/article.scss'; 2 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/view/avatar/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/pages/view/avatar/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/view/badge/index.scss: -------------------------------------------------------------------------------- 1 | .panel__content { 2 | &--badge-item { 3 | display: flex; 4 | flex-direction: row; 5 | &--subitem { 6 | align-self: flex-start; 7 | margin-left: 40px; 8 | } 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/view/countdown/index.scss: -------------------------------------------------------------------------------- 1 | .panel { 2 | &__content { 3 | padding: 0 20px; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/view/curtain/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/pages/view/curtain/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/view/divider/index.scss: -------------------------------------------------------------------------------- 1 | .panel__content { 2 | &-img { 3 | width: 40px; 4 | height: 40px; 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/view/load-more/index.scss: -------------------------------------------------------------------------------- 1 | .panel__content { 2 | // .bar-item { 3 | // margin-bottom: 20px; 4 | 5 | // &:last-child { 6 | // margin-bottom: 0; 7 | // } 8 | // } 9 | } 10 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/view/noticebar/index.scss: -------------------------------------------------------------------------------- 1 | .panel__content { 2 | &-bar-item { 3 | margin-bottom: 20px; 4 | } 5 | padding: 0 20px; 6 | } 7 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/view/noticebar/notice.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/pages/view/noticebar/notice.png -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/view/steps/index.scss: -------------------------------------------------------------------------------- 1 | .panel { 2 | &__content { 3 | padding: 0 20px; 4 | 5 | &--example-item { 6 | display: flex; 7 | flex-direction: column; 8 | } 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/view/swiper/index.scss: -------------------------------------------------------------------------------- 1 | .panel__content--example-item { 2 | display: flex; 3 | flex-direction: column; 4 | margin-bottom: 20px; 5 | 6 | &--swiper { 7 | height: 360px; 8 | } 9 | 10 | &--control-cnt { 11 | margin-top: 40px; 12 | } 13 | 14 | &--slider-list { 15 | margin-top: 80px; 16 | 17 | &__item { 18 | margin-bottom: 40px; 19 | 20 | &-header { 21 | margin-bottom: 16px; 22 | color: #999; 23 | font-size: 28px; 24 | text-align: center; 25 | } 26 | } 27 | } 28 | 29 | &--slide-image { 30 | width: 100%; 31 | height: 360px; 32 | } 33 | 34 | } 35 | 36 | .panel { 37 | &__content { 38 | padding: 0 20px; 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/view/tag/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/pages/view/tag/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/view/timeline/clock.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo-rn/src/pages/view/timeline/clock.png -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/src/pages/view/timeline/index.scss: -------------------------------------------------------------------------------- 1 | .panel { 2 | &__content { 3 | padding: 0 20px; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /packages/taro-ui-demo-rn/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig", 3 | "compilerOptions": { 4 | "allowJs": true, 5 | "baseUrl": ".", 6 | "module": "commonjs", 7 | "outDir": "lib", 8 | "removeComments": false, 9 | "resolveJsonModule": true, 10 | "rootDir": ".", 11 | "skipLibCheck": false, 12 | "target": "es2017", 13 | "typeRoots": [ 14 | "node_modules/@types", 15 | "global.d.ts" 16 | ] 17 | }, 18 | "exclude": [ 19 | "node_modules", 20 | "dist" 21 | ] 22 | } 23 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | 3 | All notable changes to this project will be documented in this file. 4 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 | 6 | ## 3.0.1 (2020-04-18) 7 | 8 | **Note:** Version bump only for package taro-ui-demo 9 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/babel.config.js: -------------------------------------------------------------------------------- 1 | // babel-preset-taro 更多选项和默认值： 2 | // https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md 3 | module.exports = { 4 | presets: [ 5 | [ 6 | 'taro', 7 | { 8 | framework: 'react', 9 | ts: true, 10 | hot: false 11 | } 12 | ] 13 | ] 14 | } 15 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/config/dev.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | env: { 3 | NODE_ENV: '"development"' 4 | }, 5 | defineConstants: {}, 6 | weapp: {}, 7 | h5: { 8 | devServer: { 9 | hot: false 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/global.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.png' 2 | declare module '*.gif' 3 | declare module '*.jpg' 4 | declare module '*.jpeg' 5 | declare module '*.svg' 6 | declare module '*.css' 7 | declare module '*.less' 8 | declare module '*.scss' 9 | declare module '*.sass' 10 | declare module '*.styl' 11 | 12 | declare const process: { 13 | env: { 14 | TARO_ENV: 15 | | 'weapp' 16 | | 'swan' 17 | | 'alipay' 18 | | 'h5' 19 | | 'rn' 20 | | 'tt' 21 | | 'quickapp' 22 | | 'qq' 23 | [key: string]: any 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/app.tsx: -------------------------------------------------------------------------------- 1 | import PropTypes, { InferProps } from 'prop-types' 2 | import React from 'react' 3 | import './app.scss' 4 | 5 | class App extends React.Component { 6 | public static propTypes: InferProps<{}> 7 | 8 | public render(): React.ReactNode { 9 | return this.props.children 10 | } 11 | } 12 | 13 | App.propTypes = { 14 | children: PropTypes.node 15 | } 16 | 17 | export default App 18 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/assets/images/curtain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/assets/images/curtain.png -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/assets/images/icon-list-action.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/assets/images/icon-list-action.png -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/assets/images/icon-list-basic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/assets/images/icon-list-basic.png -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/assets/images/icon-list-form.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/assets/images/icon-list-form.png -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/assets/images/icon-list-hoc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/assets/images/icon-list-hoc.png -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/assets/images/icon-list-layout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/assets/images/icon-list-layout.png -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/assets/images/icon-list-navigation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/assets/images/icon-list-navigation.png -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/assets/images/icon-list-view.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/assets/images/icon-list-view.png -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/assets/images/logo_taro.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/assets/images/logo_taro.png -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/assets/images/verification_code.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/assets/images/verification_code.png -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/action/action-sheet/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/action/action-sheet/index.scss: -------------------------------------------------------------------------------- 1 | @import "~taro-ui/dist/style/variables/default"; 2 | 3 | .danger { 4 | color: $color-error; 5 | } 6 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/action/activity-indicator/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/action/activity-indicator/index.scss: -------------------------------------------------------------------------------- 1 | @import "~taro-ui/dist/style/mixins/index.scss"; 2 | @import "~taro-ui/dist/style/variables/default.scss"; 3 | 4 | .activity-indicator-page .panel__content { 5 | .example-item { 6 | @include display-flex; 7 | @include align-items(center); 8 | 9 | &--center { 10 | height: 200px; 11 | position: relative; 12 | background-color: #fafbfc; 13 | margin-bottom: 20px; 14 | } 15 | 16 | .subitem { 17 | margin-left: 32px; 18 | @include flex(0, 0, auto); 19 | 20 | &:first-child { 21 | margin-left: 0; 22 | } 23 | } 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/action/message/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/action/message/index.scss: -------------------------------------------------------------------------------- 1 | .toast-page .example__body { 2 | &-button { 3 | display: inline-block; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/action/modal/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/action/modal/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/action/modal/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/action/progress/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/action/progress/index.scss: -------------------------------------------------------------------------------- 1 | .progress-page .example-item { 2 | &__buttons { 3 | margin-top: 20px; 4 | 5 | .btn { 6 | display: inline-block; 7 | margin-left: 12px; 8 | 9 | &:first-child { 10 | margin-left: 0; 11 | } 12 | } 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/action/swipe-action/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/action/swipe-action/index.scss: -------------------------------------------------------------------------------- 1 | .swipe-action-page { 2 | .panel__controller { 3 | text-align: center; 4 | } 5 | 6 | .normal { 7 | padding: 0 24px; 8 | line-height: 88px; 9 | } 10 | 11 | .example-item--border { 12 | /* prettier-ignore */ 13 | border: 1PX solid #e2ecf4; 14 | border-left: none; 15 | border-right: none; 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/action/toast/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/action/toast/index.scss: -------------------------------------------------------------------------------- 1 | .toast-page .example__body { 2 | &-button { 3 | display: inline-block; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/advanced/calendar/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/advanced/calendar/index.scss: -------------------------------------------------------------------------------- 1 | .calendar-page .body_controllers { 2 | margin-top: 20px; 3 | text-align: center; 4 | 5 | .at-button { 6 | font-size: 24px; 7 | border-radius: 0; 8 | 9 | + .at-button { 10 | border-left: none; 11 | } 12 | 13 | &:first-child { 14 | border-top-left-radius: 8px; 15 | border-bottom-left-radius: 8px; 16 | 17 | // prettier-ignore 18 | border-left: 1PX solid #dcdfe6; 19 | } 20 | 21 | &:last-child { 22 | border-top-right-radius: 8px; 23 | border-bottom-right-radius: 8px; 24 | } 25 | } 26 | } 27 | 28 | .test { 29 | margin-left: 20px; 30 | } 31 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/basic/button/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/basic/button/index.scss: -------------------------------------------------------------------------------- 1 | .my-button.at-button { 2 | color: red; 3 | } 4 | 5 | .panel__content { 6 | &.demo-button { 7 | .at-form { 8 | padding-left: 0; 9 | } 10 | } 11 | 12 | .btn-demo-fab { 13 | position: fixed; 14 | right: 32px; 15 | bottom: 32px; 16 | z-index: 1100; 17 | } 18 | 19 | .btn-item { 20 | margin-bottom: 20px; 21 | 22 | &:last-child { 23 | margin-bottom: 0; 24 | } 25 | 26 | .subitem { 27 | display: inline-block; 28 | margin-left: 24px; 29 | 30 | &:first-child { 31 | margin-left: 0; 32 | } 33 | } 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/basic/color/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/basic/icon/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/basic/icon/index.scss: -------------------------------------------------------------------------------- 1 | .icon-list { 2 | display: flex; 3 | justify-content: flex-start; 4 | align-items: flex-start; 5 | flex-wrap: wrap; 6 | 7 | &__item { 8 | margin-bottom: 60px; 9 | width: 33%; 10 | text-align: center; 11 | } 12 | 13 | &__name { 14 | margin-top: 20px; 15 | color: #88889C; 16 | font-size: 20px; 17 | text-align: center; 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/basic/typo/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/components/doc-header/index.scss: -------------------------------------------------------------------------------- 1 | .doc-header { 2 | display: flex; 3 | align-items: center; 4 | padding: 60px; 5 | height: 180px; 6 | 7 | &__title { 8 | position: relative; 9 | height: 90px; 10 | color: #333; 11 | font-size: 40px; 12 | font-weight: bold; 13 | 14 | &::after { 15 | content: ''; 16 | position: absolute; 17 | left: 0; 18 | bottom: 0; 19 | display: inline-block; 20 | width: 120px; 21 | height: 2PX; 22 | border-radius: 1PX; 23 | background-color: #6190E8; 24 | } 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/checkbox/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/checkbox/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/form/checkbox/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/form/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/form/index.scss: -------------------------------------------------------------------------------- 1 | .component-item { 2 | &__btn-group { 3 | padding: 0 20px; 4 | 5 | &__btn-item { 6 | margin-bottom: 20px; 7 | } 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/image-picker/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/image-picker/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/form/image-picker/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/input-number/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/input-number/index.scss: -------------------------------------------------------------------------------- 1 | .example--item { 2 | margin-bottom: 24px; 3 | 4 | &:last-child { 5 | margin-bottom: 0; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/input/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/input/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/form/input/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/picker-view/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/picker-view/index.scss: -------------------------------------------------------------------------------- 1 | .example-item { 2 | .title-date { 3 | margin: 40px 0 20px; 4 | text-align: center; 5 | font-size: 36px; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/picker/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/radio/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/radio/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/form/radio/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/range/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/range/index.scss: -------------------------------------------------------------------------------- 1 | .example-item { 2 | color: #333; 3 | font-size: 28px; 4 | // padding: 0 28px; 5 | } 6 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/rate/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/rate/index.scss: -------------------------------------------------------------------------------- 1 | .example-item { 2 | color: #333; 3 | font-size: 28px; 4 | } 5 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/search-bar/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/search-bar/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/form/search-bar/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/slider/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/slider/index.scss: -------------------------------------------------------------------------------- 1 | .panel__content .example-item__desc { 2 | margin-left: 18PX; 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/switch/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/switch/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/form/switch/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/textarea/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/form/textarea/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/form/textarea/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/index/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/layout/accordion/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/layout/accordion/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/layout/accordion/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/layout/card/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/layout/card/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/layout/card/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/layout/flex/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/layout/flex/index.scss: -------------------------------------------------------------------------------- 1 | @import "~taro-ui/dist/style/variables/default.scss"; 2 | @import '~taro-ui/dist/style/components/flex.scss'; 3 | 4 | .flex-page .at-row { 5 | margin-bottom: 40px; 6 | 7 | .at-col { 8 | padding: $spacing-v-md $spacing-h-md; 9 | color: $color-white; 10 | font-size: $font-size-base; 11 | text-align: center; 12 | 13 | &:nth-child(odd) { 14 | background-color: $color-brand-light; 15 | } 16 | 17 | &:nth-child(even) { 18 | background-color: tint($color-brand-light, 20%); 19 | } 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/layout/float-layout/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/layout/float-layout/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/layout/float-layout/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/layout/grid/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/layout/grid/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/layout/grid/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/layout/list/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/layout/list/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/layout/list/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/navigation/drawer/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/navigation/drawer/index.scss: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: #fff; 3 | } 4 | 5 | .example { 6 | margin-bottom: 15px; 7 | text-align: center; 8 | } 9 | 10 | .drawer-item { 11 | height: 80px; 12 | line-height: 80px; 13 | margin: 0 25px; 14 | color: #666; 15 | font-size: 30px; 16 | border-bottom: 1px solid #eee; 17 | position: relative; 18 | 19 | .at-icon { 20 | position: absolute; 21 | right: 5px; 22 | top: 25px; 23 | } 24 | 25 | .at-badge { 26 | position: absolute; 27 | right: 5px; 28 | top: 25px; 29 | 30 | .at-icon { 31 | position: static; 32 | margin-top: -45px; 33 | } 34 | } 35 | 36 | &--sub { 37 | font-size: 26px; 38 | margin-left: 50px; 39 | color: #999; 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/navigation/indexes/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/navigation/indexes/index.scss: -------------------------------------------------------------------------------- 1 | .example-item { 2 | color: #333; 3 | font-size: 28px; 4 | } 5 | 6 | .custom-area { 7 | padding: 80px 20px; 8 | font-size: 28px; 9 | text-align: center; 10 | background: #FCFCFC; 11 | } 12 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/navigation/navbar/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/navigation/navbar/index.scss: -------------------------------------------------------------------------------- 1 | .example__body { 2 | background-color: #f8f8f8; 3 | min-height: 100px; 4 | 5 | .item { 6 | margin-bottom: 10px; 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/navigation/pagination/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/navigation/pagination/index.scss: -------------------------------------------------------------------------------- 1 | 2 | .btn-item { 3 | margin-top: 30px; 4 | color: #666; 5 | font-size: 24px; 6 | text-align: center; 7 | } 8 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/navigation/segmented-control/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/navigation/segmented-control/index.scss: -------------------------------------------------------------------------------- 1 | .tab-content { 2 | padding: 100px 50px; 3 | font-size: 30px; 4 | text-align: center; 5 | background-color: #FAFBFC; 6 | } 7 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/navigation/tabbar/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/navigation/tabbar/index.scss: -------------------------------------------------------------------------------- 1 | .example__body { 2 | background-color: #f8f8f8; 3 | min-height: 100px; 4 | padding: 30px 10px 80px; 5 | 6 | .item { 7 | margin-bottom: 10px; 8 | } 9 | 10 | .tab-content { 11 | font-size: 25px; 12 | padding: 20px; 13 | text-align: center; 14 | border-top: 2px solid #f8f8f8; 15 | background-color: #fff; 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/navigation/tabs/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/navigation/tabs/index.scss: -------------------------------------------------------------------------------- 1 | .tab-content { 2 | padding: 100px 50px; 3 | font-size: 30px; 4 | text-align: center; 5 | background-color: #FAFBFC; 6 | } 7 | 8 | .tab-content--vertical { 9 | height: 200PX; 10 | padding: 100PX 50px; 11 | font-size: 30px; 12 | text-align: center; 13 | box-sizing: border-box; 14 | background-color: #FAFBFC; 15 | } 16 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/panel/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/theme/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "~taro-ui/dist/style/index.scss"; 2 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/theme/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { View } from '@tarojs/components' 3 | import Taro from '@tarojs/taro' 4 | import './index.scss' 5 | 6 | export default class ThemePage extends React.Component { 7 | public config: Taro.PageConfig = { 8 | navigationBarTitleText: 'Taro UI' 9 | } 10 | 11 | public render(): JSX.Element { 12 | return Theme 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/article/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/article/index.scss: -------------------------------------------------------------------------------- 1 | @import '~taro-ui/dist/style/components/article.scss'; 2 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/avatar/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/avatar/index.scss: -------------------------------------------------------------------------------- 1 | .panel__content { 2 | .example-item { 3 | .subitem { 4 | margin-left: 32px; 5 | vertical-align: middle; 6 | } 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/badge/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/badge/index.scss: -------------------------------------------------------------------------------- 1 | .panel__content { 2 | .badge-item { 3 | margin-bottom: 20px; 4 | 5 | &:last-child { 6 | margin-bottom: 0; 7 | } 8 | 9 | .subitem { 10 | display: inline-block; 11 | margin-left: 40px; 12 | } 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/countdown/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/countdown/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/view/countdown/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/curtain/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/curtain/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/view/curtain/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/divider/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/divider/index.scss: -------------------------------------------------------------------------------- 1 | .panel__content { 2 | .bar-item { 3 | margin-bottom: 20px; 4 | 5 | &:last-child { 6 | margin-bottom: 0; 7 | } 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/load-more/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/load-more/index.scss: -------------------------------------------------------------------------------- 1 | .panel__content { 2 | .bar-item { 3 | margin-bottom: 20px; 4 | 5 | &:last-child { 6 | margin-bottom: 0; 7 | } 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/noticebar/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/noticebar/index.scss: -------------------------------------------------------------------------------- 1 | .panel__content { 2 | .bar-item { 3 | margin-bottom: 20px; 4 | 5 | &:last-child { 6 | margin-bottom: 0; 7 | } 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/steps/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/steps/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/view/steps/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/swiper/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/swiper/index.scss: -------------------------------------------------------------------------------- 1 | .example-item { 2 | .control-cnt { 3 | margin-top: 40px; 4 | } 5 | 6 | .slider-list { 7 | margin-top: 80px; 8 | 9 | &__item { 10 | margin-bottom: 40px; 11 | 12 | &-header { 13 | margin-bottom: 16px; 14 | color: #999; 15 | font-size: 28px; 16 | text-align: center; 17 | } 18 | } 19 | } 20 | 21 | .slide-image { 22 | width: 100%; 23 | height: 360px; 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/tag/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/tag/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/view/tag/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/timeline/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: 'Taro UI' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-demo/src/pages/view/timeline/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-demo/src/pages/view/timeline/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | 3 | All notable changes to this project will be documented in this file. 4 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 | 6 | ## 3.0.1 (2020-04-18) 7 | 8 | **Note:** Version bump only for package taro-ui-docs 9 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/assets/favicon.png -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/header-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/assets/header-bg.png -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/iframe_iphonex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/assets/iframe_iphonex.png -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/logo-taro.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/assets/logo-taro.png -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/navbar-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/assets/navbar-logo.png -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/o2logo-doc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/assets/o2logo-doc.png -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/o2logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/assets/o2logo.png -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/o2logo@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/assets/o2logo@2x.png -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/o2logo_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/assets/o2logo_2.png -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/panel-img1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/assets/panel-img1.png -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/panel-img2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/assets/panel-img2.png -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/panel-img3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/assets/panel-img3.png -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/panel-img4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/assets/panel-img4.png -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/panel-tip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/assets/panel-tip.png -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/qr_code.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/assets/qr_code.png -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/style/dark.scss: -------------------------------------------------------------------------------- 1 | h1, h2, h3, h4, h5, h6 { 2 | color: #fff; 3 | } 4 | 5 | .dark-style-docs-20140517 { 6 | color: '#fff'; 7 | } 8 | 9 | p { 10 | color: #fff; 11 | } 12 | 13 | li { 14 | color: #fff; 15 | } 16 | 17 | code { 18 | color: #3F536E; 19 | } 20 | 21 | span { 22 | color: #3F536E; 23 | } 24 | 25 | a { 26 | color: #fff; 27 | } -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/style/mixin.scss: -------------------------------------------------------------------------------- 1 | @mixin image2x-background($name, $full-size: false) { 2 | $img-path: '../assets/' + $name + '.png'; 3 | $img2x-path: '../assets/' + $name + '@2x.png'; 4 | 5 | background-image: url($img-path); 6 | background-image: -webkit-image-set(url($img-path) 1x, url($img2x-path) 2x); 7 | background-repeat: no-repeat; 8 | 9 | @if $full-size { 10 | background-size: 100% auto; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/wxapp-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/assets/wxapp-logo.png -------------------------------------------------------------------------------- /packages/taro-ui-docs/assets/wxapp.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/assets/wxapp.jpg -------------------------------------------------------------------------------- /packages/taro-ui-docs/build/conf.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | output: 'dist' 3 | } 4 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/build/devServer.conf.js: -------------------------------------------------------------------------------- 1 | module.exports = function ({ 2 | publicPath, 3 | contentBase, 4 | protocol, 5 | host, 6 | publicUrl 7 | }) { 8 | return { 9 | disableHostCheck: process.env.DANGEROUSLY_DISABLE_HOST_CHECK === 'true', 10 | compress: true, 11 | contentBase, 12 | watchContentBase: true, 13 | hot: true, 14 | inline: true, 15 | quiet: true, 16 | publicPath, 17 | // stats: "errors-only", 18 | watchOptions: { 19 | ignored: /node_modules/ 20 | }, 21 | https: protocol === 'https', 22 | host, 23 | // overlay: true, 24 | historyApiFallback: { 25 | disableDotRule: true 26 | }, 27 | public: publicUrl 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/build/webpack.dev.config.js: -------------------------------------------------------------------------------- 1 | const path = require('path') 2 | const webpack = require('webpack') 3 | 4 | const conf = require('./conf') 5 | const { getProjectRoot } = require('./util') 6 | 7 | const projectRoot = getProjectRoot() 8 | 9 | module.exports = { 10 | mode: 'development', 11 | devtool: 'cheap-module-eval-source-map', 12 | output: { 13 | path: path.resolve(projectRoot, conf.output), 14 | filename: 'js/[name].js', 15 | chunkFilename: 'chunk/[name].chunk.js', 16 | publicPath: '/' 17 | }, 18 | plugins: [ 19 | new webpack.HotModuleReplacementPlugin(), 20 | new webpack.DefinePlugin({ 21 | BASE_NAME: '`/`' 22 | }) 23 | ] 24 | } 25 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/lib/animations/collapseanimations.scss: -------------------------------------------------------------------------------- 1 | .collapse-exited { 2 | display: none; 3 | } 4 | .collapse-exiting { 5 | height: 0!important; 6 | } 7 | .collapse-enter { 8 | height: 0 9 | } 10 | .collapse-entered { 11 | height: 53px!important; 12 | } 13 | .collapse-entering { 14 | height: 53px!important; 15 | } 16 | .collapse { 17 | overflow: hidden; 18 | transition: height 0.3s ease-in-out; 19 | } -------------------------------------------------------------------------------- /packages/taro-ui-docs/static/CNAME: -------------------------------------------------------------------------------- 1 | taro-ui.aotu.io 2 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/utils/const.js: -------------------------------------------------------------------------------- 1 | export const DARK_KEY_SINGLE = 'dark-style-docs-20140517' // 暗黑模式的key -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Accordion/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import AccordionDoc from '@md/accordion.md' 3 | 4 | class AccordionView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default AccordionView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/ActionSheet/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ActionSheetDoc from '@md/action-sheet.md' 3 | 4 | class ActionSheetView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default ActionSheetView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/ActionSheet/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/ActionSheet/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/ActivityIndicator/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ActivityIndicatorDoc from '@md/activity-indicator.md' 3 | 4 | class ActivityIndicatorView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default ActivityIndicatorView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/ActivityIndicator/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/ActivityIndicator/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Article/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ArticleDoc from '@md/article.md' 3 | 4 | class ArticleView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default ArticleView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Article/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/Article/style.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Avatar/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import AvatarDoc from '@md/avatar.md' 3 | 4 | class AvatarView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default AvatarView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Avatar/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/Avatar/style.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Badge/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import BadgeDoc from '@md/badge.md' 3 | 4 | class BadgeView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default BadgeView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Badge/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/Badge/style.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Button/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ButtonDoc from '@md/button.md' 3 | 4 | class ButtonView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default ButtonView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Button/style.scss: -------------------------------------------------------------------------------- 1 | // .row { 2 | // .at-btn + .at-btn { 3 | // margin-left: 8px; 4 | // } 5 | 6 | // & + .row { 7 | // margin-top: 8px; 8 | // } 9 | // .at-btn-group .at-btn { 10 | // margin-left: 0; 11 | // } 12 | // } 13 | // .at-btn-group { 14 | // margin-left: 8px; 15 | // margin-top: 16px; 16 | // } 17 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Calendar/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import CalendarDoc from '@md/calendar.md' 3 | 4 | class CalendarView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default CalendarView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Card/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import CardDoc from '@md/card.md' 3 | 4 | class ButtonView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default ButtonView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Card/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/Card/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Changelog/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ChangelogDoc from '@md/changelog.md' 3 | import './index.scss' 4 | 5 | class ChangelogView extends React.Component { 6 | render() { 7 | return 8 | } 9 | } 10 | 11 | export default ChangelogView 12 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Checkbox/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import CheckboxDoc from '@md/checkbox.md' 3 | 4 | class CheckboxView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default CheckboxView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Color/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ColorDoc from '@md/color.md' 3 | 4 | import './style.scss' 5 | 6 | class ColorView extends React.Component { 7 | render() { 8 | return 9 | } 10 | } 11 | 12 | export default ColorView 13 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Countdown/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import CountdownDoc from '@md/countdown.md' 3 | 4 | class CountdownView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default CountdownView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Curtain/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import CurtainDoc from '@md/curtain.md' 3 | 4 | class CurtainView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default CurtainView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/CustomizeTheme/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import CustomizeThemeDoc from '@md/customize-theme.md' 3 | 4 | class CustomizeThemeView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default CustomizeThemeView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Divider/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import DividerDoc from '@md/divider.md' 3 | 4 | class DividerView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default DividerView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Drawer/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import DrawerDoc from '@md/drawer.md' 3 | 4 | class DrawerView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default DrawerView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Drawer/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/Drawer/style.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Fab/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import FabDoc from '@md/fab.md' 3 | 4 | class FabView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default FabView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Flex/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import FlexDoc from '@md/flex.md' 3 | 4 | class ButtonView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default ButtonView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Flex/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/Flex/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/FloatLayout/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import FloatLayoutDoc from '@md/float-layout.md' 3 | 4 | class FloatLayoutView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default FloatLayoutView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/FloatLayout/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/FloatLayout/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Form/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import FormDoc from '@md/form.md' 3 | 4 | class FormView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default FormView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Form/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/Form/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Grid/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import GridDoc from '@md/grid.md' 3 | 4 | class ButtonView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default ButtonView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Grid/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/Grid/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Icon/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import IconDoc from '@md/icon.md' 3 | 4 | class IconView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default IconView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Icon/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/Icon/style.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/ImagePicker/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ImagePickerDoc from '@md/image-picker.md' 3 | 4 | class ImagePickerView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default ImagePickerView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Indexes/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import IndexesDoc from '@md/indexes.md' 3 | 4 | class IndexesView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default IndexesView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Input/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import InputDoc from '@md/input.md' 3 | 4 | class InputView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default InputView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/InputNumber/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import InputNumberDoc from '@md/input-number.md' 3 | 4 | class InputNumberView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default InputNumberView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Introduction/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import IntroductionDoc from '@md/introduction.md' 3 | 4 | class IntroductionView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default IntroductionView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/List/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ListDoc from '@md/list.md' 3 | 4 | class ListView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default ListView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/List/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/List/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/LoadMore/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import LoadMoreDoc from '@md/load-more.md' 3 | 4 | class LoadMoreView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default LoadMoreView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Message/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import MessageDoc from '@md/message.md' 3 | 4 | class MessageView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default MessageView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Modal/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ModalDoc from '@md/modal.md' 3 | 4 | class ModalView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default ModalView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Modal/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/Modal/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/NavBar/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import NavBarDoc from '@md/navbar.md' 3 | 4 | class NavBarView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default NavBarView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Noticebar/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import NoticebarDoc from '@md/noticebar.md' 3 | 4 | class NoticebarView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default NoticebarView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Noticebar/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/Noticebar/style.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Pagination/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import PaginationDoc from '@md/pagination.md' 3 | 4 | class PaginationView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default PaginationView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Pagination/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/Pagination/style.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Picker/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import PickerDoc from '@md/picker.md' 3 | 4 | class PickerView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default PickerView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Progress/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ProgressDoc from '@md/progress.md' 3 | 4 | class ProgressView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default ProgressView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Progress/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/Progress/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Questions/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import QuestionDoc from '@md/questions.md' 3 | 4 | class QuestionsView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default QuestionsView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Questions/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/Questions/index.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Quickstart/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import QuickStartDoc from '@md/quickstart.md' 3 | 4 | class QuickStartView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default QuickStartView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Radio/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import RadioDoc from '@md/radio.md' 3 | 4 | class RadioView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default RadioView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Range/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import RangeDoc from '@md/range.md' 3 | 4 | class RangeView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default RangeView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Rate/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import RateDoc from '@md/rate.md' 3 | 4 | class RateView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default RateView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Resource/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ResourceDoc from '@md/resource.md' 3 | 4 | class Resource extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default Resource 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/SearchBar/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import SearchBarDoc from '@md/search-bar.md' 3 | 4 | class SearchBarView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default SearchBarView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/SegmentedControl/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import SegmentedControlDoc from '@md/segmented-control.md' 3 | 4 | class SegmentedControlView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default SegmentedControlView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Slider/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import SliderDoc from '@md/slider.md' 3 | 4 | class SliderView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default SliderView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Steps/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import StepsDoc from '@md/steps.md' 3 | 4 | class StepsView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default StepsView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/SwipeAction/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import SwipeActionDoc from '@md/swipe-action.md' 3 | 4 | class SwipeActionView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default SwipeActionView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Swiper/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import SwiperDoc from '@md/swiper.md' 3 | 4 | class SwiperView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default SwiperView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Switch/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import SwitchDoc from '@md/switch.md' 3 | 4 | class SwitchView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default SwitchView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/TabBar/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import TabBarDoc from '@md/tabbar.md' 3 | 4 | class TabBarView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default TabBarView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Tabs/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import TabsDoc from '@md/tabs.md' 3 | 4 | class TabsView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default TabsView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Tag/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import TagDoc from '@md/tag.md' 3 | 4 | class TagView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default TagView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Tag/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/Tag/style.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Textarea/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import TextareaDoc from '@md/textarea.md' 3 | 4 | class TextareaView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default TextareaView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Timeline/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import TimelineDoc from '@md/timeline.md' 3 | 4 | class TimelineView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default TimelineView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Timeline/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/Timeline/style.scss -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Toast/index.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ToastDoc from '@md/toast.md' 3 | 4 | class ToastView extends React.Component { 5 | render() { 6 | return 7 | } 8 | } 9 | 10 | export default ToastView 11 | -------------------------------------------------------------------------------- /packages/taro-ui-docs/view/Toast/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui-docs/view/Toast/index.scss -------------------------------------------------------------------------------- /packages/taro-ui/config/rollup.config.analyze.js: -------------------------------------------------------------------------------- 1 | import RollupVisualizer from 'rollup-plugin-visualizer' 2 | import defaultConfig from './rollup.config' 3 | 4 | export default Object.assign({}, defaultConfig, { 5 | plugins: [...defaultConfig.plugins, RollupVisualizer()] 6 | }) 7 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/CLOSE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui/rn/assets/CLOSE.png -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/chevron-left.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui/rn/assets/chevron-left.png -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/chevron-right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jd-opensource/taro-ui/73a514a9ea44a3c90a0743635a8db4089c19c144/packages/taro-ui/rn/assets/chevron-right.png -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/add-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/add.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/alert-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/align-center.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/align-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/analytics.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/arrow-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/arrow-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/arrow-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/arrow-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/bell.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/blocked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/bullet-list.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/calendar.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/check-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/check.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/chevron-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/chevron-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/chevron-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/chevron-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/clock.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/close-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/close.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/credit-card.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/download-cloud.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/download.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/edit.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/equalizer.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/external-link.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/eye.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/file-audio.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/file-code.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/file-generic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/file-new.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/file-video.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/filter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/folder.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/heart-2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/heart.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/home.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/image.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/iphone-x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/iphone.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/lightning-bolt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/link.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/list.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/loading.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/lock.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/mail.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/map-pin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/menu.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/message.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/money.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/next.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/nonmarkingreturn.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/pause.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/play.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/playlist.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/prev.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/repeat-play.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/search.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/share-2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/shopping-bag-2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/shopping-bag.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/shopping-cart.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/shuffle-play.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/sketch.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/star-2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/star.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/stop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/subtract-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/subtract.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/tag.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/text-italic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/text-strikethrough.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/text-underline.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/trash.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/upload.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/video.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/volume-minus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/volume-off.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/assets/icons/volume-plus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/components/action-sheet/body/index.tsx: -------------------------------------------------------------------------------- 1 | import classNames from 'classnames' 2 | import React from 'react' 3 | import { View } from '@tarojs/components' 4 | import { AtActionSheetBodyProps } from '../../../../types/action-sheet' 5 | 6 | export default class AtActionSheetBody extends React.Component< 7 | AtActionSheetBodyProps 8 | > { 9 | public render(): JSX.Element { 10 | const rootClass = classNames('at-action-sheet__body', this.props.className) 11 | return {this.props.children} 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/components/action-sheet/header/index.tsx: -------------------------------------------------------------------------------- 1 | import classNames from 'classnames' 2 | import React from 'react' 3 | import { View } from '@tarojs/components' 4 | import { AtActionSheetHeaderProps } from '../../../../types/action-sheet' 5 | 6 | export default class AtActionSheetHeader extends React.Component< 7 | AtActionSheetHeaderProps 8 | > { 9 | public render(): JSX.Element { 10 | const rootClass = classNames( 11 | 'at-action-sheet__header', 12 | this.props.className 13 | ) 14 | 15 | return {this.props.children} 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/components/calendar/common/constant.ts: -------------------------------------------------------------------------------- 1 | export const TYPE_PRE_MONTH = -1 2 | 3 | export const TYPE_NOW_MONTH = 0 4 | 5 | export const TYPE_NEXT_MONTH = 1 6 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/components/modal/content/index.tsx: -------------------------------------------------------------------------------- 1 | import classNames from 'classnames' 2 | import React from 'react' 3 | import { ScrollView, View } from '@tarojs/components' 4 | import { AtModalContentProps } from '../../../../types/modal' 5 | 6 | export default class AtModalContent extends React.Component { 7 | public render(): JSX.Element { 8 | const rootClass = classNames('at-modal__content', this.props.className) 9 | return ( 10 | 11 | {this.props.children} 12 | 13 | ) 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/components/modal/header/index.tsx: -------------------------------------------------------------------------------- 1 | import classNames from 'classnames' 2 | import React from 'react' 3 | import { View } from '@tarojs/components' 4 | import { AtModalHeaderProps } from '../../../../types/modal' 5 | 6 | export default class AtModalHeader extends React.Component { 7 | public render(): JSX.Element { 8 | const rootClass = classNames('at-modal__header', this.props.className) 9 | return {this.props.children} 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/components/swipe-action/options/index.tsx: -------------------------------------------------------------------------------- 1 | import classNames from 'classnames' 2 | import React from 'react' 3 | import { View } from '@tarojs/components' 4 | import { AtSwipeActionOptionsProps } from '../../../../types/swipe-action' 5 | 6 | export default class AtSwipeActionOptions extends React.Component< 7 | AtSwipeActionOptionsProps 8 | > { 9 | public render(): JSX.Element { 10 | const rootClass = classNames( 11 | 'at-swipe-action__options', 12 | this.props.className 13 | ) 14 | 15 | return ( 16 | 21 | {this.props.children} 22 | 23 | ) 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/style/components/activity-indicator.scss: -------------------------------------------------------------------------------- 1 | @import '../variables/default.scss'; 2 | @import '../mixins/index.scss'; 3 | 4 | .at-activity-indicator { 5 | @include display-flex(); 6 | opacity: 0; 7 | 8 | /* elements */ 9 | &__body { 10 | @include flex(0, 0, auto); 11 | } 12 | 13 | &__content { 14 | @include flex(0, 0, auto); 15 | @include align-self(center); 16 | 17 | margin-left: $spacing-h-lg; 18 | color: $at-activity-indicator-font-color; 19 | font-size: $at-activity-indicator-font-size; 20 | } 21 | 22 | /* modifiers */ 23 | &--center { 24 | @include absolute-center; 25 | } 26 | 27 | &--isopened { 28 | opacity: 1; 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/style/components/form.scss: -------------------------------------------------------------------------------- 1 | @import '../variables/default.scss'; 2 | @import '../mixins/index.scss'; 3 | 4 | $at-form-bg-color: $color-bg; 5 | 6 | .at-form { 7 | display: flex; 8 | flex-direction: column; 9 | flex: 1; 10 | background-color: $at-form-bg-color; 11 | @include hairline-top-bottom(); 12 | } 13 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/style/components/load-more.scss: -------------------------------------------------------------------------------- 1 | @import '../variables/default.scss'; 2 | @import '../mixins/index.scss'; 3 | 4 | .at-load-more { 5 | position: relative; 6 | text-align: center; 7 | display: flex; 8 | justify-content: center; 9 | align-items: center; 10 | width: 100%; 11 | height: $at-load-more-height; 12 | overflow: hidden; 13 | /* #ifndef rn */ 14 | // box-sizing: border-box; 15 | /* #endif */ 16 | 17 | &__cnt { 18 | flex: 1; 19 | width: 100%; 20 | } 21 | 22 | &__tip { 23 | text-align: center; 24 | width: 100%; 25 | color: $at-load-more-tips-color; 26 | font-size: $at-load-more-tips-size; 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/style/components/slider.scss: -------------------------------------------------------------------------------- 1 | @import '../variables/default.scss'; 2 | @import '../mixins/index.scss'; 3 | 4 | .at-slider { 5 | display: flex; 6 | // align-items: center; 7 | flex-direction: row; 8 | 9 | /* elements */ 10 | &__inner { 11 | flex: 1; 12 | 13 | &--disabled { 14 | opacity: $opacity-disabled; 15 | } 16 | 17 | } 18 | 19 | &__text { 20 | width: 80px; 21 | color: $at-slider-text-color; 22 | font-size: $at-slider-text-size; 23 | text-align: center; 24 | justify-content: center; 25 | } 26 | 27 | /* modifiers */ 28 | // &--disabled { 29 | // .at-slider__inner { 30 | // opacity: $opacity-disabled; 31 | // } 32 | // } 33 | } 34 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/style/index.scss: -------------------------------------------------------------------------------- 1 | @use "sass:math"; 2 | 3 | /** 4 | * Taro UI - Default variables 5 | */ 6 | 7 | /* Variables */ 8 | @import './variables/default.scss'; 9 | 10 | /* Mixin */ 11 | @import './mixins/index.scss'; 12 | 13 | /* Components */ 14 | @import './components/index.scss'; 15 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/style/mixins/index.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Mixins 3 | */ 4 | 5 | /* library */ 6 | @import './libs/absolute-center'; 7 | @import './libs/clearfix'; 8 | @import './libs/line'; 9 | @import './libs/overlay'; 10 | @import './libs/shade'; 11 | @import './libs/tint'; 12 | @import './libs/flex'; 13 | @import './libs/border'; 14 | @import './libs/active'; 15 | @import './libs/disabled'; 16 | @import './libs/placeholder'; 17 | @import './libs/alignhack'; 18 | @import './libs/hairline'; 19 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/style/mixins/libs/absolute-center.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * 元素居中定位 3 | */ 4 | @mixin absolute-center($pos: absolute) { 5 | display: flex; 6 | align-items: center; 7 | justify-content: center; 8 | flex-direction: row; 9 | } 10 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/style/mixins/libs/active.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * 点击态 3 | */ 4 | @mixin active { 5 | // background-color: $color-grey-5; 6 | 7 | // &:active { 8 | // background-color: $color-grey-5; 9 | // } 10 | } 11 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/style/mixins/libs/alignhack.scss: -------------------------------------------------------------------------------- 1 | // 修复小元素文本垂直居中 2 | @mixin alignhack($position: before, $margintop: 1px) { 3 | &::#{$position} { 4 | content: ''; 5 | // display: inline-block; 6 | // vertical-align: middle; 7 | width: 0; 8 | height: 100%; 9 | margin-top: $margintop; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/style/mixins/libs/clearfix.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * @example scss 3 | * 4 | * .element { 5 | * @include clearfix; 6 | * } 7 | * 8 | * // CSS Output 9 | * .element::after { 10 | * clear: both; 11 | * content: ''; 12 | * // display: block; 13 | * } 14 | */ 15 | @mixin clearfix { 16 | &::after { 17 | clear: both; 18 | content: ''; 19 | // display: block; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/style/mixins/libs/disabled.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * 禁止态 3 | */ 4 | @mixin disabled { 5 | color: #bbb; 6 | } 7 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/style/mixins/libs/line.scss: -------------------------------------------------------------------------------- 1 | // @mixin line($num: 1) { 2 | // overflow: hidden; 3 | // text-overflow: ellipsis; 4 | 5 | // @if ($num == 1) { 6 | // // white-space: nowrap; 7 | // } @else { 8 | // display: -webkit-box; 9 | // -webkit-line-clamp: $num; 10 | 11 | // /* autoprefixer: off */ 12 | // -webkit-box-orient: vertical; 13 | // } 14 | // } 15 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/style/mixins/libs/overlay.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * 通用的遮罩 3 | */ 4 | @mixin overlay { 5 | top: 0; 6 | left: 0; 7 | width: 100%; 8 | height: 100%; 9 | position: absolute; 10 | background-color: rgba($color: #000, $alpha: 0.3); 11 | } 12 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/style/mixins/libs/placeholder.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * 设置placeholder 颜色 3 | */ 4 | @mixin placeholder($color: $color-grey-3) { 5 | @at-root .placeholder { 6 | color: $color; 7 | } 8 | 9 | &::placeholder { 10 | color: $color; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/style/mixins/libs/shade.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Mixes a color with black. It's different from darken() 3 | * 4 | * @param {color} $color 5 | * @param {number (percentage)} $percent [The amount of black to be mixed in] 6 | * @return {color} 7 | * 8 | * @example 9 | * .element { 10 | * background-color: shade(#ffbb52, 60%); 11 | * } 12 | * 13 | * // CSS Output 14 | * .element { 15 | * background-color: #664a20; 16 | * } 17 | */ 18 | @function shade( 19 | $color, 20 | $percent 21 | ) { 22 | @return mix(#000, $color, $percent); 23 | } 24 | -------------------------------------------------------------------------------- /packages/taro-ui/rn/style/mixins/libs/tint.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Mixes a color with white. It's different from lighten() 3 | * 4 | * @param {color} $color 5 | * @param {number (percentage)} $percent [The amout of white to be mixed in] 6 | * @return {color} 7 | * 8 | * @example 9 | * .element { 10 | * background-color: tint(#6ecaa6 , 40%); 11 | * } 12 | * 13 | * // CSS Output 14 | * .element { 15 | * background-color: #a8dfc9; 16 | * } 17 | */ 18 | @function tint( 19 | $color, 20 | $percent 21 | ) { 22 | @return mix(#FFF, $color, $percent); 23 | } 24 | -------------------------------------------------------------------------------- /packages/taro-ui/src/components/action-sheet/body/index.tsx: -------------------------------------------------------------------------------- 1 | import classNames from 'classnames' 2 | import React from 'react' 3 | import { View } from '@tarojs/components' 4 | import { AtActionSheetBodyProps } from '../../../../types/action-sheet' 5 | 6 | export default class AtActionSheetBody extends React.Component { 7 | public render(): JSX.Element { 8 | const rootClass = classNames('at-action-sheet__body', this.props.className) 9 | return {this.props.children} 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /packages/taro-ui/src/components/action-sheet/header/index.tsx: -------------------------------------------------------------------------------- 1 | import classNames from 'classnames' 2 | import React from 'react' 3 | import { View } from '@tarojs/components' 4 | import { AtActionSheetHeaderProps } from '../../../../types/action-sheet' 5 | 6 | export default class AtActionSheetHeader extends React.Component { 7 | public render(): JSX.Element { 8 | const rootClass = classNames( 9 | 'at-action-sheet__header', 10 | this.props.className 11 | ) 12 | 13 | return {this.props.children} 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /packages/taro-ui/src/components/calendar/common/constant.ts: -------------------------------------------------------------------------------- 1 | export const TYPE_PRE_MONTH = -1 2 | 3 | export const TYPE_NOW_MONTH = 0 4 | 5 | export const TYPE_NEXT_MONTH = 1 6 | -------------------------------------------------------------------------------- /packages/taro-ui/src/components/modal/content/index.tsx: -------------------------------------------------------------------------------- 1 | import classNames from 'classnames' 2 | import React from 'react' 3 | import { ScrollView } from '@tarojs/components' 4 | import { AtModalContentProps } from '../../../../types/modal' 5 | 6 | export default class AtModalContent extends React.Component { 7 | public render(): JSX.Element { 8 | const rootClass = classNames('at-modal__content', this.props.className) 9 | return ( 10 | 11 | {this.props.children} 12 | 13 | ) 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /packages/taro-ui/src/components/modal/header/index.tsx: -------------------------------------------------------------------------------- 1 | import classNames from 'classnames' 2 | import React from 'react' 3 | import { View } from '@tarojs/components' 4 | import { AtModalHeaderProps } from '../../../../types/modal' 5 | 6 | export default class AtModalHeader extends React.Component { 7 | public render(): JSX.Element { 8 | const rootClass = classNames('at-modal__header', this.props.className) 9 | return {this.props.children} 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /packages/taro-ui/src/components/swipe-action/options/index.tsx: -------------------------------------------------------------------------------- 1 | import classNames from 'classnames' 2 | import React from 'react' 3 | import { View } from '@tarojs/components' 4 | import { AtSwipeActionOptionsProps } from '../../../../types/swipe-action' 5 | 6 | export default class AtSwipeActionOptions extends React.Component { 7 | public render(): JSX.Element { 8 | const rootClass = classNames( 9 | 'at-swipe-action__options', 10 | this.props.className 11 | ) 12 | 13 | return ( 14 | 19 | {this.props.children} 20 | 21 | ) 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /packages/taro-ui/src/style/components/form.scss: -------------------------------------------------------------------------------- 1 | @import '../variables/default.scss'; 2 | @import '../mixins/index.scss'; 3 | 4 | $at-form-bg-color: $color-bg; 5 | 6 | .at-form { 7 | display: block; 8 | background-color: $at-form-bg-color; 9 | @include hairline-top-bottom(); 10 | } 11 | -------------------------------------------------------------------------------- /packages/taro-ui/src/style/components/load-more.scss: -------------------------------------------------------------------------------- 1 | @import '../variables/default.scss'; 2 | @import '../mixins/index.scss'; 3 | 4 | .at-load-more { 5 | position: relative; 6 | text-align: center; 7 | display: flex; 8 | justify-content: center; 9 | align-items: center; 10 | width: 100%; 11 | height: $at-load-more-height; 12 | overflow: hidden; 13 | box-sizing: border-box; 14 | 15 | &__cnt { 16 | flex: 1; 17 | } 18 | 19 | &__tip { 20 | text-align: center; 21 | width: 100%; 22 | color: $at-load-more-tips-color; 23 | font-size: $at-load-more-tips-size; 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /packages/taro-ui/src/style/components/pagination.scss: -------------------------------------------------------------------------------- 1 | @import '../variables/default.scss'; 2 | @import '../mixins/index.scss'; 3 | 4 | .at-pagination { 5 | position: relative; 6 | display: flex; 7 | justify-content: space-between; 8 | align-items: center; 9 | margin: 0 $at-pagination-margin; 10 | 11 | &__btn-prev, 12 | &__btn-next { 13 | font-size: 0; 14 | 15 | .at-icon { 16 | color: $at-pagination-icon-color; 17 | font-size: $at-pagination-icon-font-size; 18 | } 19 | } 20 | 21 | &__number { 22 | flex: 1; 23 | color: $at-pagination-num-color; 24 | font-size: $at-pagination-num-font-size; 25 | text-align: center; 26 | overflow: hidden; 27 | 28 | &-current { 29 | color: $at-pagination-current-num-color; 30 | } 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /packages/taro-ui/src/style/components/slider.scss: -------------------------------------------------------------------------------- 1 | @import '../variables/default.scss'; 2 | @import '../mixins/index.scss'; 3 | 4 | .at-slider { 5 | display: flex; 6 | align-items: center; 7 | 8 | /* elements */ 9 | &__inner { 10 | flex: 1; 11 | } 12 | 13 | &__text { 14 | width: 80px; 15 | color: $at-slider-text-color; 16 | font-size: $at-slider-text-size; 17 | text-align: center; 18 | } 19 | 20 | /* modifiers */ 21 | &--disabled { 22 | .at-slider__inner { 23 | opacity: $opacity-disabled; 24 | } 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /packages/taro-ui/src/style/index.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Taro UI - Default variables 3 | */ 4 | 5 | /* Variables */ 6 | @import './variables/default.scss'; 7 | 8 | /* Mixin */ 9 | @import './mixins/index.scss'; 10 | 11 | /* Components */ 12 | @import './components/index.scss'; 13 | -------------------------------------------------------------------------------- /packages/taro-ui/src/style/mixins/index.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Mixins 3 | */ 4 | 5 | /* library */ 6 | @import './libs/absolute-center'; 7 | @import './libs/clearfix'; 8 | @import './libs/line'; 9 | @import './libs/overlay'; 10 | @import './libs/shade'; 11 | @import './libs/tint'; 12 | @import './libs/flex'; 13 | @import './libs/border'; 14 | @import './libs/active'; 15 | @import './libs/disabled'; 16 | @import './libs/placeholder'; 17 | @import './libs/alignhack'; 18 | @import './libs/hairline'; 19 | -------------------------------------------------------------------------------- /packages/taro-ui/src/style/mixins/libs/absolute-center.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * 元素居中定位 3 | */ 4 | @mixin absolute-center($pos: absolute) { 5 | position: $pos; 6 | top: 50%; 7 | left: 50%; 8 | transform: translate(-50%, -50%); 9 | } 10 | -------------------------------------------------------------------------------- /packages/taro-ui/src/style/mixins/libs/active.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * 点击态 3 | */ 4 | @mixin active { 5 | transition: background-color 0.3s; 6 | 7 | &:active { 8 | background-color: $color-grey-5; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /packages/taro-ui/src/style/mixins/libs/alignhack.scss: -------------------------------------------------------------------------------- 1 | // 修复小元素文本垂直居中 2 | @mixin alignhack($position: before, $margintop: 1px) { 3 | &::#{$position} { 4 | content: ''; 5 | display: inline-block; 6 | vertical-align: middle; 7 | width: 0; 8 | height: 100%; 9 | margin-top: $margintop; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /packages/taro-ui/src/style/mixins/libs/clearfix.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * @example scss 3 | * 4 | * .element { 5 | * @include clearfix; 6 | * } 7 | * 8 | * // CSS Output 9 | * .element::after { 10 | * clear: both; 11 | * content: ''; 12 | * display: block; 13 | * } 14 | */ 15 | @mixin clearfix { 16 | &::after { 17 | clear: both; 18 | content: ''; 19 | display: block; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /packages/taro-ui/src/style/mixins/libs/disabled.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * 禁止态 3 | */ 4 | @mixin disabled { 5 | color: #bbb; 6 | } 7 | -------------------------------------------------------------------------------- /packages/taro-ui/src/style/mixins/libs/line.scss: -------------------------------------------------------------------------------- 1 | @mixin line($num: 1) { 2 | overflow: hidden; 3 | text-overflow: ellipsis; 4 | 5 | @if ($num == 1) { 6 | white-space: nowrap; 7 | } @else { 8 | display: -webkit-box; 9 | -webkit-line-clamp: $num; 10 | 11 | /* autoprefixer: off */ 12 | -webkit-box-orient: vertical; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /packages/taro-ui/src/style/mixins/libs/overlay.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * 通用的遮罩 3 | */ 4 | @mixin overlay { 5 | top: 0; 6 | left: 0; 7 | width: 100%; 8 | height: 100%; 9 | position: absolute; 10 | background-color: rgba($color: #000, $alpha: 0.3); 11 | } 12 | -------------------------------------------------------------------------------- /packages/taro-ui/src/style/mixins/libs/placeholder.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * 设置placeholder 颜色 3 | */ 4 | @mixin placeholder($color: $color-grey-3) { 5 | @at-root .placeholder { 6 | color: $color; 7 | } 8 | 9 | &::placeholder { 10 | color: $color; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /packages/taro-ui/src/style/mixins/libs/shade.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Mixes a color with black. It's different from darken() 3 | * 4 | * @param {color} $color 5 | * @param {number (percentage)} $percent [The amount of black to be mixed in] 6 | * @return {color} 7 | * 8 | * @example 9 | * .element { 10 | * background-color: shade(#ffbb52, 60%); 11 | * } 12 | * 13 | * // CSS Output 14 | * .element { 15 | * background-color: #664a20; 16 | * } 17 | */ 18 | @function shade( 19 | $color, 20 | $percent 21 | ) { 22 | @return mix(#000, $color, $percent); 23 | } 24 | -------------------------------------------------------------------------------- /packages/taro-ui/src/style/mixins/libs/tint.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Mixes a color with white. It's different from lighten() 3 | * 4 | * @param {color} $color 5 | * @param {number (percentage)} $percent [The amout of white to be mixed in] 6 | * @return {color} 7 | * 8 | * @example 9 | * .element { 10 | * background-color: tint(#6ecaa6 , 40%); 11 | * } 12 | * 13 | * // CSS Output 14 | * .element { 15 | * background-color: #a8dfc9; 16 | * } 17 | */ 18 | @function tint( 19 | $color, 20 | $percent 21 | ) { 22 | @return mix(#FFF, $color, $percent); 23 | } 24 | -------------------------------------------------------------------------------- /packages/taro-ui/test/__mock__/styleMock.js: -------------------------------------------------------------------------------- 1 | module.exports = {} 2 | -------------------------------------------------------------------------------- /packages/taro-ui/test/components/__snapshots__/fab.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`AtFab Snap render AtFab -- default props 1`] = `"
按钮
"`; 4 | 5 | exports[`AtFab Snap render AtFab -- props className 1`] = `"
按钮
"`; 6 | 7 | exports[`AtFab Snap render AtFab -- size 50 1`] = `"
按钮
"`; 8 | -------------------------------------------------------------------------------- /packages/taro-ui/test/components/__snapshots__/form.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`AtForm Snap render AtForm -- props reportSubmit 1`] = `"
"`; 4 | 5 | exports[`AtForm Snap render initial AtForm 1`] = `"
"`; 6 | -------------------------------------------------------------------------------- /packages/taro-ui/test/components/__snapshots__/message.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`AtMessage Snap render AtMessage -- props className 1`] = `"
"`; 4 | 5 | exports[`AtMessage Snap render AtMessage -- props customStyle 1`] = `"
"`; 6 | 7 | exports[`AtMessage Snap render initial AtMessage 1`] = `"
"`; 8 | -------------------------------------------------------------------------------- /packages/taro-ui/test/components/calendar.test.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/no-find-dom-node */ 2 | describe('Calendar Snap', () => { 3 | it('initial Calendar', () => {}) 4 | }) 5 | -------------------------------------------------------------------------------- /packages/taro-ui/test/components/form.test.js: -------------------------------------------------------------------------------- 1 | import Nerv from 'nervjs' 2 | import { renderToString } from 'nerv-server' 3 | import AtForm from '../../.temp/components/form/index' 4 | 5 | describe('AtForm Snap', () => { 6 | it('render initial AtForm', () => { 7 | const component = renderToString() 8 | expect(component).toMatchSnapshot() 9 | }) 10 | 11 | it('render AtForm -- props reportSubmit', () => { 12 | const component = renderToString() 13 | expect(component).toMatchSnapshot() 14 | }) 15 | }) 16 | -------------------------------------------------------------------------------- /packages/taro-ui/test/components/loading.test.js: -------------------------------------------------------------------------------- 1 | import Nerv from 'nervjs' 2 | import { renderToString } from 'nerv-server' 3 | import AtLoading from '../../.temp/components/loading/index' 4 | 5 | describe('AtLoading Snap', () => { 6 | it('render initial AtLoading', () => { 7 | const component = renderToString() 8 | expect(component).toMatchSnapshot() 9 | }) 10 | 11 | it('render AtLoading -- props size', () => { 12 | const component = renderToString() 13 | expect(component).toMatchSnapshot() 14 | }) 15 | 16 | it('render AtLoading -- props color', () => { 17 | const component = renderToString() 18 | expect(component).toMatchSnapshot() 19 | }) 20 | }) 21 | -------------------------------------------------------------------------------- /packages/taro-ui/test/components/message.test.js: -------------------------------------------------------------------------------- 1 | import Nerv from 'nervjs' 2 | import { renderToString } from 'nerv-server' 3 | import AtMessage from '../../.temp/components/message/index' 4 | 5 | describe('AtMessage Snap', () => { 6 | it('render initial AtMessage', () => { 7 | const component = renderToString() 8 | expect(component).toMatchSnapshot() 9 | }) 10 | 11 | it('render AtMessage -- props className', () => { 12 | const component = renderToString() 13 | expect(component).toMatchSnapshot() 14 | }) 15 | 16 | it('render AtMessage -- props customStyle', () => { 17 | const component = renderToString() 18 | expect(component).toMatchSnapshot() 19 | }) 20 | }) 21 | -------------------------------------------------------------------------------- /packages/taro-ui/tsconfig.build.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.build", 3 | "compilerOptions": { 4 | "target": "es2017", 5 | "module": "es6", 6 | "outDir": "./lib" 7 | }, 8 | "include": [ 9 | "src/**/*" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /packages/taro-ui/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig", 3 | "compilerOptions": { 4 | "target": "es2017", 5 | "module": "commonjs", 6 | "baseUrl": "./", 7 | "typeRoots": [ 8 | "node_modules/@types", 9 | "types" 10 | ] 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /packages/taro-ui/tsconfig.rollup.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.build", 3 | "compilerOptions": { 4 | "target": "es5", 5 | "module": "es6", 6 | "downlevelIteration": true, 7 | "baseUrl": ".", 8 | "types": ["node"] 9 | }, 10 | "include": [ 11 | "src/**/*" 12 | ] 13 | } 14 | -------------------------------------------------------------------------------- /packages/taro-ui/types/activity-indicator.d.ts: -------------------------------------------------------------------------------- 1 | import { MouseEvent, ComponentClass } from 'react' 2 | 3 | import AtComponent from './base' 4 | 5 | export interface AtActivityIndicatorProps extends AtComponent{ 6 | /** 7 | * loading 图的大小 8 | * @default 24 9 | */ 10 | size?: number 11 | /** 12 | * 元素的类型 13 | */ 14 | mode?: 'center' | 'normal' 15 | /** 16 | * loading 图的颜色 17 | * @default #6190E8 18 | */ 19 | color?: string 20 | /** 21 | * 元素的内容文本 22 | */ 23 | content?: string 24 | /** 25 | * 控制元素显示隐藏 26 | * @default true 27 | */ 28 | isOpened?: boolean 29 | } 30 | 31 | declare const AtActivityIndicator: ComponentClass 32 | 33 | export default AtActivityIndicator 34 | -------------------------------------------------------------------------------- /packages/taro-ui/types/badge.d.ts: -------------------------------------------------------------------------------- 1 | import { MouseEvent, ComponentClass } from 'react' 2 | 3 | import AtComponent from './base' 4 | 5 | export interface AtBadgeProps extends AtComponent { 6 | /** 7 | * 角标红点 8 | * @default false 9 | */ 10 | dot?: boolean 11 | /** 12 | * 角标内容 13 | */ 14 | value?: string | number 15 | /** 16 | * 角标最大值 17 | * @default 99 18 | */ 19 | maxValue?: number 20 | } 21 | 22 | declare const AtBadge: ComponentClass 23 | 24 | export default AtBadge 25 | -------------------------------------------------------------------------------- /packages/taro-ui/types/base.d.ts: -------------------------------------------------------------------------------- 1 | import { CSSProperties, ReactNode } from 'react' 2 | 3 | export interface AtComponent { 4 | className?: string 5 | style?: CSSProperties 6 | customStyle?: string | CSSProperties 7 | children?: ReactNode 8 | } 9 | 10 | export interface AtIconBaseProps2 extends AtComponent { 11 | value: string 12 | 13 | color?: string 14 | } 15 | 16 | export interface AtIconBaseProps extends AtComponent { 17 | value: string 18 | 19 | color?: string 20 | 21 | prefixClass?: string 22 | 23 | size?: number | string 24 | } 25 | 26 | export default AtComponent 27 | -------------------------------------------------------------------------------- /packages/taro-ui/types/checkbox.d.ts: -------------------------------------------------------------------------------- 1 | import { ComponentClass } from 'react' 2 | 3 | import AtComponent from './base' 4 | 5 | export interface CheckboxOption { 6 | value: T 7 | label: string 8 | desc?: string 9 | disabled?: boolean 10 | } 11 | 12 | export interface AtCheckboxProps extends AtComponent { 13 | options: Array> 14 | 15 | border?: boolean 16 | 17 | selectedList: Array 18 | 19 | onChange: (selectedList: Array) => void 20 | } 21 | 22 | declare const AtCheckbox: ComponentClass> 23 | 24 | export default AtCheckbox 25 | -------------------------------------------------------------------------------- /packages/taro-ui/types/curtain.d.ts: -------------------------------------------------------------------------------- 1 | import { MouseEvent, ComponentClass } from 'react' 2 | import { CommonEventFunction } from '@tarojs/components/types/common' 3 | 4 | import AtComponent from './base' 5 | 6 | export interface AtCurtainProps extends AtComponent { 7 | /** 8 | * 是否开启 9 | * @default false 10 | */ 11 | isOpened?: boolean 12 | /** 13 | * 关闭图标位置 14 | * 'top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right' 15 | * @default 'bottom' 16 | */ 17 | closeBtnPosition?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' 18 | /** 19 | * 点击关闭按钮触发事件 20 | */ 21 | onClose: CommonEventFunction 22 | } 23 | 24 | declare const AtCurtain: ComponentClass 25 | 26 | export default AtCurtain 27 | -------------------------------------------------------------------------------- /packages/taro-ui/types/divider.d.ts: -------------------------------------------------------------------------------- 1 | import { MouseEvent, ComponentClass } from 'react' 2 | import AtComponent from './base' 3 | 4 | export interface AtDividerProps extends AtComponent { 5 | /** 6 | * 分隔符文字 7 | */ 8 | content?: string 9 | /** 10 | * 分隔符高度，会自动转 rem,rpx 11 | * @default 112 12 | */ 13 | height?: number | string 14 | /** 15 | * 文字颜色 16 | * @default #6190E8 17 | */ 18 | fontColor?: string 19 | /** 20 | * 文字大小，会自动转 rem,rpx 21 | * @default 32 22 | */ 23 | fontSize?: number | string 24 | /** 25 | * 分割线颜色 26 | * @default #CCC 27 | */ 28 | lineColor?: string 29 | } 30 | 31 | declare const AtDivider: ComponentClass 32 | 33 | export default AtDivider 34 | -------------------------------------------------------------------------------- /packages/taro-ui/types/fab.d.ts: -------------------------------------------------------------------------------- 1 | import { MouseEvent, ComponentClass } from 'react' 2 | import { CommonEventFunction } from '@tarojs/components/types/common' 3 | 4 | 5 | import AtComponent from './base' 6 | 7 | export interface AtFabProps extends AtComponent { 8 | /** 9 | * 大小尺寸 10 | * @default 'normal' 11 | */ 12 | size?: 'normal' | 'small' 13 | /** 14 | * 点击标签时触发 15 | */ 16 | onClick?: CommonEventFunction 17 | } 18 | 19 | declare const AtFab: ComponentClass 20 | 21 | export default AtFab 22 | -------------------------------------------------------------------------------- /packages/taro-ui/types/float-button.d.ts: -------------------------------------------------------------------------------- 1 | import { MouseEvent, ComponentClass } from 'react' 2 | import { CommonEventFunction } from '@tarojs/components/types/common' 3 | 4 | import AtComponent from './base' 5 | 6 | export interface AtFloatButtonProps extends AtComponent { 7 | size?: number 8 | 9 | icon?: string 10 | 11 | onClick?: CommonEventFunction 12 | 13 | onTouchStart?: CommonEventFunction 14 | 15 | onTouchEnd?: CommonEventFunction 16 | 17 | backgroundColor?: string 18 | 19 | touchedBackgroundColor?: string 20 | 21 | borderColor?: string 22 | } 23 | 24 | declare const AtFloatButton: ComponentClass 25 | 26 | export default AtFloatButton 27 | -------------------------------------------------------------------------------- /packages/taro-ui/types/form.d.ts: -------------------------------------------------------------------------------- 1 | import { MouseEvent, ComponentClass } from 'react' 2 | import { CommonEvent } from '@tarojs/components/types/common' 3 | 4 | declare type FormFunction = (event: CommonEvent) => void 5 | 6 | import AtComponent from './base' 7 | 8 | export interface AtFormProps extends AtComponent { 9 | /** 10 | * 是否返回 formId 用于发送模板消息 11 | * @default false 12 | */ 13 | reportSubmit?: boolean 14 | /** 15 | * 携带 form 中的数据触发 submit 事件，由于小程序组件化的限制，onSubmit 事件获得的 event 中的 event.detail.value 始终为空对象，开发者要获取数据，可以自行在页面的 state 中获取 16 | */ 17 | onSubmit?: FormFunction 18 | /** 19 | * 表单重置时会触发 reset 事件 20 | */ 21 | onReset?: FormFunction 22 | } 23 | 24 | declare const AtForm: ComponentClass 25 | 26 | export default AtForm 27 | -------------------------------------------------------------------------------- /packages/taro-ui/types/icon.d.ts: -------------------------------------------------------------------------------- 1 | import { MouseEvent, ComponentClass } from 'react' 2 | import { CommonEventFunction } from '@tarojs/components/types/common' 3 | 4 | import AtComponent, { AtIconBaseProps } from './base' 5 | 6 | export interface AtIconProps extends AtComponent, AtIconBaseProps { 7 | onClick?: CommonEventFunction 8 | } 9 | 10 | declare const AtIcon: ComponentClass 11 | 12 | export default AtIcon 13 | -------------------------------------------------------------------------------- /packages/taro-ui/types/progress.d.ts: -------------------------------------------------------------------------------- 1 | import { MouseEvent, ComponentClass } from 'react' 2 | 3 | import AtComponent from './base' 4 | 5 | export interface AtProgressProps extends AtComponent { 6 | /** 7 | * 元素的颜色 8 | */ 9 | color?: string 10 | /** 11 | * 元素的状态 12 | */ 13 | status?: 'progress' | 'error' | 'success' 14 | /** 15 | * 元素的进度 16 | */ 17 | percent?: number 18 | /** 19 | * 元素的规格 20 | */ 21 | strokeWidth?: number 22 | /** 23 | * 是否隐藏文字 24 | */ 25 | isHidePercent?: boolean 26 | } 27 | 28 | declare const AtProgress: ComponentClass 29 | 30 | export default AtProgress 31 | -------------------------------------------------------------------------------- /packages/taro-ui/types/switch.d.ts: -------------------------------------------------------------------------------- 1 | import { MouseEvent, ComponentClass } from 'react' 2 | 3 | import AtComponent from './base' 4 | 5 | export interface AtSwitchProps extends AtComponent { 6 | /** 7 | * 标签名 8 | */ 9 | title?: string 10 | /** 11 | * 背景颜色 12 | * @default #6190e8 13 | */ 14 | color?: string 15 | /** 16 | * 是否显示开启 17 | * @default false 18 | */ 19 | checked?: boolean 20 | /** 21 | * 是否禁止点击 22 | * @default false 23 | */ 24 | disabled?: boolean 25 | /** 26 | * 是否显示下划线边框 27 | * @default false 28 | */ 29 | border?: boolean 30 | /** 31 | * 输入框值改变时触发的事件 32 | */ 33 | onChange?: (value: boolean) => void 34 | } 35 | 36 | declare const AtSwitch: ComponentClass 37 | 38 | export default AtSwitch 39 | -------------------------------------------------------------------------------- /packages/taro-ui/types/tabs-pane.d.ts: -------------------------------------------------------------------------------- 1 | import { MouseEvent, ComponentClass } from 'react' 2 | 3 | import AtComponent from './base' 4 | 5 | export interface AtTabsPaneProps extends AtComponent { 6 | /** 7 | * Tab 方向，请跟 AtTabs 保持一致 8 | * @default 'horizontal' 9 | */ 10 | tabDirection?: 'horizontal' | 'vertical' 11 | /** 12 | * 当前选中的标签索引值，从 0 计数，请跟 AtTabs 保持一致 13 | * @default 0 14 | */ 15 | current: number 16 | /** 17 | * tabPane 排序，从 0 计数 18 | * @default 0 19 | */ 20 | index: number 21 | } 22 | 23 | declare const AtTabsPane: ComponentClass 24 | 25 | export default AtTabsPane 26 | -------------------------------------------------------------------------------- /pnpm-workspace.yaml: -------------------------------------------------------------------------------- 1 | packages: 2 | - "packages/**" 3 | - "!**/test/**" 4 | - "!examples/**" 5 | -------------------------------------------------------------------------------- /tsconfig.build.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "allowSyntheticDefaultImports": true, 4 | "experimentalDecorators": true, 5 | "jsx": "react", 6 | "jsxFactory": "React.createElement", 7 | "moduleResolution": "node", 8 | "noImplicitAny": false, 9 | "noUnusedLocals": true, 10 | "noUnusedParameters": true, 11 | "preserveConstEnums": true, 12 | "skipLibCheck": true, 13 | "sourceMap": true, 14 | "strictNullChecks": true, 15 | "resolveJsonModule": true 16 | }, 17 | "compileOnSave": false, 18 | "exclude": [ 19 | "node_modules/*", 20 | "packages/dist/*" 21 | ] 22 | } 23 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig.build", 3 | "compilerOptions": { 4 | "baseUrl": "./packages" 5 | } 6 | } 7 | --------------------------------------------------------------------------------