├── .babelrc
├── .browserslistrc
├── .czrc
├── .editorconfig
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── .husky
├── commit-msg
└── pre-commit
├── .prettierrc.js
├── .stylelintignore
├── .stylelintrc.js
├── .travis.yml
├── .vscode
└── settings.json
├── LICENSE
├── README.md
├── build
├── index.js
└── task.js
├── commitlint.config.js
├── docs
├── .vuepress
│ ├── components
│ │ ├── demo-image.vue
│ │ ├── logs-item.vue
│ │ ├── logs-list.js
│ │ └── logs.vue
│ ├── config.js
│ ├── config
│ │ └── index.js
│ ├── public
│ │ ├── componentImage
│ │ │ ├── basic
│ │ │ │ ├── button.png
│ │ │ │ ├── cell.png
│ │ │ │ ├── icon.png
│ │ │ │ ├── image.png
│ │ │ │ ├── layout.png
│ │ │ │ ├── loading.png
│ │ │ │ ├── popup.gif
│ │ │ │ └── transition.gif
│ │ │ ├── business
│ │ │ │ ├── area.png
│ │ │ │ ├── card.png
│ │ │ │ ├── goods-action.png
│ │ │ │ └── submit-bar.png
│ │ │ ├── feedback
│ │ │ │ ├── action-sheet.gif
│ │ │ │ ├── dialog.gif
│ │ │ │ ├── dropdown-menu.gif
│ │ │ │ ├── mask.gif
│ │ │ │ ├── notify.gif
│ │ │ │ ├── share-sheet.gif
│ │ │ │ ├── swipe-cell.gif
│ │ │ │ └── toast.gif
│ │ │ ├── form
│ │ │ │ ├── calendar.gif
│ │ │ │ ├── checkbox.png
│ │ │ │ ├── form.png
│ │ │ │ ├── input.png
│ │ │ │ ├── picker.gif
│ │ │ │ ├── radio.png
│ │ │ │ ├── rate.png
│ │ │ │ ├── search.png
│ │ │ │ ├── slider.png
│ │ │ │ ├── stepper.png
│ │ │ │ ├── switch.png
│ │ │ │ └── uploader.png
│ │ │ ├── navigation
│ │ │ │ ├── backtop.gif
│ │ │ │ ├── grid.png
│ │ │ │ ├── index-bar.gif
│ │ │ │ ├── nav-bar.png
│ │ │ │ ├── sidebar.png
│ │ │ │ ├── tab.gif
│ │ │ │ └── tabbar.png
│ │ │ └── view
│ │ │ │ ├── collapse.png
│ │ │ │ ├── count-down.gif
│ │ │ │ ├── divider.png
│ │ │ │ ├── empty.png
│ │ │ │ ├── float-button.png
│ │ │ │ ├── nav-bar.png
│ │ │ │ ├── notice-bar.png
│ │ │ │ ├── panel.png
│ │ │ │ ├── password-keyboard.png
│ │ │ │ ├── progress.png
│ │ │ │ ├── skeleton.png
│ │ │ │ ├── steps.gif
│ │ │ │ ├── sticky.gif
│ │ │ │ ├── tag.png
│ │ │ │ ├── tree-select.gif
│ │ │ │ └── water-flow.png
│ │ └── images
│ │ │ ├── logo_sub.png
│ │ │ ├── qrcode.jpg
│ │ │ ├── usenpm.png
│ │ │ └── wxlogo.png
│ └── styles
│ │ ├── index.styl
│ │ └── palette.styl
├── README.md
├── component
│ ├── basic
│ │ ├── button.md
│ │ ├── cell.md
│ │ ├── icon.md
│ │ ├── image.md
│ │ ├── layout.md
│ │ ├── loading.md
│ │ ├── popup.md
│ │ └── transition.md
│ ├── business
│ │ ├── area.md
│ │ ├── card.md
│ │ ├── goods-action.md
│ │ └── submit-bar.md
│ ├── feedback
│ │ ├── action-sheet.md
│ │ ├── dialog.md
│ │ ├── dropdown-menu.md
│ │ ├── mask.md
│ │ ├── notify.md
│ │ ├── share-sheet.md
│ │ ├── swipe-cell.md
│ │ └── toast.md
│ ├── form
│ │ ├── calendar.md
│ │ ├── checkbox.md
│ │ ├── field.md
│ │ ├── form.md
│ │ ├── picker.md
│ │ ├── radio.md
│ │ ├── rate.md
│ │ ├── search.md
│ │ ├── slider.md
│ │ ├── stepper.md
│ │ ├── switch.md
│ │ └── uploader.md
│ ├── navigation
│ │ ├── backtop.md
│ │ ├── grid.md
│ │ ├── index-bar.md
│ │ ├── nav-bar.md
│ │ ├── sidebar.md
│ │ ├── tab.md
│ │ └── tabbar.md
│ └── view
│ │ ├── collapse.md
│ │ ├── count-down.md
│ │ ├── divider.md
│ │ ├── empty.md
│ │ ├── float-button.md
│ │ ├── notice-bar.md
│ │ ├── panel.md
│ │ ├── password-keyboard.md
│ │ ├── progress.md
│ │ ├── skeleton.md
│ │ ├── steps.md
│ │ ├── sticky.md
│ │ ├── tag.md
│ │ ├── tree-select.md
│ │ └── water-flow.md
├── extends
│ ├── api-cache.md
│ ├── request.md
│ └── storage.md
└── guide
│ ├── explain.md
│ ├── guide.md
│ ├── install.md
│ ├── load.md
│ ├── logs.md
│ └── start.md
├── examples
├── app.js
├── app.json
├── app.wxss
├── components
│ ├── componentCell
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── demoBlock
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── extend-item
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── navCard
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── water-flow-item
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ └── wemark
│ │ ├── parser.js
│ │ ├── prism.js
│ │ ├── prism.wxss
│ │ ├── remarkable.js
│ │ ├── richtext.js
│ │ ├── wemark.js
│ │ ├── wemark.json
│ │ ├── wemark.wxml
│ │ └── wemark.wxss
├── config
│ └── index.js
├── dist
│ ├── action-sheet
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── area
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── backtop
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── behaviors
│ │ ├── button.js
│ │ ├── form-controls.js
│ │ ├── link.js
│ │ ├── open-type.js
│ │ ├── page-scroll.js
│ │ ├── safeAreaInsetTop.js
│ │ └── transition.js
│ ├── button
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── calendar
│ │ ├── calendar.wxml
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ ├── index.wxs
│ │ ├── index.wxss
│ │ └── utils.js
│ ├── card
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── cell-group
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── cell
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── checkbox-group
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── checkbox
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── col
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── collapse-item
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── collapse
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── common
│ │ ├── async-validator.js
│ │ ├── base.wxss
│ │ ├── color.js
│ │ ├── component.js
│ │ ├── config.js
│ │ ├── is.js
│ │ ├── request.js
│ │ ├── types
│ │ │ ├── index.js
│ │ │ └── weapp.js
│ │ ├── utils.js
│ │ └── version.js
│ ├── count-down
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ ├── index.wxss
│ │ └── utils.js
│ ├── dialog
│ │ ├── dialog.js
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── divider
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── dropdown-item
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── dropdown-menu
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ ├── index.wxs
│ │ ├── index.wxss
│ │ └── props.js
│ ├── empty
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── extends
│ │ ├── api-cache
│ │ │ └── index.js
│ │ ├── request
│ │ │ ├── adapters
│ │ │ │ ├── download.js
│ │ │ │ ├── upload.js
│ │ │ │ └── xhr.js
│ │ │ ├── cancel
│ │ │ │ ├── Cancel.js
│ │ │ │ └── CancelToken.js
│ │ │ ├── core
│ │ │ │ ├── Request.js
│ │ │ │ ├── dispatchRequest.js
│ │ │ │ ├── interceptorManager.js
│ │ │ │ └── transform.js
│ │ │ ├── default.js
│ │ │ ├── helpers
│ │ │ │ ├── error.js
│ │ │ │ ├── handelRequest.js
│ │ │ │ ├── headers.js
│ │ │ │ └── utils.js
│ │ │ ├── index.js
│ │ │ ├── request.js
│ │ │ └── types
│ │ │ │ └── index.js
│ │ └── storage
│ │ │ ├── cache.js
│ │ │ ├── index.js
│ │ │ └── utils.js
│ ├── field
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ ├── index.wxss
│ │ └── props.js
│ ├── float-button
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── form-item
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── form
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── goods-action-button
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── goods-action-icon
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── goods-action
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── grid-item
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── grid
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── icon
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── image
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── index-anchor
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ ├── index.wxs
│ │ └── index.wxss
│ ├── index-bar
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── info
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── loading
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── mask
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── nav-bar
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── notice-bar
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── notify
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ ├── index.wxss
│ │ └── notify.js
│ ├── panel
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── password-keyboard
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── picker-column
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ ├── index.wxs
│ │ └── index.wxss
│ ├── picker
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ ├── index.wxss
│ │ └── toolbar.wxml
│ ├── popup
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── progress
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── radio-group
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── radio
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── rate
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── row
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── search
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── share-sheet
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ ├── index.wxs
│ │ ├── index.wxss
│ │ ├── options.js
│ │ ├── options.json
│ │ ├── options.wxml
│ │ └── options.wxss
│ ├── sidebar-item
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── sidebar
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── skeleton
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── slider
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── stepper
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── steps
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── sticky
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ ├── index.wxs
│ │ └── index.wxss
│ ├── submit-bar
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── swipe-cell
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── switch
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── tab
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── tabbar-item
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── tabbar
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── tabs
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ ├── index.wxs
│ │ └── index.wxss
│ ├── tag
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── toast
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ ├── index.wxss
│ │ └── toast.js
│ ├── transition
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── tree-select
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ ├── index.wxs
│ │ └── index.wxss
│ ├── uploader
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ ├── index.wxss
│ │ ├── props.js
│ │ └── utils.js
│ ├── water-flow-item
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── water-flow
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ └── wxs
│ │ ├── array.wxs
│ │ ├── classname.wxs
│ │ └── style.wxs
├── iconfont.wxss
├── images
│ ├── cat.png
│ ├── component.png
│ ├── component_active.png
│ ├── extend.png
│ ├── extend_active.png
│ ├── logo.png
│ ├── me.png
│ └── me_active.png
├── pages
│ ├── component
│ │ ├── action-sheet
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── area
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── backtop
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── button
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── calendar
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── card
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── cell
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── checkbox
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── collapse
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── count-down
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── dialog
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── divider
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── dropdown-menu
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── empty
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── field
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── float-button
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── form
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── goods-action
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── grid
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── icon
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── image
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── index-bar
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── layout
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── loading
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── mask
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── nav-bar
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── notice-bar
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── notify
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── panel
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── password-keyboard
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── picker
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── popup
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── progress
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── radio
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── rate
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── search
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── share-sheet
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── sidebar
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── skeleton
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── slider
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── stepper
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── steps
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── sticky
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── submit-bar
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── swipe-cell
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── switch
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── tab
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── tabbar
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── tag
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── toast
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── transition
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── tree-select
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── uploader
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ └── water-flow
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ ├── extends
│ │ ├── apiCache
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ ├── index.wxss
│ │ │ └── markdown.js
│ │ ├── request
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ ├── index.wxss
│ │ │ └── markdown.js
│ │ └── storage
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ ├── index.wxss
│ │ │ └── markdown.js
│ └── navigator
│ │ ├── about
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ │ ├── basics
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ │ ├── business
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ │ ├── cartoon
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ │ ├── extend
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ │ ├── form
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ │ ├── index
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ │ ├── introduce
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ │ ├── layout
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ │ ├── logs
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ ├── index.wxss
│ │ └── logs.js
│ │ ├── navigation
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ │ ├── operation
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ │ └── view
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
├── project.config.json
├── project.private.config.json
├── sitemap.json
└── utils
│ ├── util.js
│ └── version-util.js
├── jest.config.js
├── lint-staged.config.js
├── package.json
├── packages
├── action-sheet
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── area
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── backtop
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── behaviors
│ ├── button.ts
│ ├── form-controls.ts
│ ├── link.ts
│ ├── open-type.ts
│ ├── page-scroll.ts
│ ├── safeAreaInsetTop.ts
│ └── transition.ts
├── button
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── calendar
│ ├── calendar.wxml
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ ├── index.wxml
│ ├── index.wxs
│ └── utils.ts
├── card
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── cell-group
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── cell
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── checkbox-group
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── checkbox
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── col
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── collapse-item
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── collapse
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── common
│ ├── async-validator.js
│ ├── base.scss
│ ├── color.ts
│ ├── component.ts
│ ├── config.ts
│ ├── is.ts
│ ├── request.ts
│ ├── types
│ │ ├── index.ts
│ │ └── weapp.ts
│ ├── utils.ts
│ └── version.ts
├── count-down
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ ├── index.wxml
│ └── utils.ts
├── dialog
│ ├── dialog.ts
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── divider
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── dropdown-item
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── dropdown-menu
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ ├── index.wxml
│ ├── index.wxs
│ └── props.ts
├── empty
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── extends
│ ├── api-cache
│ │ └── index.ts
│ ├── request
│ │ ├── adapters
│ │ │ ├── download.ts
│ │ │ ├── upload.ts
│ │ │ └── xhr.ts
│ │ ├── cancel
│ │ │ ├── Cancel.ts
│ │ │ └── CancelToken.ts
│ │ ├── core
│ │ │ ├── Request.ts
│ │ │ ├── dispatchRequest.ts
│ │ │ ├── interceptorManager.ts
│ │ │ └── transform.ts
│ │ ├── default.ts
│ │ ├── helpers
│ │ │ ├── error.ts
│ │ │ ├── handelRequest.ts
│ │ │ ├── headers.ts
│ │ │ └── utils.ts
│ │ ├── index.ts
│ │ ├── request.ts
│ │ └── types
│ │ │ └── index.ts
│ └── storage
│ │ ├── cache.ts
│ │ ├── index.ts
│ │ └── utils.ts
├── field
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ ├── index.wxml
│ └── props.ts
├── float-button
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── form-item
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── form
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── goods-action-button
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── goods-action-icon
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── goods-action
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── grid-item
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── grid
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── icon
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── image
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── index-anchor
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ ├── index.wxml
│ └── index.wxs
├── index-bar
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── info
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── loading
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── mask
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── nav-bar
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── notice-bar
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── notify
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ ├── index.wxml
│ └── notify.ts
├── panel
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── password-keyboard
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── picker-column
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ ├── index.wxml
│ └── index.wxs
├── picker
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ ├── index.wxml
│ └── toolbar.wxml
├── popup
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── progress
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── radio-group
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── radio
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── rate
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── row
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── search
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── share-sheet
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ ├── index.wxml
│ ├── index.wxs
│ ├── options.json
│ ├── options.scss
│ ├── options.ts
│ └── options.wxml
├── sidebar-item
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── sidebar
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── skeleton
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── slider
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── stepper
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── steps
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── sticky
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ ├── index.wxml
│ └── index.wxs
├── submit-bar
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── swipe-cell
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── switch
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── tab
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── tabbar-item
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── tabbar
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── tabs
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ ├── index.wxml
│ └── index.wxs
├── tag
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── toast
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ ├── index.wxml
│ └── toast.ts
├── transition
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── tree-select
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ ├── index.wxml
│ └── index.wxs
├── uploader
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ ├── index.wxml
│ ├── props.ts
│ └── utils.ts
├── water-flow-item
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
├── water-flow
│ ├── index.json
│ ├── index.scss
│ ├── index.ts
│ └── index.wxml
└── wxs
│ ├── array.wxs
│ ├── classname.wxs
│ └── style.wxs
├── qrcode.jpg
├── scripts
├── baseCreate.js
├── create.js
├── createComponent.js
├── publish.js
├── qiniu.js
└── template.js
├── src
├── load.js
└── style
│ └── var.scss
├── tests
├── ActionSheet
│ └── action-sheet.test.js
├── Button
│ ├── __snapshots__
│ │ └── button.test.js.snap
│ └── button.test.js
└── utils.js
└── tsconfig.json
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": ["@babel/preset-env"],
3 | "plugins": ["@babel/plugin-transform-runtime"]
4 | }
--------------------------------------------------------------------------------
/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 | not dead
4 |
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | [*.{js,wxml,wxss,json,vue}]
2 | indent_style = space
3 | indent_size = 2
4 | trim_trailing_whitespace = true
5 | insert_final_newline = true
6 |
--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | /examples/dist
2 | /examples/components/wemark
3 | /docs-dist
4 | /dist
5 | /packages/*/*.wxs
6 | /coverage
7 | node_modules
8 | .vscode
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | /docs-dist
4 | /dist
5 | /docs/.vuepress/dist
6 | /build/config.js
7 | /scripts/config.js
8 | /coverage
9 | debug.log
10 | package-lock.json
11 |
12 |
13 | # local env files
14 | .env.local
15 | .env.*.local
16 |
17 | # Log files
18 | npm-debug.log*
19 | yarn-debug.log*
20 | yarn-error.log*
21 | pnpm-debug.log*
22 |
23 | # Editor directories and files
24 | .idea
25 | *.suo
26 | *.ntvs*
27 | *.njsproj
28 | *.sln
29 | *.sw?
30 |
--------------------------------------------------------------------------------
/.husky/commit-msg:
--------------------------------------------------------------------------------
1 | #!/bin/sh
2 | . "$(dirname "$0")/_/husky.sh"
3 |
4 | npm run commitlint
5 |
--------------------------------------------------------------------------------
/.husky/pre-commit:
--------------------------------------------------------------------------------
1 | #!/bin/sh
2 | . "$(dirname "$0")/_/husky.sh"
3 |
4 | npm run lint-staged
5 |
--------------------------------------------------------------------------------
/.prettierrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | singleQuote: false,
3 | semi: true,
4 | trailingComma: "none",
5 | endOfLine: "auto"
6 | };
7 |
--------------------------------------------------------------------------------
/.stylelintignore:
--------------------------------------------------------------------------------
1 | dist
2 | docs-dist
3 | node_modules
4 | /examples/dist
5 | /examples/components/wemark
6 | src/fonts/iconfont.css
7 | coverage
8 |
--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
1 | language: node_js
2 | node_js: 10
3 | addons:
4 | chrome: stable
5 | script:
6 | - npm run codecov
7 | after_success:
8 | - npm run build
9 | - cat ./coverage/lcov.info | ./node_modules/.bin/coveralls
10 |
11 |
--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 | "eslint.validate": [
3 | {
4 | "language": "html",
5 | "autoFix": true
6 | },
7 | {
8 | "language": "javascript",
9 | "autoFix": true
10 | },
11 | ],
12 | "eslint.autoFixOnSave": true,
13 | "editor.codeActionsOnSave": {
14 | "source.fixAll.eslint": true,
15 | "source.fixAll.stylelint": true
16 | }
17 | }
--------------------------------------------------------------------------------
/docs/.vuepress/components/logs.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
7 |
8 |
22 |
23 |
--------------------------------------------------------------------------------
/docs/.vuepress/config/index.js:
--------------------------------------------------------------------------------
1 | // 日志类型
2 | export const logsType = {
3 | ADDCOMPONENT: 1
4 | };
5 |
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/basic/button.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/basic/button.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/basic/cell.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/basic/cell.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/basic/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/basic/icon.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/basic/image.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/basic/image.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/basic/layout.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/basic/layout.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/basic/loading.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/basic/loading.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/basic/popup.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/basic/popup.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/basic/transition.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/basic/transition.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/business/area.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/business/area.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/business/card.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/business/card.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/business/goods-action.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/business/goods-action.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/business/submit-bar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/business/submit-bar.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/feedback/action-sheet.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/feedback/action-sheet.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/feedback/dialog.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/feedback/dialog.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/feedback/dropdown-menu.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/feedback/dropdown-menu.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/feedback/mask.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/feedback/mask.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/feedback/notify.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/feedback/notify.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/feedback/share-sheet.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/feedback/share-sheet.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/feedback/swipe-cell.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/feedback/swipe-cell.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/feedback/toast.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/feedback/toast.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/form/calendar.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/form/calendar.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/form/checkbox.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/form/checkbox.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/form/form.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/form/form.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/form/input.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/form/input.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/form/picker.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/form/picker.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/form/radio.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/form/radio.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/form/rate.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/form/rate.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/form/search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/form/search.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/form/slider.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/form/slider.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/form/stepper.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/form/stepper.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/form/switch.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/form/switch.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/form/uploader.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/form/uploader.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/navigation/backtop.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/navigation/backtop.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/navigation/grid.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/navigation/grid.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/navigation/index-bar.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/navigation/index-bar.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/navigation/nav-bar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/navigation/nav-bar.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/navigation/sidebar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/navigation/sidebar.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/navigation/tab.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/navigation/tab.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/navigation/tabbar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/navigation/tabbar.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/view/collapse.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/view/collapse.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/view/count-down.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/view/count-down.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/view/divider.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/view/divider.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/view/empty.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/view/empty.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/view/float-button.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/view/float-button.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/view/nav-bar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/view/nav-bar.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/view/notice-bar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/view/notice-bar.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/view/panel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/view/panel.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/view/password-keyboard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/view/password-keyboard.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/view/progress.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/view/progress.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/view/skeleton.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/view/skeleton.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/view/steps.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/view/steps.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/view/sticky.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/view/sticky.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/view/tag.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/view/tag.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/view/tree-select.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/view/tree-select.gif
--------------------------------------------------------------------------------
/docs/.vuepress/public/componentImage/view/water-flow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/componentImage/view/water-flow.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/images/logo_sub.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/images/logo_sub.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/images/qrcode.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/images/qrcode.jpg
--------------------------------------------------------------------------------
/docs/.vuepress/public/images/usenpm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/images/usenpm.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/images/wxlogo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/docs/.vuepress/public/images/wxlogo.png
--------------------------------------------------------------------------------
/docs/.vuepress/styles/palette.styl:
--------------------------------------------------------------------------------
1 |
2 | // 布局
3 | $sidebarWidth = 17rem
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/docs/README.md:
--------------------------------------------------------------------------------
1 | ---
2 | home: true
3 | heroImage: /images/qrcode.jpg
4 | heroText: 欢迎使用 lin-wx-ui
5 | tagline: 一款轻量灵活的微信小程序组件库
6 | actionText: 快速上手 →
7 | actionLink: /guide/guide
8 | features:
9 | - title: typescript
10 | details: 基于 typescript 编写的组件库
11 | - title: 原生微信小程序
12 | details: 基于 原生微信小程序 开发的 UI 组件
13 | - title: 轻量灵活
14 | details: 没有第三方依赖
15 | footer: MIT Licensed | Copyright © 2021-present
16 | ---
--------------------------------------------------------------------------------
/docs/guide/explain.md:
--------------------------------------------------------------------------------
1 | # 演示说明
2 |
3 | ---
4 |
5 | 由于组件库是基于原生微信小程序进行开发的,微信小程序无法在 web 端进行预览的,所以 web 端的预览都是以截图的形式进行展示的,如果需要查看真实的效果,可通过扫码预览或者通过开发者工具进行预览
6 |
7 | ## 扫码预览
8 |
9 | 扫描下方小程序二维码,体验组件库示例:
10 |
11 | 
12 |
13 | ## 开发者工具预览
14 |
15 | ```bash
16 | # 将项目克隆到本地
17 |
18 | git clone https://github.com/c10342/lin-wx-ui.git
19 | ```
20 |
21 | ```bash
22 | # 安装项目依赖
23 |
24 | cd lin-wx-ui && npm install
25 | ```
26 |
27 | ```bash
28 | # 执行组件编译
29 |
30 | npm run dev
31 | ```
32 |
33 | 接着打开微信开发者工具,导入 example 目录的项目就可以预览示例了。
34 |
--------------------------------------------------------------------------------
/docs/guide/guide.md:
--------------------------------------------------------------------------------
1 | # 介绍
2 |
3 | ---
4 |
5 | `lin-wx-ui` 是一款基于 `原生微信小程序` 的前端 UI 组件库,主要集成了我平时在开发中使用到的 UI 组件
6 |
7 | ## 预览
8 |
9 | 扫描下方小程序二维码,体验组件库示例:
10 |
11 | 
12 |
13 | ## 特性
14 |
15 | - 基于 `原生微信小程序` 开发的 UI 组件库
16 | - 使用 `typescript` 编写
17 | - 使用 npm + gulp 的工作流
18 | - 提供单元测试用例
19 | - 提供完善的使用文档
20 |
21 |
22 |
23 | ## 贡献
24 |
25 | 如果你在使用 `lin-wx-ui` 时遇到问题,或者有好的建议,欢迎给我提 [Issue](https://github.com/c10342/lin-wx-ui/issues)
26 |
--------------------------------------------------------------------------------
/docs/guide/logs.md:
--------------------------------------------------------------------------------
1 |
2 | # 更新日志
3 |
4 | ---
5 |
6 |
--------------------------------------------------------------------------------
/examples/app.js:
--------------------------------------------------------------------------------
1 | import versionUtil from "./utils/version-util";
2 | App({
3 | onLaunch: function () {
4 | // 检查更新
5 | versionUtil.checkUpdate();
6 | },
7 | globalData: {}
8 | });
9 |
--------------------------------------------------------------------------------
/examples/app.wxss:
--------------------------------------------------------------------------------
1 | @import './iconfont.wxss';
2 |
3 | page {
4 | background-color: #fafafa;
5 | }
6 |
7 | .container {
8 | padding: 20rpx;
9 | }
10 |
11 | .component-group {
12 | display: flex;
13 | flex-direction: row;
14 | flex-wrap: wrap;
15 | }
16 |
--------------------------------------------------------------------------------
/examples/components/componentCell/index.js:
--------------------------------------------------------------------------------
1 | // components/componentCell/index.js
2 | Component({
3 | options: {
4 | addGlobalClass: true
5 | },
6 | /**
7 | * 组件的属性列表
8 | */
9 | properties: {
10 | dataInfo: Object
11 | },
12 |
13 | /**
14 | * 组件的初始数据
15 | */
16 | data: {},
17 |
18 | /**
19 | * 组件的方法列表
20 | */
21 | methods: {
22 | onCellClick() {
23 | wx.navigateTo({
24 | url: this.data.dataInfo.path
25 | });
26 | }
27 | }
28 | });
29 |
--------------------------------------------------------------------------------
/examples/components/componentCell/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {}
4 | }
--------------------------------------------------------------------------------
/examples/components/componentCell/index.wxml:
--------------------------------------------------------------------------------
1 |
2 | {{dataInfo.name}}
3 |
4 |
--------------------------------------------------------------------------------
/examples/components/componentCell/index.wxss:
--------------------------------------------------------------------------------
1 | .component-cell {
2 | display: flex;
3 | flex-direction: row;
4 | align-items: center;
5 | justify-content: space-between;
6 | height: 30rpx;
7 | height: 40px;
8 | padding: 0 20px;
9 | margin-bottom: 30rpx;
10 | font-size: 14px;
11 | font-weight: 500;
12 | line-height: 40px;
13 | color: 323233;
14 | background-color: #f7f8fa;
15 | border-radius: 20px;
16 | }
17 |
--------------------------------------------------------------------------------
/examples/components/demoBlock/index.js:
--------------------------------------------------------------------------------
1 | // components/demoBlock/index.js
2 | Component({
3 | options: {
4 | addGlobalClass: true,
5 | multipleSlots: true
6 | },
7 | /**
8 | * 组件的属性列表
9 | */
10 | properties: {
11 | title: {
12 | type: String
13 | },
14 | titlePadding: Boolean
15 | },
16 |
17 | /**
18 | * 组件的初始数据
19 | */
20 | data: {},
21 |
22 | /**
23 | * 组件的方法列表
24 | */
25 | methods: {}
26 | });
27 |
--------------------------------------------------------------------------------
/examples/components/demoBlock/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {}
4 | }
--------------------------------------------------------------------------------
/examples/components/demoBlock/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{title}}
4 |
5 |
6 |
--------------------------------------------------------------------------------
/examples/components/demoBlock/index.wxss:
--------------------------------------------------------------------------------
1 | .demo-block {
2 | margin-bottom: 20px;
3 | }
4 |
5 | .demo-title {
6 | position: relative;
7 | margin-bottom: 10px;
8 | margin-left: 10px;
9 | font-size: 14px;
10 | font-weight: 400;
11 | color: #909da3;
12 | color: rgba(69, 90, 100, 0.6);
13 | }
14 |
15 | .demo-title::before {
16 | position: absolute;
17 | top: 0;
18 | left: -10px;
19 | width: 3px;
20 | height: 100%;
21 | content: '';
22 | background-color: #409eff;
23 | }
24 |
25 | .demo-title-paddding {
26 | padding-left: 20rpx;
27 | }
28 |
29 | .demo-title-paddding::before {
30 | left: 0;
31 | }
32 |
--------------------------------------------------------------------------------
/examples/components/extend-item/index.js:
--------------------------------------------------------------------------------
1 | // components/extend-item/index.js
2 | Component({
3 | /**
4 | * 组件的属性列表
5 | */
6 | properties: {
7 | dataInfo: {
8 | type: Object,
9 | value: {}
10 | }
11 | },
12 |
13 | /**
14 | * 组件的初始数据
15 | */
16 | data: {},
17 |
18 | /**
19 | * 组件的方法列表
20 | */
21 | methods: {
22 | onClick() {
23 | const { dataInfo } = this.properties;
24 | if (dataInfo.path) {
25 | wx.navigateTo({
26 | url: dataInfo.path
27 | });
28 | }
29 | }
30 | }
31 | });
32 |
--------------------------------------------------------------------------------
/examples/components/extend-item/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {}
4 | }
--------------------------------------------------------------------------------
/examples/components/extend-item/index.wxml:
--------------------------------------------------------------------------------
1 |
2 | {{dataInfo.label}}
3 |
--------------------------------------------------------------------------------
/examples/components/extend-item/index.wxss:
--------------------------------------------------------------------------------
1 | .extend-item {
2 | box-sizing: border-box;
3 | height: 160rpx;
4 | padding: 0 40rpx;
5 | margin-bottom: 20rpx;
6 | font-size: 36rpx;
7 | font-weight: 700;
8 | line-height: 160rpx;
9 | color: #fff;
10 | text-shadow: 0 0 0.1em rgb(0 0 0), 0 0 0.2em rgb(0 0 0);
11 | background: linear-gradient(180deg, rgba(57, 173, 219, 0.25) 0, rgba(42, 60, 87, 0.4)), linear-gradient(135deg, #670d10, #092756);
12 | border-radius: 20rpx;
13 | }
14 |
--------------------------------------------------------------------------------
/examples/components/navCard/index.js:
--------------------------------------------------------------------------------
1 | // components/navCard/index.js
2 | Component({
3 | options: {
4 | addGlobalClass: true
5 | },
6 | /**
7 | * 组件的属性列表
8 | */
9 | properties: {
10 | dataInfo: Object
11 | },
12 |
13 | /**
14 | * 组件的初始数据
15 | */
16 | data: {},
17 |
18 | /**
19 | * 组件的方法列表
20 | */
21 | methods: {
22 | onItemTap() {
23 | // console.log(this.data.dataInfo);
24 |
25 | this.triggerEvent("cardTap", this.data.dataInfo);
26 | }
27 | }
28 | });
29 |
--------------------------------------------------------------------------------
/examples/components/navCard/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {}
4 | }
--------------------------------------------------------------------------------
/examples/components/navCard/index.wxml:
--------------------------------------------------------------------------------
1 |
2 | {{dataInfo.name}}
3 |
4 |
--------------------------------------------------------------------------------
/examples/components/navCard/index.wxss:
--------------------------------------------------------------------------------
1 |
2 | .component-item {
3 | display: flex;
4 | flex-direction: row;
5 | align-items: center;
6 | justify-content: space-between;
7 | padding: 40rpx;
8 | margin: 10px 0;
9 | background-color: #fff;
10 | }
11 |
12 | .name {
13 | font-size: 32rpx;
14 | }
15 |
16 | .my-icon {
17 | font-size: 50rpx;
18 | }
19 |
--------------------------------------------------------------------------------
/examples/components/water-flow-item/index.js:
--------------------------------------------------------------------------------
1 | // components/water-flow-item/index.js
2 | Component({
3 | /**
4 | * 组件的属性列表
5 | */
6 | properties: {
7 | data: Object
8 | },
9 |
10 | /**
11 | * 组件的初始数据
12 | */
13 | data: {},
14 |
15 | /**
16 | * 组件的方法列表
17 | */
18 | methods: {}
19 | });
20 |
--------------------------------------------------------------------------------
/examples/components/water-flow-item/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {}
4 | }
--------------------------------------------------------------------------------
/examples/components/water-flow-item/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {{data.title}}
5 |
6 |
7 | {{data.describe}}
8 |
9 |
--------------------------------------------------------------------------------
/examples/components/water-flow-item/index.wxss:
--------------------------------------------------------------------------------
1 | .water-flow-item-wrapper {
2 | overflow: hidden;
3 | font-size: 26rpx;
4 | background-color: #fff;
5 | border-radius: 10rpx;
6 | }
7 |
8 | .image {
9 | width: 100%;
10 | }
11 |
12 | .title {
13 | padding: 20rpx;
14 | font-weight: 500;
15 | line-height: 16px;
16 | }
17 |
18 | .describe {
19 | padding: 20rpx;
20 | padding-top: 0;
21 | line-height: 20px;
22 | color: #646566;
23 | }
24 |
--------------------------------------------------------------------------------
/examples/components/wemark/wemark.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true
3 | }
4 |
--------------------------------------------------------------------------------
/examples/config/index.js:
--------------------------------------------------------------------------------
1 | // 日志类型
2 | export const logsType = {
3 | ADDCOMPONENT: 1
4 | };
5 |
--------------------------------------------------------------------------------
/examples/dist/action-sheet/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-icon":"../icon/index",
6 | "lin-popup":"../popup/index",
7 | "lin-loading":"../loading/index"
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/examples/dist/area/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-picker": "../picker/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/examples/dist/area/index.wxml:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/examples/dist/area/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';
--------------------------------------------------------------------------------
/examples/dist/backtop/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/backtop/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/examples/dist/backtop/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-backtop{position:fixed}.lin-backtop-container{z-index:5;display:flex;align-items:center;justify-content:center;width:80rpx;height:80rpx;cursor:pointer;background-color:#fff;border-radius:50%;box-shadow:0 0 6px rgba(0,0,0,.12)}.lin-backtop-triangle{width:0;height:0;border:6px solid #409eff;border-right-color:transparent;border-bottom-color:transparent;transform:rotate(45deg) translate(2px,1px)}
--------------------------------------------------------------------------------
/examples/dist/behaviors/form-controls.js:
--------------------------------------------------------------------------------
1 | export default Behavior({
2 | methods: {
3 | // 调用FormItem组件的onChange事件
4 | triggerParentChange(data) {
5 | if (this.parent) {
6 | this.parent.onChange(data);
7 | }
8 | },
9 | // 调用FormItem组件的onBlur事件
10 | triggerParentBlur(data) {
11 | if (this.parent) {
12 | this.parent.onBlur(data);
13 | }
14 | }
15 | }
16 | });
17 |
--------------------------------------------------------------------------------
/examples/dist/behaviors/link.js:
--------------------------------------------------------------------------------
1 | const LinkBehavior = Behavior({
2 | properties: {
3 | // 链接跳转类型
4 | linkType: {
5 | type: String,
6 | value: "navigateTo",
7 | options: ["navigateTo", "redirectTo", "switchTab", "reLaunch"]
8 | }
9 | },
10 | methods: {
11 | // 跳转页面
12 | jump(url) {
13 | if (url) {
14 | const { linkType } = this.properties;
15 | wx[linkType]({ url });
16 | }
17 | }
18 | }
19 | });
20 | export default LinkBehavior;
21 |
--------------------------------------------------------------------------------
/examples/dist/behaviors/safeAreaInsetTop.js:
--------------------------------------------------------------------------------
1 | import { getSystemInfoSync } from "../common/utils";
2 | const SafeAreaInsetTopBehavior = Behavior({
3 | properties: {
4 | // 是否留出顶部安全距离(状态栏高度)
5 | safeAreaInsetTop: {
6 | type: Boolean,
7 | value: false
8 | }
9 | },
10 | data: {
11 | // 状态栏高度
12 | statusBarHeight: "0px"
13 | },
14 | ready() {
15 | // 获取状态栏高度
16 | const { statusBarHeight } = getSystemInfoSync();
17 | this.setData({
18 | statusBarHeight: `${statusBarHeight}px`
19 | });
20 | }
21 | });
22 | export default SafeAreaInsetTopBehavior;
23 |
--------------------------------------------------------------------------------
/examples/dist/button/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index",
5 | "lin-loading": "../loading/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/examples/dist/calendar/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index",
5 | "lin-popup": "../popup/index",
6 | "lin-button": "../button/index"
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/examples/dist/calendar/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/examples/dist/card/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-tag": "../tag/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/examples/dist/cell-group/index.json:
--------------------------------------------------------------------------------
1 | {
2 |
3 | "component": true
4 | }
--------------------------------------------------------------------------------
/examples/dist/cell-group/index.wxml:
--------------------------------------------------------------------------------
1 | {{title}}
2 |
3 |
4 |
--------------------------------------------------------------------------------
/examples/dist/cell-group/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-cell-group-title{padding:32rpx 32rpx 16rpx;font-size:28rpx;line-height:32rpx;color:#646566}.lin-cell-group-border{border:1px solid #ebedf0}
--------------------------------------------------------------------------------
/examples/dist/cell/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index"
5 | }
6 | }
--------------------------------------------------------------------------------
/examples/dist/checkbox-group/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true
3 | }
4 |
--------------------------------------------------------------------------------
/examples/dist/checkbox-group/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/examples/dist/checkbox-group/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-check-group{display:flex}.lin-check-group-direction-column{flex-direction:column}.lin-check-group-direction-row{flex-direction:row;flex-wrap:wrap}
--------------------------------------------------------------------------------
/examples/dist/checkbox/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/examples/dist/checkbox/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-checkbox{display:flex;flex-direction:row;align-items:center;height:60rpx;font-size:32rpx;line-height:60rpx;color:#323233}.lin-checkbox-icon-wrapper{margin-right:14rpx}.lin-checkbox-checked .lin-checkbox-icon{color:#409eff}.lin-checkbox-disabled{color:#c8c9cc;cursor:not-allowed}
--------------------------------------------------------------------------------
/examples/dist/col/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true
3 | }
--------------------------------------------------------------------------------
/examples/dist/col/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/examples/dist/collapse-item/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-cell": "../cell/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/examples/dist/collapse/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/collapse/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/examples/dist/collapse/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-collapse-border{position:relative}.lin-collapse-border::after{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;box-sizing:border-box;pointer-events:none;content:" ";border:0 solid #ebedf0;border-width:1px 0;transform:scale(.5)}
--------------------------------------------------------------------------------
/examples/dist/common/color.js:
--------------------------------------------------------------------------------
1 | export const RED = "#ee0a24";
2 | export const BLUE = "#1989fa";
3 | export const WHITE = "#fff";
4 | export const GREEN = "#07c160";
5 | export const ORANGE = "#ff976a";
6 | export const GRAY5 = "#c8c9cc";
7 | export const GRAY6 = "#969799";
8 | export const GRAY8 = "#323233";
9 | export const DISABLEDCOLOR = "#bdbdbd";
10 |
--------------------------------------------------------------------------------
/examples/dist/common/config.js:
--------------------------------------------------------------------------------
1 | export const publicPath = "http://wxui.linjiafu.top";
2 | export const requestPath = "https://linjiafu.top";
3 | export const imagePath = `${publicPath}/static/images`;
4 | export const jsonPath = `${requestPath}/static/json`;
5 | export const emptyCompImages = {
6 | default: `${imagePath}/default.png`,
7 | error: `${imagePath}/error.png`,
8 | network: `${imagePath}/network.png`,
9 | search: `${imagePath}/search.png`
10 | };
11 | export const areaJsonPath = `${jsonPath}/area.json`;
12 |
--------------------------------------------------------------------------------
/examples/dist/common/types/index.js:
--------------------------------------------------------------------------------
1 | export {};
2 |
--------------------------------------------------------------------------------
/examples/dist/common/types/weapp.js:
--------------------------------------------------------------------------------
1 | export {};
2 |
--------------------------------------------------------------------------------
/examples/dist/count-down/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/count-down/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{formattedTime}}
4 |
--------------------------------------------------------------------------------
/examples/dist/count-down/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-count-down{font-size:28rpx;line-height:40rpx;color:#323233}
--------------------------------------------------------------------------------
/examples/dist/dialog/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-popup": "../popup/index",
5 | "lin-loading":"../loading/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/examples/dist/divider/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/divider/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/examples/dist/dropdown-item/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-popup": "../popup/index",
5 | "lin-icon": "../icon/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/examples/dist/dropdown-menu/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/dropdown-menu/index.wxs:
--------------------------------------------------------------------------------
1 | // 显示标题
2 | function displayTitle(item) {
3 | if (item.title) {
4 | return item.title;
5 | }
6 | // 找出选中的值
7 | var match = item.options.filter(function(option) {
8 | return option.value == item.value;
9 | });
10 | // 显示选中的值
11 | var displayTitle = match.length ? match[0].text : "";
12 | return displayTitle;
13 | }
14 |
15 | module.exports = {
16 | displayTitle: displayTitle,
17 | };
18 |
--------------------------------------------------------------------------------
/examples/dist/dropdown-menu/props.js:
--------------------------------------------------------------------------------
1 | export default {
2 | // 菜单标题和选项的选中态颜色
3 | activeColor: "",
4 | // 动画时长,单位毫秒
5 | duration: 200,
6 | // 菜单展开方向
7 | direction: "down",
8 | // 是否显示遮罩层
9 | mask: true,
10 | // 是否在点击遮罩层后关闭菜单
11 | closeOnClickMask: true
12 | };
13 |
--------------------------------------------------------------------------------
/examples/dist/empty/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/empty/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | {{description}}
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/examples/dist/empty/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-empty{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64rpx 0}.lin-empty-image-wrapper{width:160rpx;height:160rpx}.lin-empty-image-wrapper:empty{display:none}.lin-empty-image{width:100%;height:100%}.lin-empty-description{padding:0 120rpx;margin-top:32rpx;font-size:28rpx;line-height:40rpx;color:#969799}.lin-empty-description:empty{display:none}.lin-empty-bottom{margin-top:48rpx}.lin-empty-bottom:empty{display:none}
--------------------------------------------------------------------------------
/examples/dist/extends/request/cancel/Cancel.js:
--------------------------------------------------------------------------------
1 | export default class Cancel {
2 | constructor(message) {
3 | this.message = message;
4 | }
5 | }
6 | export function isCancel(value) {
7 | return value instanceof Cancel;
8 | }
9 |
--------------------------------------------------------------------------------
/examples/dist/extends/request/core/transform.js:
--------------------------------------------------------------------------------
1 | // 处理 transformRequest transformRespond
2 | export default function transform(data, headers, fns) {
3 | if (!fns) {
4 | return data;
5 | }
6 | // 开发者传进来的,transformRequest transformRespond可能不是数组,统一转成数组去处理
7 | if (!Array.isArray(fns)) {
8 | fns = [fns];
9 | }
10 | fns.forEach((fn) => {
11 | data = fn(data, headers);
12 | });
13 | return data;
14 | }
15 |
--------------------------------------------------------------------------------
/examples/dist/extends/request/helpers/error.js:
--------------------------------------------------------------------------------
1 | // 错误类
2 | class RequestError extends Error {
3 | constructor(message, config, code, request, response) {
4 | super(message);
5 | this.code = code;
6 | this.request = request;
7 | this.response = response;
8 | this.config = config;
9 | this.isRequestError = true;
10 | }
11 | }
12 | export function createError(message, config, code, request, response) {
13 | const error = new RequestError(message, config, code, request, response);
14 | return error;
15 | }
16 |
--------------------------------------------------------------------------------
/examples/dist/extends/request/index.js:
--------------------------------------------------------------------------------
1 | import request from "./request";
2 | export default request;
3 |
--------------------------------------------------------------------------------
/examples/dist/extends/request/types/index.js:
--------------------------------------------------------------------------------
1 | export {};
2 |
--------------------------------------------------------------------------------
/examples/dist/field/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-cell": "../cell/index",
5 | "lin-icon": "../icon/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/examples/dist/field/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-field-input{flex:1;width:0;margin-right:10rpx;color:#323233;text-align:left}.lin-cell-title{height:46rpx}.lin-field-input-align-left{text-align-last:left}.lin-field-input-align-center{text-align:center}.lin-field-input-align-right{text-align:right}.lin-field-body{display:flex;flex-direction:row;align-items:center}.lin-field-close-icon{width:40rpx;height:40rpx}.lin-field-disabled{color:#c8c9cc}.lin-field-errorMessage{box-sizing:border-box;margin-top:10rpx;font-size:24rpx;color:#ee0a24;text-align:left}
--------------------------------------------------------------------------------
/examples/dist/float-button/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-icon":"../icon/index",
6 | "lin-mask":"../mask/index"
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/examples/dist/float-button/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-float-button{position:fixed}.lin-float-button-item{position:relative;width:108rpx;height:108rpx;color:#fff;background:#409eff;border-radius:50%;box-shadow:0 0 5px 2px rgba(0,0,0,.1)}.lin-float-button-group .lin-float-button-item{margin-bottom:40rpx}.lin-float-button-text-absoult{position:absolute;top:50%;left:-20rpx;transform:translate(-100%,-50%)}.lin-float-button-icon{transition:transform .1s linear}.lin-float-button-rotate{transform:rotate(45deg)}
--------------------------------------------------------------------------------
/examples/dist/form-item/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/form/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/form/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
--------------------------------------------------------------------------------
/examples/dist/form/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-form{padding:0 32rpx;background-color:#fff}.lin-form-footer{box-sizing:border-box;padding:20rpx 0}
--------------------------------------------------------------------------------
/examples/dist/goods-action-button/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-button": "../button/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/examples/dist/goods-action-button/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-goods-action-button{justify-content:center;width:100%;border-radius:0!important}.lin-goods-action-button-first{border-top-left-radius:999px!important;border-bottom-left-radius:999px!important}.lin-goods-action-button-last{border-top-right-radius:999px!important;border-bottom-right-radius:999px!important}
--------------------------------------------------------------------------------
/examples/dist/goods-action-icon/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index",
5 | "lin-button": "../button/index",
6 | "lin-info": "../info/index"
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/examples/dist/goods-action-icon/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-goods-action-icon{justify-content:center;min-width:96rpx;height:100rpx!important;padding:0!important;border:none!important}.lin-goods-action-icon-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20rpx;line-height:1;color:#646566;text-align:center;background-color:#fff}.lin-goods-action-icon-icon{margin-bottom:10rpx}.lin-goods-action-icon-hover{background-color:transparent!important}
--------------------------------------------------------------------------------
/examples/dist/goods-action/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/goods-action/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/examples/dist/goods-action/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-goods-action{position:relative;display:flex;flex-direction:row;align-items:center;height:100rpx;padding-right:10rpx;background-color:#fff}.lin-goods-action lin-goods-action-button{box-sizing:border-box;flex:1}.lin-goods-action-safeBottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
--------------------------------------------------------------------------------
/examples/dist/grid-item/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/examples/dist/grid/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/grid/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/examples/dist/grid/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';
--------------------------------------------------------------------------------
/examples/dist/icon/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {}
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/icon/index.wxml:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/examples/dist/image/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-loading": "../loading/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/examples/dist/image/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-image{position:relative}.lin-image-error{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:28rpx;color:#646566;background-color:#f2f3f5}.lin-image-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(255,255,255,.8)}
--------------------------------------------------------------------------------
/examples/dist/index-anchor/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/index-anchor/index.wxs:
--------------------------------------------------------------------------------
1 | function indexStyle(data) {
2 | var style = "";
3 |
4 | if (data.fixed) {
5 | style += "top:" + data.stickyOffsetTop + "px;";
6 | }
7 |
8 | if (data.zIndex) {
9 | style += "z-index:" + data.zIndex + ";";
10 | }
11 |
12 | if (data.transform) {
13 | style += "transform: translateY(" + data.transform + "px);";
14 | }
15 |
16 | return style;
17 | }
18 |
19 | module.exports = {
20 | indexStyle: indexStyle,
21 | };
22 |
--------------------------------------------------------------------------------
/examples/dist/index-anchor/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-index-anchor-index{position:relative;z-index:1;box-sizing:border-box;width:100%;padding:0 32rpx;font-size:28rpx;font-weight:500;line-height:64rpx;color:#323233;background-color:transparent}.lin-index-anchor-index-fixed{position:fixed}.lin-index-anchor-index-active{color:#ee0a24;background-color:#fff}
--------------------------------------------------------------------------------
/examples/dist/index-bar/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/index-bar/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-index-bar{position:relative}.lin-index-bar-sidebar{position:fixed;top:50%;right:0;display:flex;flex-direction:column;align-items:center;transform:translateY(-50%)}.lin-index-bar-index{padding:0 16rpx 0 32rpx;font-size:20rpx;font-weight:500;line-height:28rpx}.lin-index-bar-index-active{color:#ee0a24}
--------------------------------------------------------------------------------
/examples/dist/info/index.js:
--------------------------------------------------------------------------------
1 | import { LinComponent } from "../common/component";
2 | LinComponent({
3 | props: {
4 | // 是否在右上角显示小红点
5 | dot: Boolean,
6 | // 是否在右上角显示徽标
7 | info: {
8 | type: [String, Number]
9 | },
10 | // 根节点样式
11 | customStyle: String
12 | }
13 | });
14 |
--------------------------------------------------------------------------------
/examples/dist/info/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/info/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{dot?'':info}}
4 |
--------------------------------------------------------------------------------
/examples/dist/info/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-info{position:absolute;top:0;right:0;box-sizing:border-box;min-width:32rpx;padding:0 6rpx;font-size:24rpx;font-weight:500;line-height:1.2;color:#fff;text-align:center;background-color:#ee0a24;border:1px solid #fff;border-radius:32rpx;transform:translate(50%,-50%);transform-origin:100%}.lin-info-dot{width:16rpx;min-width:0;height:16rpx;background-color:#ee0a24;border-radius:100%}
--------------------------------------------------------------------------------
/examples/dist/loading/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {}
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/loading/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{text}}
4 |
--------------------------------------------------------------------------------
/examples/dist/mask/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-transition":"../transition/index"
5 | }
6 | }
--------------------------------------------------------------------------------
/examples/dist/mask/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/examples/dist/mask/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-mask{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
--------------------------------------------------------------------------------
/examples/dist/nav-bar/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-icon":"../icon/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/examples/dist/nav-bar/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-nav-bar{position:relative;z-index:1;display:flex;align-items:center;height:92rpx;background-color:#fff}.lin-nav-bar-fixed{position:fixed;top:0;left:0;width:100%}.lin-nav-bar-left,.lin-nav-bar-right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 32rpx;font-size:28rpx}.lin-nav-bar-left{left:0}.lin-nav-bar-right{right:0}.lin-nav-bar-left-content{color:#409eff}.lin-nav-bar-text{color:#409eff}.lin-nav-bar-title{max-width:60%;margin:0 auto;font-size:32rpx;font-weight:500;color:#323233}
--------------------------------------------------------------------------------
/examples/dist/notice-bar/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-icon":"../icon/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/examples/dist/notify/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-transition":"../transition/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/examples/dist/notify/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | {{message}}
6 |
7 |
--------------------------------------------------------------------------------
/examples/dist/notify/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-notify-container{position:fixed;top:0;left:0;width:100%}.lin-notify{box-sizing:border-box;padding:12rpx 30rpx;font-size:28rpx;line-height:40rpx;text-align:center}.lin-notify-primary{background-color:#409eff}.lin-notify-success{background-color:#67c23a}.lin-notify-info{background-color:#909399}.lin-notify-warning{background-color:#e6a23c}.lin-notify-danger{background-color:#f56c6c}
--------------------------------------------------------------------------------
/examples/dist/panel/index.js:
--------------------------------------------------------------------------------
1 | import { LinComponent } from "../common/component";
2 | LinComponent({
3 | classes: ["header-class", "content-class", "footer-class"],
4 | props: {
5 | // 标题
6 | title: String,
7 | // 描述
8 | desc: String,
9 | // 状态
10 | status: String,
11 | // 是否使用 footer slot
12 | useFooterSlot: Boolean
13 | }
14 | });
15 |
--------------------------------------------------------------------------------
/examples/dist/panel/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/password-keyboard/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-icon":"../icon/index",
6 | "lin-popup":"../popup/index"
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/examples/dist/picker-column/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true
3 | }
4 |
--------------------------------------------------------------------------------
/examples/dist/picker-column/index.wxs:
--------------------------------------------------------------------------------
1 | function isObj(x) {
2 | var type = typeof x;
3 | return x !== null && (type === 'object' || type === 'function');
4 | }
5 |
6 | module.exports = function (option, textKey) {
7 | return isObj(option) && option[textKey] != null ? option[textKey] : option;
8 | }
9 |
--------------------------------------------------------------------------------
/examples/dist/picker-column/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-picker-column{overflow:hidden}.lin-picker-column-item{text-align:center}.lin-picker-column-item-disabled{cursor:not-allowed;opacity:.3}
--------------------------------------------------------------------------------
/examples/dist/picker/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-picker-column": "../picker-column/index",
5 | "lin-loading": "../loading/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/examples/dist/picker/toolbar.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{cancelButtonText}}
4 | {{title}}
5 | {{confirmButtonText}}
6 |
7 |
--------------------------------------------------------------------------------
/examples/dist/popup/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index",
5 | "lin-mask":"../mask/index"
6 | }
7 | }
--------------------------------------------------------------------------------
/examples/dist/progress/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/progress/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-progress{position:relative;height:8rpx;background:#ebedf0;border-radius:8rpx}.lin-progress-portion{position:absolute;top:0;left:0;width:0;height:100%;background:#409eff;border-radius:inherit}.lin-progress-pivot{position:absolute;top:50%;right:0;box-sizing:border-box;min-width:3.6em;padding:0 10rpx;font-size:20rpx;line-height:1.6;color:#fff;text-align:center;word-break:keep-all;background-color:inherit;border-radius:1em;transform:translate(0,-50%)}
--------------------------------------------------------------------------------
/examples/dist/radio-group/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true
3 | }
4 |
--------------------------------------------------------------------------------
/examples/dist/radio-group/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/examples/dist/radio-group/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-radio-group{display:flex}.lin-radio-group-direction-column{flex-direction:column}.lin-radio-group-direction-row{flex-direction:row;flex-wrap:wrap}
--------------------------------------------------------------------------------
/examples/dist/radio/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/examples/dist/radio/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/examples/dist/radio/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-radio{display:flex;flex-direction:row;align-items:center;padding:10rpx;color:#323233}.lin-radio-icon{margin-right:5rpx}.lin-radio-label{margin-left:5rpx}.lin-radio-checked .lin-radio-icon-wrapper{color:#409eff}.lin-radio-disabled{color:#c8c9cc;cursor:not-allowed}.lin-radio-disabled .lin-radio-icon-wrapper{color:#c8c9cc}
--------------------------------------------------------------------------------
/examples/dist/rate/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/examples/dist/rate/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-rate{position:relative;display:inline-block}.lin-rate-o{position:relative;display:flex;flex-direction:row}.lin-rate-fill{position:absolute;top:0;left:0;display:flex;flex-direction:row;overflow:hidden}
--------------------------------------------------------------------------------
/examples/dist/row/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true
3 | }
--------------------------------------------------------------------------------
/examples/dist/row/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/examples/dist/row/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';
--------------------------------------------------------------------------------
/examples/dist/search/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-field": "../field/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/examples/dist/share-sheet/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-popup":"../popup/index",
6 | "options":"./options"
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/examples/dist/share-sheet/index.wxs:
--------------------------------------------------------------------------------
1 | // 判断是否多列显示
2 | function isMulti(options){
3 | if(options==null || options[0]==null){
4 | return false;
5 | }
6 | return "Array" === options.constructor && "Array" === options[0].constructor;
7 | }
8 |
9 | module.exports = {
10 | isMulti:isMulti
11 | }
--------------------------------------------------------------------------------
/examples/dist/share-sheet/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-share-sheet-header{padding:24rpx 32rpx 8rpx;text-align:center}.lin-share-sheet-title{margin-top:16rpx;font-size:28rpx;font-weight:400;line-height:40rpx;color:#323233}.lin-share-sheet-description{margin-top:16rpx;font-size:24rpx;line-height:32rpx;color:#969799}.lin-share-sheet-cancel{font-size:32rpx;line-height:96rpx;text-align:center;background:#fff}.lin-share-sheet-cancel::before{display:block;height:16rpx;content:' ';background-color:#f7f8fa}
--------------------------------------------------------------------------------
/examples/dist/share-sheet/options.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-icon":"../icon/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/examples/dist/sidebar-item/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-info": "../info/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/examples/dist/sidebar-item/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/examples/dist/sidebar-item/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-sidebar-item{position:relative;box-sizing:border-box;padding:40rpx 24rpx;overflow:hidden;font-size:28rpx;line-height:40rpx;color:#323233;background-color:#f7f8fa}.lin-sidebar-item-content{position:relative;display:inline-block;word-break:break-all}.lin-sidebar-item-active{font-weight:500;color:#323233;background-color:#fff}.lin-sidebar-item-active::before{position:absolute;top:50%;left:0;width:8rpx;height:32rpx;content:"";background-color:#ee0a24;transform:translateY(-50%)}.lin-sidebar-item-disabled{color:#c8c9cc}
--------------------------------------------------------------------------------
/examples/dist/sidebar/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/sidebar/index.wxml:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/examples/dist/sidebar/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-sidebar{width:160rpx;overflow-y:auto}
--------------------------------------------------------------------------------
/examples/dist/skeleton/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/slider/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true
3 | }
4 |
--------------------------------------------------------------------------------
/examples/dist/slider/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-slider{position:relative;width:100%;height:2px;padding:11px 0;background-color:#ebedf0;background-clip:content-box;border-radius:999px}.lin-slider-bar{position:absolute;top:50%;left:0;width:0;height:2px;background-color:#409eff;background-color:#1989fa;transform:translateY(-50%)}.lin-slider-button-wrapper{position:absolute;top:50%;left:0;cursor:grab;transform:translateY(-50%)}.lin-slider-button{width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.5)}.lin-slider-disabled{cursor:not-allowed;opacity:.5}
--------------------------------------------------------------------------------
/examples/dist/stepper/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true
3 | }
4 |
--------------------------------------------------------------------------------
/examples/dist/stepper/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-stepper{display:flex;flex-direction:row;align-items:center}.lin-stepper-button{position:relative;box-sizing:border-box;color:#323233;text-align:center;background-color:#f2f3f5}.lin-stepper-minus{border-radius:4px 0 0 4px}.lin-stepper-plus{border-radius:0 4px 4px 0}.lin-stepper-input{box-sizing:border-box;padding:0;margin:0 2px;font-size:28rpx;color:#323233;text-align:center;background-color:#f2f3f5}.lin-stepper-disabled{color:#c8c9cc;cursor:not-allowed;background-color:#f7f8fa}
--------------------------------------------------------------------------------
/examples/dist/steps/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/examples/dist/sticky/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/sticky/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/examples/dist/sticky/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-sticky-fix{position:fixed;top:0}
--------------------------------------------------------------------------------
/examples/dist/submit-bar/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-button": "../button/index",
5 | "lin-icon": "../icon/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/examples/dist/swipe-cell/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/swipe-cell/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-swipe-cell{overflow:hidden}.lin-swipe-cell-container{position:relative}.lin-swipe-cell-left{position:absolute;top:0;left:0;z-index:100;transform:translateX(-100%)}.lin-swipe-cell-right{position:absolute;top:0;right:0;z-index:100;transform:translateX(100%)}
--------------------------------------------------------------------------------
/examples/dist/switch/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-loading": "../loading/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/examples/dist/switch/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/examples/dist/tab/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/tab/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/examples/dist/tab/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-tab{box-sizing:border-box;padding:48rpx 40rpx;background-color:#fff}
--------------------------------------------------------------------------------
/examples/dist/tabbar-item/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index",
5 | "lin-info": "../info/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/examples/dist/tabbar-item/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-tabbar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;float:left;height:100%;font-size:24rpx;color:#646566}.lin-tabbar-item-icon{position:relative;margin-bottom:8rpx}.lin-tabbar-item-active{color:#409eff;background-color:#fff}.lin-tabbar-item-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}
--------------------------------------------------------------------------------
/examples/dist/tabbar/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/tabbar/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/examples/dist/tabbar/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-tabbar{box-sizing:content-box;width:100%;height:100rpx;vertical-align:bottom;background-color:#fff}.lin-tabbar-fix{position:fixed;bottom:0;left:0;width:100%}.lin-tabbar-safeBottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
--------------------------------------------------------------------------------
/examples/dist/tabs/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-sticky": "../sticky/index",
5 | "lin-info": "../info/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/examples/dist/tag/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-icon":"../icon/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/examples/dist/tag/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/examples/dist/toast/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-mask":"../mask/index",
6 | "lin-transition":"../transition/index",
7 | "lin-icon":"../icon/index"
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/examples/dist/transition/index.js:
--------------------------------------------------------------------------------
1 | import { LinComponent } from "../common/component";
2 | import TransitionBehavior from "../behaviors/transition";
3 | LinComponent({
4 | mixins: [TransitionBehavior(true)],
5 | classes: [
6 | "enter-class",
7 | "enter-active-class",
8 | "enter-to-class",
9 | "leave-class",
10 | "leave-active-class",
11 | "leave-to-class"
12 | ],
13 | methods: {
14 | onClick() {
15 | this.triggerEvent("click");
16 | }
17 | }
18 | });
19 |
--------------------------------------------------------------------------------
/examples/dist/transition/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {}
4 | }
--------------------------------------------------------------------------------
/examples/dist/transition/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/examples/dist/tree-select/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponts": {
4 | "lin-icon": "../icon/index",
5 | "lin-info": "../info/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/examples/dist/tree-select/index.wxs:
--------------------------------------------------------------------------------
1 | var Array = require('../wxs/array.wxs')
2 |
3 | // 判断是否为选中状态
4 | function isActive(activeId,currentId){
5 | if(Array.isArray(activeId)){
6 | return activeId.indexOf(currentId)>-1
7 | }
8 | return activeId === currentId
9 | }
10 |
11 | module.exports={
12 | isActive:isActive
13 | }
--------------------------------------------------------------------------------
/examples/dist/uploader/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-icon": "../icon/index",
6 | "lin-loading": "../loading/index"
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/examples/dist/water-flow-item/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/water-flow-item/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/examples/dist/water-flow-item/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-water-flow-item{position:absolute}
--------------------------------------------------------------------------------
/examples/dist/water-flow/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/examples/dist/water-flow/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/examples/dist/water-flow/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/base.wxss';.lin-water-flow{position:relative}
--------------------------------------------------------------------------------
/examples/dist/wxs/array.wxs:
--------------------------------------------------------------------------------
1 | function isArray(array){
2 | return array && array.constructor==='Array'
3 | }
4 |
5 | module.exports = {
6 | isArray:isArray
7 | }
--------------------------------------------------------------------------------
/examples/images/cat.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/images/cat.png
--------------------------------------------------------------------------------
/examples/images/component.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/images/component.png
--------------------------------------------------------------------------------
/examples/images/component_active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/images/component_active.png
--------------------------------------------------------------------------------
/examples/images/extend.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/images/extend.png
--------------------------------------------------------------------------------
/examples/images/extend_active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/images/extend_active.png
--------------------------------------------------------------------------------
/examples/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/images/logo.png
--------------------------------------------------------------------------------
/examples/images/me.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/images/me.png
--------------------------------------------------------------------------------
/examples/images/me_active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/images/me_active.png
--------------------------------------------------------------------------------
/examples/pages/component/action-sheet/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "ActionSheet 上拉菜单"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/action-sheet/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/action-sheet/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/area/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Area 省市区选择"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/area/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/area/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/backtop/index.js:
--------------------------------------------------------------------------------
1 | Page({
2 | /**
3 | * 页面的初始数据
4 | */
5 | data: {
6 | currentKey: -1
7 | },
8 |
9 | onClick(event) {
10 | const { key } = event.currentTarget.dataset;
11 | this.setData({
12 | currentKey: key
13 | });
14 | }
15 | });
16 |
--------------------------------------------------------------------------------
/examples/pages/component/backtop/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Backtop 回到顶部"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/backtop/index.wxss:
--------------------------------------------------------------------------------
1 | .backtop-container {
2 | height: 1000px;
3 | }
4 |
5 | .view-anchor {
6 | width: 100%;
7 | height: 60vh;
8 | margin-top: 80rpx;
9 | background-color: #eee;
10 | }
11 |
12 | .backtop-slot {
13 | width: 80rpx;
14 | line-height: 80rpx;
15 | color: rgb(25, 137, 250);
16 | text-align: center;
17 | background-color: rgb(242, 245, 246);
18 | box-shadow: rgba(0, 0, 0, 0.12) 0 0 6px;
19 | }
20 |
21 | .backtop-hide {
22 | display: none;
23 | }
24 |
--------------------------------------------------------------------------------
/examples/pages/component/button/index.js:
--------------------------------------------------------------------------------
1 | // pages/component/button/index.js
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {}
7 | });
8 |
--------------------------------------------------------------------------------
/examples/pages/component/button/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Button 按钮"
4 | }
--------------------------------------------------------------------------------
/examples/pages/component/button/index.wxss:
--------------------------------------------------------------------------------
1 |
2 | .button-group {
3 | display: flex;
4 | flex-direction: row;
5 | flex-wrap: wrap;
6 | }
7 |
8 | .button-item {
9 | width: 33.33%;
10 | margin-bottom: 10px;
11 | text-align: center;
12 | }
13 |
14 | .button-item-50 {
15 | width: 50%;
16 | margin-bottom: 10px;
17 | text-align: center;
18 | }
19 |
--------------------------------------------------------------------------------
/examples/pages/component/calendar/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Calendar 日历"
4 | }
--------------------------------------------------------------------------------
/examples/pages/component/calendar/index.wxss:
--------------------------------------------------------------------------------
1 | /* pages/component/calendar/index.wxss */
2 |
--------------------------------------------------------------------------------
/examples/pages/component/card/index.js:
--------------------------------------------------------------------------------
1 | Page({
2 | /**
3 | * 页面的初始数据
4 | */
5 | data: {
6 | imageURL: "/images/cat.png"
7 | }
8 | });
9 |
--------------------------------------------------------------------------------
/examples/pages/component/card/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Card 商品卡片"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/card/index.wxss:
--------------------------------------------------------------------------------
1 | page {
2 | background-color: #fff;
3 | }
4 |
5 | .footer {
6 | text-align: right;
7 | }
8 |
--------------------------------------------------------------------------------
/examples/pages/component/cell/index.js:
--------------------------------------------------------------------------------
1 | // pages/component/cell/index.js
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {}
7 | });
8 |
--------------------------------------------------------------------------------
/examples/pages/component/cell/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Cell 单元格"
4 | }
--------------------------------------------------------------------------------
/examples/pages/component/cell/index.wxss:
--------------------------------------------------------------------------------
1 |
2 | .cell-text {
3 | padding: 0 4px;
4 | font-size: 12px;
5 | line-height: 16px;
6 | color: #fff;
7 | background-color: #ee0a24;
8 | border-radius: 2px;
9 | }
10 |
--------------------------------------------------------------------------------
/examples/pages/component/checkbox/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Checkbox 复选框"
4 | }
--------------------------------------------------------------------------------
/examples/pages/component/checkbox/index.wxss:
--------------------------------------------------------------------------------
1 | /* pages/component/checkbox/index.wxss */
2 |
--------------------------------------------------------------------------------
/examples/pages/component/collapse/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Collapse 折叠面板"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/collapse/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/collapse/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/count-down/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "CountDown 倒计时"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/count-down/index.wxss:
--------------------------------------------------------------------------------
1 | .item {
2 | display: inline-block;
3 | width: 22px;
4 | margin-right: 5px;
5 | font-size: 12px;
6 | color: #fff;
7 | text-align: center;
8 | background-color: #1989fa;
9 | border-radius: 2px;
10 | }
11 |
12 | .button-group {
13 | margin-top: 20rpx;
14 | }
15 |
16 | .button-group .button-item + .button-item {
17 | margin-left: 40rpx;
18 | }
19 |
--------------------------------------------------------------------------------
/examples/pages/component/dialog/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Dialog 弹出框"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/dialog/index.wxss:
--------------------------------------------------------------------------------
1 | .dialog-image {
2 | box-sizing: border-box;
3 | width: 100%;
4 | padding: 20rpx;
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/divider/index.js:
--------------------------------------------------------------------------------
1 | Page({
2 | /**
3 | * 页面的初始数据
4 | */
5 | data: {}
6 | });
7 |
--------------------------------------------------------------------------------
/examples/pages/component/divider/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Divider 分割线"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/divider/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/divider/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/dropdown-menu/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "DropdownMenu 下拉菜单"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/dropdown-menu/index.wxss:
--------------------------------------------------------------------------------
1 | .dropdown-container {
2 | padding: 20rpx 0;
3 | }
4 |
5 | .dropdown-container .demo-title {
6 | margin-left: 40rpx;
7 | }
8 |
--------------------------------------------------------------------------------
/examples/pages/component/empty/index.js:
--------------------------------------------------------------------------------
1 | Page({
2 | /**
3 | * 页面的初始数据
4 | */
5 | data: {}
6 | });
7 |
--------------------------------------------------------------------------------
/examples/pages/component/empty/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Empty 空状态"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/empty/index.wxss:
--------------------------------------------------------------------------------
1 | .bottom-button {
2 | justify-content: center;
3 | width: 160px;
4 | height: 40px;
5 | text-align: center;
6 | }
7 |
--------------------------------------------------------------------------------
/examples/pages/component/field/index.js:
--------------------------------------------------------------------------------
1 | // pages/component/field/index.js
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {
7 | value1: "",
8 | value2: "",
9 | value3: "",
10 | value4: "",
11 | value5: "",
12 | value6: "",
13 | value7: "",
14 | value8: "",
15 | errorMessage: "用户名不能为空"
16 | },
17 |
18 | onChange(event) {
19 | const { key } = event.currentTarget.dataset;
20 |
21 | this.setData({
22 | [key]: event.detail
23 | });
24 | }
25 | });
26 |
--------------------------------------------------------------------------------
/examples/pages/component/field/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Field 输入框"
4 | }
--------------------------------------------------------------------------------
/examples/pages/component/field/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/field/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/float-button/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "FloatButton 悬浮按钮"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/float-button/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/examples/pages/component/float-button/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/float-button/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/form/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Form 表单"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/form/index.wxss:
--------------------------------------------------------------------------------
1 | .container {
2 | padding: 20rpx 0;
3 | }
4 |
--------------------------------------------------------------------------------
/examples/pages/component/goods-action/index.js:
--------------------------------------------------------------------------------
1 | Page({
2 | /**
3 | * 页面的初始数据
4 | */
5 | data: {},
6 |
7 | onClickIcon() {
8 | // Toast('点击图标');
9 | wx.showToast({
10 | title: "点击图标",
11 | icon: "none"
12 | });
13 | },
14 |
15 | onClickButton() {
16 | // Toast('点击按钮');
17 | wx.showToast({
18 | title: "点击按钮",
19 | icon: "none"
20 | });
21 | }
22 | });
23 |
--------------------------------------------------------------------------------
/examples/pages/component/goods-action/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "GoodsAction 商品导航"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/goods-action/index.wxss:
--------------------------------------------------------------------------------
1 | .container {
2 | padding: 20rpx 0;
3 | }
4 |
--------------------------------------------------------------------------------
/examples/pages/component/grid/index.js:
--------------------------------------------------------------------------------
1 | Page({
2 | /**
3 | * 页面的初始数据
4 | */
5 | data: {}
6 | });
7 |
--------------------------------------------------------------------------------
/examples/pages/component/grid/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Grid 宫格"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/grid/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/grid/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/icon/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Icon 图标"
4 | }
--------------------------------------------------------------------------------
/examples/pages/component/icon/index.wxss:
--------------------------------------------------------------------------------
1 | .icon-group {
2 | display: flex;
3 | flex-direction: row;
4 | flex-wrap: wrap;
5 | margin-bottom: 40rpx;
6 | }
7 |
8 | .icon-item {
9 | width: 20%;
10 | padding: 10px 0;
11 | text-align: center;
12 | }
13 |
--------------------------------------------------------------------------------
/examples/pages/component/image/index.js:
--------------------------------------------------------------------------------
1 | // pages/component/image/index.js
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {
7 | imageUrl: ["xx.png", "aa.png"],
8 | imgSrc: ["/images/cat.png"]
9 | }
10 | });
11 |
--------------------------------------------------------------------------------
/examples/pages/component/image/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Image 图片"
4 | }
--------------------------------------------------------------------------------
/examples/pages/component/image/index.wxss:
--------------------------------------------------------------------------------
1 | .component-group > view {
2 | margin-right: 30rpx;
3 | margin-bottom: 30rpx;
4 | color: #7d7e80;
5 | text-align: center;
6 | }
7 |
8 | .component-group > view > text {
9 | margin-top: 20rpx;
10 | font-size: 30rpx;
11 | }
12 |
13 | .error-view {
14 | display: flex;
15 | flex-direction: row;
16 | align-items: center;
17 | justify-content: center;
18 | width: 100%;
19 | height: 100%;
20 | background-color: #e8f3fe;
21 | }
22 |
23 | .error-view > text {
24 | font-size: 14px;
25 | }
26 |
--------------------------------------------------------------------------------
/examples/pages/component/index-bar/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "IndexBar 索引栏"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/layout/index.js:
--------------------------------------------------------------------------------
1 | // pages/component/layout/index.js
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {}
7 | });
8 |
--------------------------------------------------------------------------------
/examples/pages/component/layout/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Layout 布局"
4 | }
--------------------------------------------------------------------------------
/examples/pages/component/layout/index.wxss:
--------------------------------------------------------------------------------
1 | .col-item .lin-col {
2 | height: 30px;
3 | margin-bottom: 10px;
4 | font-size: 13px;
5 | line-height: 30px;
6 | color: #fff;
7 | text-align: center;
8 | background-clip: content-box;
9 | }
10 |
11 | .row-item .col-item:nth-child(odd) .lin-col {
12 | background-color: #39a9ed;
13 | }
14 |
15 | .row-item .col-item:nth-child(even) .lin-col {
16 | background-color: #66c6f2;
17 | }
18 |
19 | .grid-content {
20 | width: 100%;
21 | height: 100%;
22 | }
23 |
--------------------------------------------------------------------------------
/examples/pages/component/loading/index.js:
--------------------------------------------------------------------------------
1 | // pages/component/loading/index.js
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {}
7 | });
8 |
--------------------------------------------------------------------------------
/examples/pages/component/loading/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Loading 加载"
4 | }
--------------------------------------------------------------------------------
/examples/pages/component/loading/index.wxss:
--------------------------------------------------------------------------------
1 | .loading-item {
2 | width: 20%;
3 | padding: 10px 0;
4 | text-align: center;
5 | }
6 |
7 | .loading-item-30 {
8 | width: 33.33%;
9 | padding: 10px 0;
10 | text-align: center;
11 | }
12 |
13 | .loading-item-50 {
14 | width: 50%;
15 | padding: 10px 0;
16 | text-align: center;
17 | }
18 |
--------------------------------------------------------------------------------
/examples/pages/component/mask/index.js:
--------------------------------------------------------------------------------
1 | // pages/component/mask/index.js
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {
7 | show1: false,
8 | show2: false
9 | },
10 |
11 | onClick(event) {
12 | const key = event.currentTarget.dataset.show;
13 | this.setData({ [key]: true });
14 | },
15 |
16 | onMaskClick(event) {
17 | const key = event.currentTarget.dataset.show;
18 | this.setData({ [key]: false });
19 | }
20 | });
21 |
--------------------------------------------------------------------------------
/examples/pages/component/mask/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Mask 遮罩层"
4 | }
--------------------------------------------------------------------------------
/examples/pages/component/mask/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 显示遮罩层
5 |
6 |
7 |
8 |
9 | 嵌入内容
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/examples/pages/component/mask/index.wxss:
--------------------------------------------------------------------------------
1 | .custom {
2 | width: 200rpx;
3 | height: 200rpx;
4 | background-color: #fff;
5 | }
6 |
7 | .mask-demo .lin-transition {
8 | display: flex;
9 | flex-direction: row;
10 | align-items: center;
11 | justify-content: center;
12 | }
13 |
--------------------------------------------------------------------------------
/examples/pages/component/nav-bar/index.js:
--------------------------------------------------------------------------------
1 | Page({
2 | /**
3 | * 页面的初始数据
4 | */
5 | data: {},
6 |
7 | onClickLeft() {
8 | wx.showToast({ title: "点击返回", icon: "none" });
9 | },
10 |
11 | onClickRight() {
12 | wx.showToast({ title: "点击按钮", icon: "none" });
13 | }
14 | });
15 |
--------------------------------------------------------------------------------
/examples/pages/component/nav-bar/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "NavBar 导航栏"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/nav-bar/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/examples/pages/component/nav-bar/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/nav-bar/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/notice-bar/index.js:
--------------------------------------------------------------------------------
1 | Page({
2 | /**
3 | * 页面的初始数据
4 | */
5 | data: {}
6 | });
7 |
--------------------------------------------------------------------------------
/examples/pages/component/notice-bar/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "NoticeBar 通告栏"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/notice-bar/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/notice-bar/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/notify/index.js:
--------------------------------------------------------------------------------
1 | import Notify from "../../../dist/notify/notify";
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {},
7 |
8 | onClick1() {
9 | Notify("通知内容");
10 | },
11 |
12 | onClick2(event) {
13 | const type = event.currentTarget.dataset.type;
14 | Notify({ type, message: "通知内容" });
15 | },
16 |
17 | onClick3() {
18 | Notify({
19 | message: "自定义颜色",
20 | color: "#ad0000",
21 | background: "#ffe1e1"
22 | });
23 | },
24 | onClick4() {
25 | Notify({
26 | message: "自定义时长",
27 | duration: 1000
28 | });
29 | }
30 | });
31 |
--------------------------------------------------------------------------------
/examples/pages/component/notify/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Notify 消息提示"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/notify/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/notify/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/panel/index.js:
--------------------------------------------------------------------------------
1 | Page({
2 | /**
3 | * 页面的初始数据
4 | */
5 | data: {}
6 | });
7 |
--------------------------------------------------------------------------------
/examples/pages/component/panel/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Panel 面板"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/panel/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 内容
5 |
6 |
7 |
8 |
9 | 内容
10 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/examples/pages/component/panel/index.wxss:
--------------------------------------------------------------------------------
1 | .panel-footer {
2 | text-align: right;
3 | }
4 |
5 | .panel-footer > .panel-button {
6 | margin-left: 20rpx;
7 | }
8 |
--------------------------------------------------------------------------------
/examples/pages/component/password-keyboard/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "PasswordKeyboard 密码键盘"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/password-keyboard/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/password-keyboard/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/picker/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Picker 选择器"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/picker/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/picker/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/popup/index.js:
--------------------------------------------------------------------------------
1 | // pages/component/popup/index.js
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {
7 | show1: false,
8 | show2: false,
9 | show3: false,
10 | show4: false,
11 | show5: false,
12 | show6: false,
13 | show7: false,
14 | show8: false,
15 | show9: false
16 | },
17 |
18 | setShowData(event) {
19 | const key = event.currentTarget.dataset.show;
20 | this.setData({ [key]: true });
21 | },
22 |
23 | onMaskClick(event) {
24 | const key = event.currentTarget.dataset.show;
25 | this.setData({ [key]: false });
26 | }
27 | });
28 |
--------------------------------------------------------------------------------
/examples/pages/component/popup/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Popup 弹出层"
4 | }
--------------------------------------------------------------------------------
/examples/pages/component/popup/index.wxss:
--------------------------------------------------------------------------------
1 | /* pages/component/popup/index.wxss */
2 |
--------------------------------------------------------------------------------
/examples/pages/component/progress/index.js:
--------------------------------------------------------------------------------
1 | Page({
2 | /**
3 | * 页面的初始数据
4 | */
5 | data: {}
6 | });
7 |
--------------------------------------------------------------------------------
/examples/pages/component/progress/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Progress 进度条"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/progress/index.wxss:
--------------------------------------------------------------------------------
1 | .lin-progress-item {
2 | height: 40rpx;
3 | }
4 |
--------------------------------------------------------------------------------
/examples/pages/component/radio/index.js:
--------------------------------------------------------------------------------
1 | // pages/component/radio/index.js
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {
7 | radio1: "1",
8 | radio2: "1",
9 | radio3: "",
10 | radio4: "2",
11 | radio5: "2",
12 | radio6: "2",
13 | radio7: "2",
14 | radio8: "2"
15 | },
16 |
17 | onChange(event) {
18 | const key = event.currentTarget.dataset.key;
19 | this.setData({
20 | [key]: event.detail
21 | });
22 | },
23 |
24 | onClick(event) {
25 | const name = event.currentTarget.dataset.name;
26 | this.setData({
27 | radio8: name
28 | });
29 | }
30 | });
31 |
--------------------------------------------------------------------------------
/examples/pages/component/radio/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Radio 单选框"
4 | }
--------------------------------------------------------------------------------
/examples/pages/component/radio/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/radio/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/rate/index.js:
--------------------------------------------------------------------------------
1 | // pages/component/rate/index.js
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {
7 | value1: 1,
8 | value2: 2,
9 | value3: 2,
10 | value4: 2.5,
11 | value5: 2,
12 | value6: 2,
13 | value7: 2
14 | },
15 |
16 | onChange(event) {
17 | const key = event.currentTarget.dataset.key;
18 | this.setData({
19 | [key]: event.detail
20 | });
21 | }
22 | });
23 |
--------------------------------------------------------------------------------
/examples/pages/component/rate/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Rate 评分"
4 | }
--------------------------------------------------------------------------------
/examples/pages/component/rate/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/rate/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/search/index.js:
--------------------------------------------------------------------------------
1 | // pages/component/search/index.js
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {
7 | value1: "",
8 | value2: "",
9 | value3: "",
10 | value4: "",
11 | value5: "",
12 | value6: ""
13 | },
14 |
15 | onSearch(event) {
16 | wx.showToast({
17 | icon: "none",
18 | title: event.detail
19 | });
20 | },
21 |
22 | onCancel() {
23 | wx.showToast({
24 | icon: "none",
25 | title: "取消"
26 | });
27 | },
28 |
29 | onClick() {
30 | wx.showToast({
31 | title: "click"
32 | });
33 | }
34 | });
35 |
--------------------------------------------------------------------------------
/examples/pages/component/search/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Search 搜索"
4 | }
--------------------------------------------------------------------------------
/examples/pages/component/search/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/search/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/share-sheet/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "ShareSheet 分享面板"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/share-sheet/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/share-sheet/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/sidebar/index.js:
--------------------------------------------------------------------------------
1 | Page({
2 | /**
3 | * 页面的初始数据
4 | */
5 | data: {
6 | activeKey1: 0,
7 | activeKey2: 1,
8 | activeKey3: 0,
9 | activeKey4: 0
10 | },
11 |
12 | onChange(event) {
13 | const { key } = event.currentTarget.dataset;
14 | this.setData({
15 | [key]: event.detail
16 | });
17 | },
18 |
19 | onChange1(event) {
20 | const { key } = event.currentTarget.dataset;
21 | this.setData({
22 | [key]: event.detail
23 | });
24 | wx.showToast({
25 | title: `标签${event.detail * 1 + 1}`,
26 | icon: "none"
27 | });
28 | }
29 | });
30 |
--------------------------------------------------------------------------------
/examples/pages/component/sidebar/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Sidebar 侧边导航"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/sidebar/index.wxss:
--------------------------------------------------------------------------------
1 | page {
2 | background-color: #fff;
3 | }
4 |
5 | .sidebar-container {
6 | box-sizing: border-box;
7 | display: flex;
8 | flex-direction: row;
9 | flex-wrap: wrap;
10 | }
11 |
12 | .demo-block {
13 | width: 50%;
14 | }
15 |
--------------------------------------------------------------------------------
/examples/pages/component/skeleton/index.js:
--------------------------------------------------------------------------------
1 | Page({
2 | /**
3 | * 页面的初始数据
4 | */
5 | data: {
6 | loading: false
7 | },
8 |
9 | onChange(event) {
10 | this.setData({ loading: event.detail });
11 | }
12 | });
13 |
--------------------------------------------------------------------------------
/examples/pages/component/skeleton/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Skeleton 骨架屏"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/skeleton/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 | 实际内容
14 |
15 |
16 |
--------------------------------------------------------------------------------
/examples/pages/component/skeleton/index.wxss:
--------------------------------------------------------------------------------
1 | .lin-switch-item {
2 | margin-bottom: 40rpx;
3 | }
4 |
--------------------------------------------------------------------------------
/examples/pages/component/slider/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Slider 滑块"
4 | }
--------------------------------------------------------------------------------
/examples/pages/component/slider/index.wxss:
--------------------------------------------------------------------------------
1 | .slider-custom-button {
2 | width: 26px;
3 | font-size: 10px;
4 | line-height: 18px;
5 | color: #fff;
6 | text-align: center;
7 | background-color: #ee0a24;
8 | border-radius: 100px;
9 | }
10 |
--------------------------------------------------------------------------------
/examples/pages/component/stepper/index.js:
--------------------------------------------------------------------------------
1 | // pages/component/stepper/index.js
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {
7 | value: 1
8 | },
9 |
10 | onChange(event) {
11 | wx.showToast({
12 | icon: "none",
13 | title: `当前值:${event.detail}`
14 | });
15 | },
16 |
17 | onChange1(event) {
18 | setTimeout(() => {
19 | this.setData({
20 | value: event.detail
21 | });
22 | }, 3000);
23 | }
24 | });
25 |
--------------------------------------------------------------------------------
/examples/pages/component/stepper/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Stepper 步进器"
4 | }
--------------------------------------------------------------------------------
/examples/pages/component/stepper/index.wxss:
--------------------------------------------------------------------------------
1 | page {
2 | background-color: #fff;
3 | }
4 |
--------------------------------------------------------------------------------
/examples/pages/component/steps/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Steps 步骤条"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/steps/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/steps/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/sticky/index.js:
--------------------------------------------------------------------------------
1 | Page({
2 | /**
3 | * 页面的初始数据
4 | */
5 | data: {
6 | container: null,
7 | scrollTop: 0,
8 | offsetTop: 0
9 | },
10 |
11 | onScroll(event) {
12 | wx.createSelectorQuery()
13 | .select("#scroller")
14 | .boundingClientRect((res) => {
15 | this.setData({
16 | scrollTop: event.detail.scrollTop,
17 | offsetTop: res.top
18 | });
19 | })
20 | .exec();
21 | }
22 | });
23 |
--------------------------------------------------------------------------------
/examples/pages/component/sticky/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Sticky 粘性布局"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/sticky/index.wxss:
--------------------------------------------------------------------------------
1 | page {
2 | height: 1000px;
3 | }
4 |
--------------------------------------------------------------------------------
/examples/pages/component/submit-bar/index.js:
--------------------------------------------------------------------------------
1 | Page({
2 | /**
3 | * 页面的初始数据
4 | */
5 | data: {
6 | checked: true
7 | },
8 |
9 | onChange(event) {
10 | this.setData({
11 | checked: event.detail
12 | });
13 | },
14 |
15 | onSubmit() {
16 | wx.showToast({
17 | title: "submit",
18 | icon: "none"
19 | });
20 | }
21 | });
22 |
--------------------------------------------------------------------------------
/examples/pages/component/submit-bar/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "SubmitBar 提交订单栏"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/submit-bar/index.wxss:
--------------------------------------------------------------------------------
1 | .container {
2 | padding: 20rpx 0;
3 | }
4 |
5 | .tip-wrapper {
6 | padding: 16rpx 24rpx;
7 | font-size: 24rpx;
8 | line-height: 1.5;
9 | color: #f56723;
10 | background-color: #fff7cc;
11 | }
12 |
13 | .tip-text {
14 | color: #1989fa;
15 | }
16 |
--------------------------------------------------------------------------------
/examples/pages/component/swipe-cell/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "SwipeCell 滑动单元格"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/swipe-cell/index.wxss:
--------------------------------------------------------------------------------
1 | .common-button {
2 | height: 76rpx;
3 | padding: 0 15px;
4 | font-size: 14px;
5 | line-height: 76rpx;
6 | text-align: center;
7 | }
8 |
9 | .select-button {
10 | color: #fff;
11 | background-color: #07c160;
12 | border: 1px solid #07c160;
13 | }
14 |
15 | .del-button {
16 | color: #fff;
17 | background-color: #ee0a24;
18 | border: 1px solid #ee0a24;
19 | }
20 |
--------------------------------------------------------------------------------
/examples/pages/component/switch/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Switch 开关"
4 | }
5 |
--------------------------------------------------------------------------------
/examples/pages/component/switch/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/switch/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/tab/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Tab 标签页"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/tab/index.wxss:
--------------------------------------------------------------------------------
1 | .container {
2 | padding: 20rpx 0;
3 | }
4 |
--------------------------------------------------------------------------------
/examples/pages/component/tabbar/index.js:
--------------------------------------------------------------------------------
1 | Page({
2 | /**
3 | * 页面的初始数据
4 | */
5 | data: {
6 | active1: 0,
7 | active2: "like",
8 | active3: 0,
9 | active4: 0,
10 | active5: 0
11 | },
12 |
13 | onChange(event) {
14 | const { key } = event.currentTarget.dataset;
15 | this.setData({ [key]: event.detail });
16 | }
17 | });
18 |
--------------------------------------------------------------------------------
/examples/pages/component/tabbar/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Tabbar 标签栏"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/tabbar/index.wxss:
--------------------------------------------------------------------------------
1 | .container {
2 | padding: 20rpx 0;
3 | }
4 |
--------------------------------------------------------------------------------
/examples/pages/component/tag/index.js:
--------------------------------------------------------------------------------
1 | Page({
2 | /**
3 | * 页面的初始数据
4 | */
5 | data: {
6 | show: {
7 | primary: true,
8 | success: true
9 | }
10 | },
11 |
12 | onClose(event) {
13 | this.setData({
14 | [`show.${event.target.id}`]: false
15 | });
16 | }
17 | });
18 |
--------------------------------------------------------------------------------
/examples/pages/component/tag/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Tag 标签"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/tag/index.wxss:
--------------------------------------------------------------------------------
1 | .lin-tag-item + .lin-tag-item {
2 | margin-left: 20rpx;
3 | }
4 |
--------------------------------------------------------------------------------
/examples/pages/component/toast/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Toast 轻提示"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/toast/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/toast/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/transition/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Transition 动画"
4 | }
--------------------------------------------------------------------------------
/examples/pages/component/tree-select/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "TreeSelect 分类选择"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/tree-select/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/tree-select/index.wxss
--------------------------------------------------------------------------------
/examples/pages/component/uploader/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {},
4 | "navigationBarTitleText": "Uploader 文件上传"
5 | }
6 |
--------------------------------------------------------------------------------
/examples/pages/component/uploader/index.wxss:
--------------------------------------------------------------------------------
1 | page {
2 | background-color: #fff;
3 | }
4 |
--------------------------------------------------------------------------------
/examples/pages/component/water-flow/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "usingComponents": {
4 | "water-flow-item":"/components/water-flow-item/index"
5 | },
6 | "navigationBarTitleText": "WaterFlow 瀑布流"
7 | }
8 |
--------------------------------------------------------------------------------
/examples/pages/component/water-flow/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/examples/pages/component/water-flow/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/component/water-flow/index.wxss
--------------------------------------------------------------------------------
/examples/pages/extends/apiCache/index.js:
--------------------------------------------------------------------------------
1 | // import apiCache from "../../../dist/extends/apiCache/index";
2 |
3 | import markdown from "./markdown";
4 |
5 | // apiCache.setCacheConfig({ cache: 1, expire: 5000 });
6 | Page({
7 | /**
8 | * 页面的初始数据
9 | */
10 | data: {
11 | markdown
12 | }
13 |
14 | // onClick() {
15 | // apiCache
16 | // .get('https://cnodejs.org/api/v1/topics', {
17 | // data: {
18 | // page: 1,
19 | // limit: 4
20 | // }
21 | // })
22 | // .then((res) => {
23 | // console.log(res);
24 | // });
25 | // },
26 | });
27 |
--------------------------------------------------------------------------------
/examples/pages/extends/apiCache/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "接口缓存"
4 | }
5 |
--------------------------------------------------------------------------------
/examples/pages/extends/apiCache/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/examples/pages/extends/apiCache/index.wxss:
--------------------------------------------------------------------------------
1 | /* pages/extends/apiCache/index.wxss */
2 |
--------------------------------------------------------------------------------
/examples/pages/extends/request/index.js:
--------------------------------------------------------------------------------
1 | import markdown from "./markdown";
2 |
3 | Page({
4 | /**
5 | * 页面的初始数据
6 | */
7 | data: {
8 | markdown
9 | }
10 | });
11 |
--------------------------------------------------------------------------------
/examples/pages/extends/request/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Request 网络请求"
4 | }
--------------------------------------------------------------------------------
/examples/pages/extends/request/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/examples/pages/extends/request/index.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/examples/pages/extends/request/index.wxss
--------------------------------------------------------------------------------
/examples/pages/extends/storage/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "Storage 本地缓存"
4 | }
--------------------------------------------------------------------------------
/examples/pages/extends/storage/index.wxss:
--------------------------------------------------------------------------------
1 | /* pages/extends/storage/index.wxss */
2 |
--------------------------------------------------------------------------------
/examples/pages/navigator/about/index.js:
--------------------------------------------------------------------------------
1 | // pages/about/index.js
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {},
7 |
8 | copyLink(event) {
9 | wx.setClipboardData({
10 | data: event.currentTarget.dataset.link,
11 | success: () => {
12 | wx.showToast({
13 | title: "已复制",
14 | duration: 1000
15 | });
16 | }
17 | });
18 | }
19 | });
20 |
--------------------------------------------------------------------------------
/examples/pages/navigator/about/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "关于"
4 | }
--------------------------------------------------------------------------------
/examples/pages/navigator/basics/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {
3 |
4 | },
5 | "navigationBarTitleText": "基础组件"
6 |
7 | }
--------------------------------------------------------------------------------
/examples/pages/navigator/basics/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/examples/pages/navigator/basics/index.wxss:
--------------------------------------------------------------------------------
1 | page {
2 | background-color: #fff;
3 | }
4 |
--------------------------------------------------------------------------------
/examples/pages/navigator/business/index.js:
--------------------------------------------------------------------------------
1 | // pages/navigator/business/index.js
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {
7 | list: [
8 | {
9 | name: "Area 省市区选择",
10 | path: "/pages/component/area/index"
11 | },
12 | {
13 | name: "Card 商品卡片",
14 | path: "/pages/component/card/index"
15 | },
16 | {
17 | name: "SubmitBar 提交订单栏",
18 | path: "/pages/component/submit-bar/index"
19 | },
20 | {
21 | name: "GoodsAction 商品导航",
22 | path: "/pages/component/goods-action/index"
23 | }
24 | ]
25 | }
26 | });
27 |
--------------------------------------------------------------------------------
/examples/pages/navigator/business/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "业务组件"
4 | }
5 |
--------------------------------------------------------------------------------
/examples/pages/navigator/business/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/examples/pages/navigator/business/index.wxss:
--------------------------------------------------------------------------------
1 | page {
2 | background-color: #fff;
3 | }
4 |
--------------------------------------------------------------------------------
/examples/pages/navigator/cartoon/index.js:
--------------------------------------------------------------------------------
1 | // pages/cartoon/index.js
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {
7 | list: []
8 | }
9 | });
10 |
--------------------------------------------------------------------------------
/examples/pages/navigator/cartoon/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "动画组件"
4 | }
--------------------------------------------------------------------------------
/examples/pages/navigator/cartoon/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/examples/pages/navigator/cartoon/index.wxss:
--------------------------------------------------------------------------------
1 | /* pages/cartoon/index.wxss */
2 |
--------------------------------------------------------------------------------
/examples/pages/navigator/extend/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "扩展"
4 | }
--------------------------------------------------------------------------------
/examples/pages/navigator/extend/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/examples/pages/navigator/extend/index.wxss:
--------------------------------------------------------------------------------
1 | .extend-container {
2 | padding: 20rpx;
3 | }
4 |
--------------------------------------------------------------------------------
/examples/pages/navigator/form/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "表单组件"
4 | }
--------------------------------------------------------------------------------
/examples/pages/navigator/form/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/examples/pages/navigator/form/index.wxss:
--------------------------------------------------------------------------------
1 | page {
2 | background-color: #fff;
3 | }
4 |
--------------------------------------------------------------------------------
/examples/pages/navigator/index/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {
3 | "nav-card":"/components/navCard/index"
4 | },
5 | "navigationBarTitleText": "组件"
6 | }
--------------------------------------------------------------------------------
/examples/pages/navigator/index/index.wxml:
--------------------------------------------------------------------------------
1 |
9 |
10 |
14 |
15 |
--------------------------------------------------------------------------------
/examples/pages/navigator/index/index.wxss:
--------------------------------------------------------------------------------
1 |
2 | .header {
3 | /* padding: 20rpx;
4 | border-radius: 10rpx;
5 | box-shadow: #ddd 0 0 10px; */
6 | display: flex;
7 | flex-direction: column;
8 | align-items: center;
9 | justify-content: center;
10 | }
11 |
12 | .image {
13 | display: block;
14 | width: 500rpx;
15 | height: 180rpx;
16 | }
17 |
18 | .info {
19 | margin-top: 40rpx;
20 | font-size: 36rpx;
21 | color: #666;
22 | }
23 |
--------------------------------------------------------------------------------
/examples/pages/navigator/introduce/index.js:
--------------------------------------------------------------------------------
1 | // pages/navigator/introduce/index.js
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {}
7 | });
8 |
--------------------------------------------------------------------------------
/examples/pages/navigator/introduce/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "关于"
4 | }
--------------------------------------------------------------------------------
/examples/pages/navigator/introduce/index.wxss:
--------------------------------------------------------------------------------
1 | page {
2 | box-sizing: border-box;
3 | padding: 30rpx;
4 | }
5 |
6 | .content {
7 | padding: 30rpx;
8 | background-color: #fff;
9 | }
10 |
11 | .title {
12 | font-size: 36rpx;
13 | font-weight: 700;
14 | color: #333;
15 | text-align: center;
16 | }
17 |
18 | .info {
19 | font-size: 32rpx;
20 | line-height: 50rpx;
21 | text-indent: 2em;
22 | }
23 |
--------------------------------------------------------------------------------
/examples/pages/navigator/layout/index.js:
--------------------------------------------------------------------------------
1 | // pages/layout/index.js
2 | Page({
3 | /**
4 | * 页面的初始数据
5 | */
6 | data: {}
7 | });
8 |
--------------------------------------------------------------------------------
/examples/pages/navigator/layout/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "布局组件"
4 | }
--------------------------------------------------------------------------------
/examples/pages/navigator/layout/index.wxml:
--------------------------------------------------------------------------------
1 |
2 | pages/layout/index.wxml
3 |
--------------------------------------------------------------------------------
/examples/pages/navigator/layout/index.wxss:
--------------------------------------------------------------------------------
1 | /* pages/layout/index.wxss */
2 |
--------------------------------------------------------------------------------
/examples/pages/navigator/logs/index.js:
--------------------------------------------------------------------------------
1 | import list from "./logs.js";
2 |
3 | import { logsType } from "../../../config/index.js";
4 | Page({
5 | /**
6 | * 页面的初始数据
7 | */
8 | data: {
9 | list: list,
10 | addComponent: logsType.ADDCOMPONENT
11 | }
12 | });
13 |
--------------------------------------------------------------------------------
/examples/pages/navigator/logs/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "更新日志"
4 | }
--------------------------------------------------------------------------------
/examples/pages/navigator/navigation/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "导航组件"
4 | }
--------------------------------------------------------------------------------
/examples/pages/navigator/navigation/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/examples/pages/navigator/navigation/index.wxss:
--------------------------------------------------------------------------------
1 | page {
2 | background-color: #fff;
3 | }
4 |
--------------------------------------------------------------------------------
/examples/pages/navigator/operation/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "反馈组件"
4 | }
--------------------------------------------------------------------------------
/examples/pages/navigator/operation/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/examples/pages/navigator/operation/index.wxss:
--------------------------------------------------------------------------------
1 | page {
2 | background-color: #fff;
3 | }
4 |
--------------------------------------------------------------------------------
/examples/pages/navigator/view/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "usingComponents": {},
3 | "navigationBarTitleText": "展示组件"
4 | }
--------------------------------------------------------------------------------
/examples/pages/navigator/view/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/examples/pages/navigator/view/index.wxss:
--------------------------------------------------------------------------------
1 | page {
2 | background-color: #fff;
3 | }
4 |
--------------------------------------------------------------------------------
/examples/sitemap.json:
--------------------------------------------------------------------------------
1 | {
2 | "desc": "关于本文件的更多信息,请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
3 | "rules": [{
4 | "action": "allow",
5 | "page": "*"
6 | }]
7 | }
--------------------------------------------------------------------------------
/examples/utils/util.js:
--------------------------------------------------------------------------------
1 | const formatTime = (date) => {
2 | const year = date.getFullYear();
3 | const month = date.getMonth() + 1;
4 | const day = date.getDate();
5 | const hour = date.getHours();
6 | const minute = date.getMinutes();
7 | const second = date.getSeconds();
8 |
9 | return (
10 | [year, month, day].map(formatNumber).join("/") +
11 | " " +
12 | [hour, minute, second].map(formatNumber).join(":")
13 | );
14 | };
15 |
16 | const formatNumber = (n) => {
17 | n = n.toString();
18 | return n[1] ? n : "0" + n;
19 | };
20 |
21 | module.exports = {
22 | formatTime: formatTime
23 | };
24 |
--------------------------------------------------------------------------------
/lint-staged.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | "*.{css,scss,wxss}": ["stylelint **/*.{css,scss,wxss} --fix"],
3 | "*.{ts,js,json}": ["prettier --write", "eslint --fix", "eslint"]
4 | };
5 |
--------------------------------------------------------------------------------
/packages/action-sheet/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-icon":"../icon/index",
6 | "lin-popup":"../popup/index",
7 | "lin-loading":"../loading/index"
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/packages/area/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-picker": "../picker/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/packages/area/index.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/packages/area/index.scss
--------------------------------------------------------------------------------
/packages/area/index.wxml:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/packages/backtop/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/backtop/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/packages/behaviors/form-controls.ts:
--------------------------------------------------------------------------------
1 | export default Behavior({
2 | methods: {
3 | // 调用FormItem组件的onChange事件
4 | triggerParentChange(data: any) {
5 | if (this.parent) {
6 | (this.parent as any).onChange(data);
7 | }
8 | },
9 | // 调用FormItem组件的onBlur事件
10 | triggerParentBlur(data: any) {
11 | if (this.parent) {
12 | (this.parent as any).onBlur(data);
13 | }
14 | }
15 | }
16 | });
17 |
--------------------------------------------------------------------------------
/packages/behaviors/link.ts:
--------------------------------------------------------------------------------
1 | const LinkBehavior = Behavior({
2 | properties: {
3 | // 链接跳转类型
4 | linkType: {
5 | type: String,
6 | value: "navigateTo",
7 | options: ["navigateTo", "redirectTo", "switchTab", "reLaunch"]
8 | }
9 | },
10 | methods: {
11 | // 跳转页面
12 | jump(url: string | null | undefined) {
13 | if (url) {
14 | const { linkType } = this.properties;
15 | wx[linkType]({ url });
16 | }
17 | }
18 | }
19 | });
20 | export default LinkBehavior;
21 |
--------------------------------------------------------------------------------
/packages/behaviors/safeAreaInsetTop.ts:
--------------------------------------------------------------------------------
1 | import { getSystemInfoSync } from "../common/utils";
2 | const SafeAreaInsetTopBehavior = Behavior({
3 | properties: {
4 | // 是否留出顶部安全距离(状态栏高度)
5 | safeAreaInsetTop: {
6 | type: Boolean,
7 | value: false
8 | }
9 | },
10 | data: {
11 | // 状态栏高度
12 | statusBarHeight: "0px"
13 | },
14 | ready() {
15 | // 获取状态栏高度
16 | const { statusBarHeight } = getSystemInfoSync();
17 | this.setData({
18 | statusBarHeight: `${statusBarHeight}px`
19 | });
20 | }
21 | });
22 |
23 | export default SafeAreaInsetTopBehavior;
24 |
--------------------------------------------------------------------------------
/packages/button/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index",
5 | "lin-loading": "../loading/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/packages/calendar/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index",
5 | "lin-popup": "../popup/index",
6 | "lin-button": "../button/index"
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/packages/calendar/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/packages/card/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-tag": "../tag/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/packages/cell-group/index.json:
--------------------------------------------------------------------------------
1 | {
2 |
3 | "component": true
4 | }
--------------------------------------------------------------------------------
/packages/cell-group/index.scss:
--------------------------------------------------------------------------------
1 | @import '../../src/style/var.scss';
2 |
3 | .lin-cell-group-title {
4 | padding: 32rpx 32rpx 16rpx;
5 | font-size: $font-size-5;
6 | line-height: 32rpx;
7 | color: $gray-7;
8 | }
9 |
10 | .lin-cell-group-border {
11 | border: 1px solid $gray-3;
12 | }
13 |
--------------------------------------------------------------------------------
/packages/cell-group/index.wxml:
--------------------------------------------------------------------------------
1 | {{title}}
2 |
3 |
4 |
--------------------------------------------------------------------------------
/packages/cell/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index"
5 | }
6 | }
--------------------------------------------------------------------------------
/packages/checkbox-group/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true
3 | }
4 |
--------------------------------------------------------------------------------
/packages/checkbox-group/index.scss:
--------------------------------------------------------------------------------
1 | .lin-check-group {
2 | display: flex;
3 | }
4 |
5 | .lin-check-group-direction-column {
6 | flex-direction: column;
7 | }
8 |
9 | .lin-check-group-direction-row {
10 | flex-direction: row;
11 | flex-wrap: wrap;
12 | }
13 |
--------------------------------------------------------------------------------
/packages/checkbox-group/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/packages/checkbox/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/packages/checkbox/index.scss:
--------------------------------------------------------------------------------
1 | @import '../../src/style/var.scss';
2 |
3 | .lin-checkbox {
4 | display: flex;
5 | flex-direction: row;
6 | align-items: center;
7 | height: 60rpx;
8 | font-size: $font-size-7;
9 | line-height: 60rpx;
10 | color: $gray-8;
11 | }
12 |
13 | .lin-checkbox-icon-wrapper {
14 | margin-right: 14rpx;
15 | }
16 |
17 | .lin-checkbox-checked {
18 | .lin-checkbox-icon {
19 | color: $primary;
20 | }
21 | }
22 |
23 | .lin-checkbox-disabled {
24 | color: $gray-5;
25 | cursor: not-allowed;
26 | }
27 |
--------------------------------------------------------------------------------
/packages/col/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true
3 | }
--------------------------------------------------------------------------------
/packages/col/index.scss:
--------------------------------------------------------------------------------
1 | .lin-col {
2 | box-sizing: border-box;
3 | float: left;
4 | }
5 |
6 | @for $i from 0 through 24 {
7 | .lin-col-span-#{$i} {
8 | width: (1 / 24 * $i) * 100%;
9 | }
10 | .lin-col-offset-#{$i} {
11 | margin-left: (1 / 24 * $i) * 100%;
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/packages/col/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/packages/collapse-item/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-cell": "../cell/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/packages/collapse/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/collapse/index.scss:
--------------------------------------------------------------------------------
1 | .lin-collapse-border {
2 | position: relative;
3 |
4 | &::after {
5 | position: absolute;
6 | top: -50%;
7 | right: -50%;
8 | bottom: -50%;
9 | left: -50%;
10 | box-sizing: border-box;
11 | pointer-events: none;
12 | content: " ";
13 | border: 0 solid #ebedf0;
14 | border-width: 1px 0;
15 | transform: scale(0.5);
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/collapse/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/packages/common/color.ts:
--------------------------------------------------------------------------------
1 | export const RED = "#ee0a24";
2 | export const BLUE = "#1989fa";
3 | export const WHITE = "#fff";
4 | export const GREEN = "#07c160";
5 | export const ORANGE = "#ff976a";
6 | export const GRAY5 = "#c8c9cc";
7 | export const GRAY6 = "#969799";
8 | export const GRAY8 = "#323233";
9 | export const DISABLEDCOLOR = "#bdbdbd";
10 |
--------------------------------------------------------------------------------
/packages/common/config.ts:
--------------------------------------------------------------------------------
1 | export const publicPath = "http://wxui.linjiafu.top";
2 |
3 | export const requestPath = "https://linjiafu.top";
4 |
5 | export const imagePath = `${publicPath}/static/images`;
6 |
7 | export const jsonPath = `${requestPath}/static/json`;
8 |
9 | export const emptyCompImages = {
10 | default: `${imagePath}/default.png`,
11 | error: `${imagePath}/error.png`,
12 | network: `${imagePath}/network.png`,
13 | search: `${imagePath}/search.png`
14 | };
15 |
16 | export const areaJsonPath = `${jsonPath}/area.json`;
17 |
--------------------------------------------------------------------------------
/packages/count-down/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/count-down/index.scss:
--------------------------------------------------------------------------------
1 | @import "../../src/style/var.scss";
2 |
3 | .lin-count-down {
4 | font-size: $font-size-5;
5 | line-height: 40rpx;
6 | color: $gray-8;
7 | }
8 |
--------------------------------------------------------------------------------
/packages/count-down/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{formattedTime}}
4 |
--------------------------------------------------------------------------------
/packages/dialog/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-popup": "../popup/index",
5 | "lin-loading":"../loading/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/packages/divider/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/divider/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/packages/dropdown-item/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-popup": "../popup/index",
5 | "lin-icon": "../icon/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/packages/dropdown-menu/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/dropdown-menu/index.wxs:
--------------------------------------------------------------------------------
1 | // 显示标题
2 | function displayTitle(item) {
3 | if (item.title) {
4 | return item.title;
5 | }
6 | // 找出选中的值
7 | var match = item.options.filter(function(option) {
8 | return option.value == item.value;
9 | });
10 | // 显示选中的值
11 | var displayTitle = match.length ? match[0].text : "";
12 | return displayTitle;
13 | }
14 |
15 | module.exports = {
16 | displayTitle: displayTitle,
17 | };
18 |
--------------------------------------------------------------------------------
/packages/dropdown-menu/props.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | // 菜单标题和选项的选中态颜色
3 | activeColor: "",
4 | // 动画时长,单位毫秒
5 | duration: 200,
6 | // 菜单展开方向
7 | direction: "down",
8 | // 是否显示遮罩层
9 | mask: true,
10 | // 是否在点击遮罩层后关闭菜单
11 | closeOnClickMask: true
12 | };
13 |
--------------------------------------------------------------------------------
/packages/empty/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/empty/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | {{description}}
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/packages/extends/request/cancel/Cancel.ts:
--------------------------------------------------------------------------------
1 | export default class Cancel {
2 | message: string;
3 | constructor(message: string) {
4 | this.message = message;
5 | }
6 | }
7 |
8 | export function isCancel(value: any): value is Cancel {
9 | return value instanceof Cancel;
10 | }
11 |
--------------------------------------------------------------------------------
/packages/extends/request/core/transform.ts:
--------------------------------------------------------------------------------
1 | // 处理 transformRequest transformRespond
2 | export default function transform(
3 | data: any,
4 | headers: any,
5 | fns: Array | Function
6 | ) {
7 | if (!fns) {
8 | return data;
9 | }
10 | // 开发者传进来的,transformRequest transformRespond可能不是数组,统一转成数组去处理
11 | if (!Array.isArray(fns)) {
12 | fns = [fns];
13 | }
14 |
15 | fns.forEach((fn) => {
16 | data = fn(data, headers);
17 | });
18 |
19 | return data;
20 | }
21 |
--------------------------------------------------------------------------------
/packages/extends/request/index.ts:
--------------------------------------------------------------------------------
1 | import request from "./request";
2 |
3 | export default request;
4 |
--------------------------------------------------------------------------------
/packages/field/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-cell": "../cell/index",
5 | "lin-icon": "../icon/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/packages/float-button/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-icon":"../icon/index",
6 | "lin-mask":"../mask/index"
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/packages/form-item/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/form/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/form/index.scss:
--------------------------------------------------------------------------------
1 | @import '../../src/style/var.scss';
2 |
3 | .lin-form {
4 | padding: 0 32rpx;
5 | background-color: $white;
6 | }
7 |
8 | .lin-form-footer {
9 | box-sizing: border-box;
10 | padding: 20rpx 0;
11 | }
12 |
--------------------------------------------------------------------------------
/packages/form/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
--------------------------------------------------------------------------------
/packages/goods-action-button/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-button": "../button/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/packages/goods-action-button/index.scss:
--------------------------------------------------------------------------------
1 | .lin-goods-action-button {
2 | justify-content: center;
3 | width: 100%;
4 | border-radius: 0 !important;
5 | }
6 |
7 | .lin-goods-action-button-first {
8 | border-top-left-radius: 999px !important;
9 | border-bottom-left-radius: 999px !important;
10 | // margin-left: 10px !important;
11 | }
12 |
13 | .lin-goods-action-button-last {
14 | border-top-right-radius: 999px !important;
15 | border-bottom-right-radius: 999px !important;
16 | // margin-right: 10px !important;
17 | }
18 |
--------------------------------------------------------------------------------
/packages/goods-action-icon/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index",
5 | "lin-button": "../button/index",
6 | "lin-info": "../info/index"
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/packages/goods-action/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/goods-action/index.scss:
--------------------------------------------------------------------------------
1 | @import "../../src/style/var.scss";
2 |
3 | .lin-goods-action {
4 | position: relative;
5 | // box-sizing: border-box;
6 | display: flex;
7 | flex-direction: row;
8 | align-items: center;
9 | height: 100rpx;
10 | padding-right: 10rpx;
11 | background-color: $white;
12 |
13 | lin-goods-action-button {
14 | box-sizing: border-box;
15 | flex: 1;
16 | }
17 | }
18 |
19 | .lin-goods-action-safeBottom {
20 | padding-bottom: constant(safe-area-inset-bottom);
21 | padding-bottom: env(safe-area-inset-bottom);
22 | }
23 |
--------------------------------------------------------------------------------
/packages/goods-action/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/packages/grid-item/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/packages/grid/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/grid/index.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/packages/grid/index.scss
--------------------------------------------------------------------------------
/packages/grid/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/packages/icon/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {}
4 | }
5 |
--------------------------------------------------------------------------------
/packages/icon/index.wxml:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/packages/image/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-loading": "../loading/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/packages/index-anchor/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/index-anchor/index.scss:
--------------------------------------------------------------------------------
1 | @import '../../src/style/var.scss';
2 |
3 | .lin-index-anchor-index {
4 | position: relative;
5 | z-index: 1;
6 | box-sizing: border-box;
7 | width: 100%;
8 | padding: 0 32rpx;
9 | font-size: 28rpx;
10 | font-weight: 500;
11 | line-height: 64rpx;
12 | color: $gray-8;
13 | background-color: transparent;
14 | }
15 |
16 | .lin-index-anchor-index-fixed {
17 | position: fixed;
18 | }
19 |
20 | .lin-index-anchor-index-active {
21 | color: $red;
22 | background-color: $white;
23 | }
24 |
--------------------------------------------------------------------------------
/packages/index-anchor/index.wxs:
--------------------------------------------------------------------------------
1 | function indexStyle(data) {
2 | var style = "";
3 |
4 | if (data.fixed) {
5 | style += "top:" + data.stickyOffsetTop + "px;";
6 | }
7 |
8 | if (data.zIndex) {
9 | style += "z-index:" + data.zIndex + ";";
10 | }
11 |
12 | if (data.transform) {
13 | style += "transform: translateY(" + data.transform + "px);";
14 | }
15 |
16 | return style;
17 | }
18 |
19 | module.exports = {
20 | indexStyle: indexStyle,
21 | };
22 |
--------------------------------------------------------------------------------
/packages/index-bar/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/index-bar/index.scss:
--------------------------------------------------------------------------------
1 | @import '../../src/style/var.scss';
2 |
3 | .lin-index-bar {
4 | position: relative;
5 | }
6 |
7 | .lin-index-bar-sidebar {
8 | position: fixed;
9 | top: 50%;
10 | right: 0;
11 | display: flex;
12 | flex-direction: column;
13 | align-items: center;
14 | transform: translateY(-50%);
15 | }
16 |
17 | .lin-index-bar-index {
18 | padding: 0 16rpx 0 32rpx;
19 | font-size: 20rpx;
20 | font-weight: 500;
21 | line-height: 28rpx;
22 | }
23 |
24 | .lin-index-bar-index-active {
25 | color: $red;
26 | }
27 |
--------------------------------------------------------------------------------
/packages/info/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/info/index.ts:
--------------------------------------------------------------------------------
1 | import { LinComponent } from "../common/component";
2 | LinComponent({
3 | props: {
4 | // 是否在右上角显示小红点
5 | dot: Boolean,
6 | // 是否在右上角显示徽标
7 | info: {
8 | type: [String, Number]
9 | },
10 | // 根节点样式
11 | customStyle: String
12 | }
13 | });
14 |
--------------------------------------------------------------------------------
/packages/info/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{dot?'':info}}
4 |
--------------------------------------------------------------------------------
/packages/loading/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {}
4 | }
5 |
--------------------------------------------------------------------------------
/packages/loading/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{text}}
4 |
--------------------------------------------------------------------------------
/packages/mask/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-transition":"../transition/index"
5 | }
6 | }
--------------------------------------------------------------------------------
/packages/mask/index.scss:
--------------------------------------------------------------------------------
1 | .lin-mask {
2 | position: fixed;
3 | top: 0;
4 | right: 0;
5 | bottom: 0;
6 | left: 0;
7 | width: 100%;
8 | height: 100%;
9 | }
10 |
--------------------------------------------------------------------------------
/packages/mask/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/packages/nav-bar/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-icon":"../icon/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/packages/notice-bar/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-icon":"../icon/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/packages/notify/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-transition":"../transition/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/packages/notify/index.scss:
--------------------------------------------------------------------------------
1 | @import '../../src/style/var.scss';
2 |
3 | .lin-notify-container {
4 | position: fixed;
5 | top: 0;
6 | left: 0;
7 | width: 100%;
8 | }
9 |
10 | .lin-notify {
11 | box-sizing: border-box;
12 | padding: 12rpx 30rpx;
13 | font-size: $font-size-5;
14 | line-height: 40rpx;
15 | text-align: center;
16 | }
17 |
18 | @each $key,$val in $theme-color {
19 | .lin-notify-#{$key} {
20 | background-color: $val;
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/packages/notify/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | {{message}}
6 |
7 |
--------------------------------------------------------------------------------
/packages/panel/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/panel/index.ts:
--------------------------------------------------------------------------------
1 | import { LinComponent } from "../common/component";
2 | LinComponent({
3 | classes: ["header-class", "content-class", "footer-class"],
4 | props: {
5 | // 标题
6 | title: String,
7 | // 描述
8 | desc: String,
9 | // 状态
10 | status: String,
11 | // 是否使用 footer slot
12 | useFooterSlot: Boolean
13 | }
14 | });
15 |
--------------------------------------------------------------------------------
/packages/password-keyboard/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-icon":"../icon/index",
6 | "lin-popup":"../popup/index"
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/packages/picker-column/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true
3 | }
4 |
--------------------------------------------------------------------------------
/packages/picker-column/index.scss:
--------------------------------------------------------------------------------
1 | .lin-picker-column {
2 | overflow: hidden;
3 | }
4 |
5 | .lin-picker-column-item {
6 | text-align: center;
7 | }
8 |
9 | .lin-picker-column-item-disabled {
10 | cursor: not-allowed;
11 | opacity: 0.3;
12 | }
13 |
--------------------------------------------------------------------------------
/packages/picker-column/index.wxs:
--------------------------------------------------------------------------------
1 | function isObj(x) {
2 | var type = typeof x;
3 | return x !== null && (type === 'object' || type === 'function');
4 | }
5 |
6 | module.exports = function (option, textKey) {
7 | return isObj(option) && option[textKey] != null ? option[textKey] : option;
8 | }
9 |
--------------------------------------------------------------------------------
/packages/picker/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-picker-column": "../picker-column/index",
5 | "lin-loading": "../loading/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/packages/picker/toolbar.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{cancelButtonText}}
4 | {{title}}
5 | {{confirmButtonText}}
6 |
7 |
--------------------------------------------------------------------------------
/packages/popup/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index",
5 | "lin-mask":"../mask/index"
6 | }
7 | }
--------------------------------------------------------------------------------
/packages/progress/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/radio-group/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true
3 | }
4 |
--------------------------------------------------------------------------------
/packages/radio-group/index.scss:
--------------------------------------------------------------------------------
1 | .lin-radio-group {
2 | display: flex;
3 | }
4 |
5 | .lin-radio-group-direction-column {
6 | flex-direction: column;
7 | }
8 |
9 | .lin-radio-group-direction-row {
10 | flex-direction: row;
11 | flex-wrap: wrap;
12 | }
13 |
--------------------------------------------------------------------------------
/packages/radio-group/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/packages/radio/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/packages/radio/index.scss:
--------------------------------------------------------------------------------
1 | @import "../../src/style/var.scss";
2 |
3 | .lin-radio {
4 | display: flex;
5 | flex-direction: row;
6 | align-items: center;
7 | padding: 10rpx;
8 | color: $gray-8;
9 | }
10 |
11 | .lin-radio-icon {
12 | margin-right: 5rpx;
13 | }
14 |
15 | .lin-radio-label {
16 | margin-left: 5rpx;
17 | }
18 |
19 | .lin-radio-checked {
20 | .lin-radio-icon-wrapper {
21 | color: $primary;
22 | }
23 | }
24 |
25 | .lin-radio-disabled {
26 | color: $gray-5;
27 | cursor: not-allowed;
28 |
29 | .lin-radio-icon-wrapper {
30 | color: $gray-5;
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/packages/radio/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/packages/rate/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/packages/rate/index.scss:
--------------------------------------------------------------------------------
1 | .lin-rate {
2 | position: relative;
3 | display: inline-block;
4 | }
5 |
6 | .lin-rate-o {
7 | position: relative;
8 | display: flex;
9 | flex-direction: row;
10 | }
11 |
12 | .lin-rate-fill {
13 | position: absolute;
14 | top: 0;
15 | left: 0;
16 | display: flex;
17 | flex-direction: row;
18 | overflow: hidden;
19 | }
20 |
--------------------------------------------------------------------------------
/packages/row/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true
3 | }
--------------------------------------------------------------------------------
/packages/row/index.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/packages/row/index.scss
--------------------------------------------------------------------------------
/packages/row/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/packages/search/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-field": "../field/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/packages/share-sheet/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-popup":"../popup/index",
6 | "options":"./options"
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/packages/share-sheet/index.wxs:
--------------------------------------------------------------------------------
1 | // 判断是否多列显示
2 | function isMulti(options){
3 | if(options==null || options[0]==null){
4 | return false;
5 | }
6 | return "Array" === options.constructor && "Array" === options[0].constructor;
7 | }
8 |
9 | module.exports = {
10 | isMulti:isMulti
11 | }
--------------------------------------------------------------------------------
/packages/share-sheet/options.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-icon":"../icon/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/packages/sidebar-item/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-info": "../info/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/packages/sidebar-item/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/packages/sidebar/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/sidebar/index.scss:
--------------------------------------------------------------------------------
1 | .lin-sidebar {
2 | width: 160rpx;
3 | overflow-y: auto;
4 | }
5 |
--------------------------------------------------------------------------------
/packages/sidebar/index.wxml:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/packages/skeleton/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/slider/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true
3 | }
4 |
--------------------------------------------------------------------------------
/packages/stepper/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true
3 | }
4 |
--------------------------------------------------------------------------------
/packages/steps/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/packages/sticky/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/sticky/index.scss:
--------------------------------------------------------------------------------
1 |
2 | .lin-sticky-fix {
3 | position: fixed;
4 | top: 0;
5 | }
6 |
--------------------------------------------------------------------------------
/packages/sticky/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/packages/submit-bar/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-button": "../button/index",
5 | "lin-icon": "../icon/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/packages/swipe-cell/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/swipe-cell/index.scss:
--------------------------------------------------------------------------------
1 | .lin-swipe-cell {
2 | overflow: hidden;
3 | }
4 |
5 | .lin-swipe-cell-container {
6 | position: relative;
7 | }
8 |
9 | .lin-swipe-cell-left {
10 | position: absolute;
11 | top: 0;
12 | left: 0;
13 | z-index: 100;
14 | transform: translateX(-100%);
15 | }
16 |
17 | .lin-swipe-cell-right {
18 | position: absolute;
19 | top: 0;
20 | right: 0;
21 | z-index: 100;
22 | transform: translateX(100%);
23 | }
24 |
--------------------------------------------------------------------------------
/packages/switch/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-loading": "../loading/index"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/packages/switch/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/packages/tab/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/tab/index.scss:
--------------------------------------------------------------------------------
1 | @import "../../src/style/var.scss";
2 |
3 | .lin-tab {
4 | box-sizing: border-box;
5 | padding: 48rpx 40rpx;
6 | background-color: $white;
7 | }
8 |
--------------------------------------------------------------------------------
/packages/tab/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/packages/tabbar-item/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-icon": "../icon/index",
5 | "lin-info": "../info/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/packages/tabbar/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/tabbar/index.scss:
--------------------------------------------------------------------------------
1 | @import "../../src/style/var.scss";
2 |
3 | .lin-tabbar {
4 | box-sizing: content-box;
5 | width: 100%;
6 | height: 100rpx;
7 | vertical-align: bottom;
8 | background-color: $white;
9 | }
10 |
11 | .lin-tabbar-fix {
12 | position: fixed;
13 | bottom: 0;
14 | left: 0;
15 | width: 100%;
16 | }
17 |
18 | .lin-tabbar-safeBottom {
19 | padding-bottom: constant(safe-area-inset-bottom);
20 | padding-bottom: env(safe-area-inset-bottom);
21 | }
22 |
--------------------------------------------------------------------------------
/packages/tabbar/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/packages/tabs/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {
4 | "lin-sticky": "../sticky/index",
5 | "lin-info": "../info/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/packages/tag/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-icon":"../icon/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/packages/tag/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/packages/toast/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-mask":"../mask/index",
6 | "lin-transition":"../transition/index",
7 | "lin-icon":"../icon/index"
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/packages/transition/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponents": {}
4 | }
--------------------------------------------------------------------------------
/packages/transition/index.ts:
--------------------------------------------------------------------------------
1 | import { LinComponent } from "../common/component";
2 |
3 | import TransitionBehavior from "../behaviors/transition";
4 |
5 | LinComponent({
6 | mixins: [TransitionBehavior(true)],
7 | classes: [
8 | "enter-class",
9 | "enter-active-class",
10 | "enter-to-class",
11 | "leave-class",
12 | "leave-active-class",
13 | "leave-to-class"
14 | ],
15 | methods: {
16 | onClick() {
17 | this.triggerEvent("click");
18 | }
19 | }
20 | });
21 |
--------------------------------------------------------------------------------
/packages/transition/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/packages/tree-select/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "component": true,
3 | "usingComponts": {
4 | "lin-icon": "../icon/index",
5 | "lin-info": "../info/index"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/packages/tree-select/index.wxs:
--------------------------------------------------------------------------------
1 | var Array = require('../wxs/array.wxs')
2 |
3 | // 判断是否为选中状态
4 | function isActive(activeId,currentId){
5 | if(Array.isArray(activeId)){
6 | return activeId.indexOf(currentId)>-1
7 | }
8 | return activeId === currentId
9 | }
10 |
11 | module.exports={
12 | isActive:isActive
13 | }
--------------------------------------------------------------------------------
/packages/uploader/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true,
4 | "usingComponents":{
5 | "lin-icon": "../icon/index",
6 | "lin-loading": "../loading/index"
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/packages/water-flow-item/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/water-flow-item/index.scss:
--------------------------------------------------------------------------------
1 | .lin-water-flow-item {
2 | position: absolute;
3 | }
4 |
--------------------------------------------------------------------------------
/packages/water-flow-item/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/packages/water-flow/index.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "component": true
4 | }
5 |
--------------------------------------------------------------------------------
/packages/water-flow/index.scss:
--------------------------------------------------------------------------------
1 | .lin-water-flow {
2 | position: relative;
3 | }
4 |
--------------------------------------------------------------------------------
/packages/water-flow/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/packages/wxs/array.wxs:
--------------------------------------------------------------------------------
1 | function isArray(array){
2 | return array && array.constructor==='Array'
3 | }
4 |
5 | module.exports = {
6 | isArray:isArray
7 | }
--------------------------------------------------------------------------------
/qrcode.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/c10342/lin-wx-ui/27d91ffa66d666c91b0cb4a79a0ebc9beffe43ee/qrcode.jpg
--------------------------------------------------------------------------------