open-index/open-npm huggingface dataset:
npm package: @mintuix/input
Description: A versatile, styling-agnostic React input component with built-in floating labels and multi-platform variants.
Author: Mintuix Team
Latest version: 0.0.1

# Mintuix Input Component

**The only React input component you'll ever need. Beautiful, fast, and works exactly how you expect.**

Stop wasting time styling inputs from scratch. Mintuix Input gives you a professional, polished look out of the box with the flexibility to adapt to any design—whether you're building a sleek iOS-style app, a clean Android interface, or a modern "glass" look.

[![NPM Version](https://img.shields.io/npm/v/@mintuix/input)](https://www.npmjs.com/package/@mintuix/input)
[![License](https://img.shields.io/npm/l/@mintuix/input)](https://github.com/harrymate22/reactmint/blob/main/LICENSE)

## Why Mintuix Input?

Most input components are either too simple or too bloated. We built Mintuix to be the "Goldilocks" of inputs:

- ✨ **Floating Labels:** Give your forms a premium feel with labels that gracefully move out of the way as users type.
- 🎨 **Multiple Styles:** Switch between **Default**, **iOS**, **Android**, and **Glass** themes with a single word.
- 🚀 **Lightning Fast:** Extremely lightweight and optimized for performance. No extra luggage.
- 📱 **Mobile First:** Designed to look and feel great on every screen size.
- ♿ **Accessible:** Follows the best standards so everyone can use your forms easily.

## Quick Start

Get up and running in seconds:

```bash
npm install @mintuix/input
# or
pnpm add @mintuix/input
```

### Simple Usage

```tsx
import { Input } from "@mintuix/input";

function MyForm() {
  return (
    <Input
      label="Email Address"
      placeholder="hello@example.com"
      floatingLabel
    />
  );
}
```

## Beautiful Built-in Styles

No more CSS headaches. Just pick the look that fits your brand:

- **Default:** Clean, modern, and versatile.
- **iOS:** That signature smooth, rounded Apple aesthetic.
- **Android:** Following the latest Material Design principles.
- **Glass:** A trendy, semi-transparent look for modern interfaces.

## Features at a Glance

- **Floating Labels:** Dynamic labels that react to user input.
- **Error States:** Easily show validation errors with a dedicated prop.
- **Custom Colors:** One prop to change the focus color to match your brand.
- **Size Options:** Choose from Small, Medium, or Large to fit your layout.

## FAQ

**Does it work with Next.js?**  
Yes! It's fully compatible with Next.js and React 18+.

**Can I use it without Tailwind CSS?**  
Absolutely. It's styling-agnostic and won't conflict with your existing CSS.

---

Built with ❤️ by the **Mintuix** team.
npm package: @mintuscompany/com.mintus.lib.auth
Description: Mintus Auth Library
Author: Mintus
Latest version: 1.0.12

<h1 align="center"></h1>

<div align="center">
  <a href="http://nestjs.com/" target="_blank">
    <img src="https://nestjs.com/img/logo_text.svg" width="150" alt="Nest Logo" />
  </a>
</div>

<h3 align="center">NestJS npm Package Starter</h3>

<div align="center">
  <a href="https://nestjs.com" target="_blank">
    <img src="https://img.shields.io/badge/built%20with-NestJs-red.svg" alt="Built with NestJS">
  </a>
</div>
npm package: @mintuscompany/com.mintus.lib.common
Description: Mintus Common Library
Author: Mintus
Latest version: 1.0.23

<h1 align="center"></h1>

<div align="center">
  <a href="http://nestjs.com/" target="_blank">
    <img src="https://nestjs.com/img/logo_text.svg" width="150" alt="Nest Logo" />
  </a>
</div>

<h3 align="center">NestJS npm Package Starter</h3>

<div align="center">
  <a href="https://nestjs.com" target="_blank">
    <img src="https://img.shields.io/badge/built%20with-NestJs-red.svg" alt="Built with NestJS">
  </a>
</div>
npm package: @mintuscompany/mintus-lib-auth-new
Description: <h1 align="center"></h1>
Latest version: 1.0.2

<h1 align="center"></h1>

<div align="center">
  <a href="http://nestjs.com/" target="_blank">
    <img src="https://nestjs.com/img/logo_text.svg" width="150" alt="Nest Logo" />
  </a>
</div>

<h3 align="center">NestJS npm Package Starter</h3>

<div align="center">
  <a href="https://nestjs.com" target="_blank">
    <img src="https://img.shields.io/badge/built%20with-NestJs-red.svg" alt="Built with NestJS">
  </a>
</div>

### Installation

1. Clone the repo
2. Run npm/yarn install

```bash
cd nestjs-package-starter
npm install
```

## Change Log

See [Changelog](CHANGELOG.md) for more information.

## Contributing

Contributions welcome! See [Contributing](CONTRIBUTING.md).

## Author

**John Biundo (Y Prospect on [Discord](https://discord.gg/G7Qnnhy))**

## License

Licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
npm package: @mintuz/horizon
Description: An Intersection Observer wrapper with some smart defaults
Author: Adam Bulmer
Latest version: 2.1.0

# Horizon

A light wrapper round the Intersection Observer API. Please note this is not a polyfill for Intersection Observer.

## Install

`yarn add @mintuz/horizon --save`

## Usage

### Config

| Key                        | Value                                                | Description                                                                                                              | Default                                          |
| -------------------------- | ---------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------ |
| onEntry                    | `(entry) => {}`                                      | Callback which is called when the element to observe is in view, triggers once if triggerOnce is set to true             | N/A                                              |
| onExit                     | `(entry) => {}`                                      | Callback which is called when the element is out of view                                                                 | N/A                                              |
| triggerOnce                | `true`                                               | Will trigger onEntry callback once, useful for lazyLoading                                                               | false                                            |
| toObserve                  | `document.querySelector('.element-to-come-in-view')` | The element to observe which may or may not come into view                                                               | Required                                         |
| intersectionObserverConfig | `{ root: null, rootMargin: '35%', threshold: 0 }`    | Options passed to [IntersectionObserver API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) | `{ root: null rootMargin: '35%', threshold: 0 }` |

### Example

```
import Horizon from '@mintuz/horizon';

const observed = Horizon({
    onEntry(entry) {
        console.log('element in view', entry);
    },
    onExit(entry) {
        console.log('element out of view', entry);
    },
    triggerOnce: true,
    toObserve: document.querySelector('.element-to-come-in-view'),
    intersectionObserverConfig: {
        root: document.querySelector('body'),
        rootMargin: '0px',
        threshold: 1.0
    }
});

observed.unobserve();
```
npm package: @mintvelvet/mint
Description: This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
Latest version: 4.0.0-alpha

# Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
npm package: @mintverse/uikit
Description: <p align="center"><img src="docs/logo.svg" alt="UIKit" /></p>
Author: redefiine628
Latest version: 1.6.6

<p align="center"><img src="docs/logo.svg" alt="UIKit" /></p>

Mintverse UIKit is a collection of reusable UI components based on [React](https://reactjs.org/) and
[styled-components](https://www.styled-components.com/)
npm package: @mintware-de/form-builder
Description: [![GitHub license](https://img.shields.io/github/license/mintware-de/mw-form-builder)](https://github.com/mintware-de/mw-form-builder/blob/master/LICENSE) ![npm](https://img.shields.io/npm/v/@mintware-de/form-builder) ![npm](https://img.shields.io/npm/d
Author: Julian Finkler
Latest version: 4.0.0-alpha.1

[![GitHub license](https://img.shields.io/github/license/mintware-de/mw-form-builder)](https://github.com/mintware-de/mw-form-builder/blob/master/LICENSE)
![npm](https://img.shields.io/npm/v/@mintware-de/form-builder)
![npm](https://img.shields.io/npm/dt/@mintware-de/form-builder)
![npm bundle size](https://img.shields.io/bundlephobia/min/@mintware-de/form-builder)

# @mintware-de/form-builder

Reusable code driven forms for angular.
Beware: This package is in beta and w.i.p.

## Install

`npm i -d @mintware-de/form-builder`

## Usage

Check out the [Getting started](./docs/getting-started.md)

## Contribution
Feel free to contribute

## Tests
Aren't written yet 😬
npm package: @minui/wxc-abnor
Description: MinUI 小程序组件 - 异常流提示
Author: Min Team
Latest version: 1.0.7

# wxc-abnor

> MinUI 小程序组件 - 异常流提示

## Install

``` bash
$ min install @minui/wxc-abnor
```

## API

### Abnor【props】

| 名称             | 描述                                       |
| -------------- | ---------------------------------------- |
| `type`         | [说明]：异常状态类型，其优先级低于其他属性。<br>[类型]：`String`<br>默认值：`""` <br>[可选值]：`REQUEST_ERROR, NOT_FOUND, DATA, FOLLOW, FEED,SHOP, WEIBO, SEARCH, TAG, MESSAGE, LIVE, ORDER, CART, FOOTPRINT, COUPON` |
| `image`        | [说明]：背景图。若与 `type` 同时指定，将覆盖 `type` 对应的 `image` 。<br>[类型]：`String`<br>[默认值]：`""` <br> |
| `title`        | [说明]：标题。若与 `type` 同时指定，将覆盖 `type` 对应的 `title` 。<br>[类型]：`String`<br>[默认值]：`""` <br> |
| `tip`          | [说明]：副标题。若与 `type` 同时指定，将覆盖 `type` 对应的 `tip` 。<br>[类型]：`String`<br>[默认值]：`""` <br> |
| `button`       | [说明]：按钮文案。若与 `type` 同时指定，将覆盖 `type` 对应的 `button` 。<br>[类型]：`String`<br>[默认值]：`""` <br> |
| `bindabnortap` | [说明]：按钮事件。若配置了 `button` 属性，则需要指定事件。其中 `REQUEST_ERROR, NOT_FOUND` 两种 `type` 中均设置了默认的按钮文案 |

## Link
||地址|
|--|---|
||abnor 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#abnor](https://meili.github.io/min/docs/minui/index.html#abnor)<br>|
||abnor 组件源码 <br> [https://github.com/meili/minui/tree/master/packages/wxc-abnor](https://github.com/meili/minui/tree/master/packages/wxc-abnor)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![abnor](https://s10.mogucdn.com/mlcdn/c45406/171107_3ddh6idjk6f6i6h67j013594k8910_480x480.jpg_225x999.jpg)

##  ChangeLog

#### v1.0.3（2018.01.04）

- 补全配置，避免报错

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本
npm package: @minui/wxc-avatar
Description: MinUI 小程序组件 - 头像
Author: Min Team
Latest version: 1.0.5

# wxc-avatar

> MinUI 小程序组件 - 头像

## Install

``` bash
$ min install @minui/wxc-avatar
```


## API

### Avatar Props

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`src`           |  头像图片地址  |
|`mold`         | 头像规格，circle(正圆)、square(正方)，默认 circle |
|`count` | 消息数，显示在头像右上角 |

## Link
||地址|
|--|---|
||avatar 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#avatar](https://meili.github.io/min/docs/minui/index.html#avatar)<br>|
||avatar 组件源码 <br> [https://github.com/meili/minui/tree/master/packages/wxc-avatar](https://github.com/meili/minui/tree/master/packages/wxc-avatar)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![avatar](https://s10.mogucdn.com/mlcdn/c45406/171117_3liaj03cde4jh50e06d1jcc73795i_480x480.jpg_225x999.jpg)

## ChangeLog

#### v1.0.0（2017-11-16）

- 初始版本
npm package: @minui/wxc-badge
Description: MinUI 小程序组件 - 徽章
Author: Min Team
Latest version: 1.0.5

# wxc-badge

> MinUI 小程序组件 - 徽章

## Install

``` bash
$ min install @minui/wxc-badge
```

## API

### Badge【props】

| 属性 | 描述 |
| --- | --- |
| value | [可选] 设置数值，优先级会高于标签内嵌套值 |
| max | [可选] 设置最大边界，越界数值显示为 maxVal+ |
| type | [可选] 设置标记类型，职位 dot 显示为弱提示的圆点 |

## Link
||地址|
|--|---|
||badge 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#badge](https://meili.github.io/min/docs/minui/index.html#badge)<br>|
||badge 组件源码 <br> [https://github.com/meili/minui/tree/master/packages/wxc-badge](https://github.com/meili/minui/tree/master/packages/wxc-badge)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![badge](https://s10.mogucdn.com/mlcdn/c45406/171107_25lc3e196cf6bg7d05e42h790e73g_480x480.jpg_225x999.jpg)

##  ChangeLog

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本
npm package: @minui/wxc-button
Description: MinUI 小程序组件 - 按钮组件
Latest version: 1.0.2

# wxc-button

> MinUI 小程序组件 - 按钮组件

## Install

``` bash
$ min install @minui/wxc-button
```


## API

### Button

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`size`                | [说明]：按钮的大小<br>[类型]：`String`<br>[默认值]：`normal`<br>[可选值]：`normal, small, large`|
|`type`                | [说明]：按钮的样式类型<br>[类型]：`String`<br>[默认值]：`""`<br>[可选值]：`beauty, selection, success, primary, danger, warning, secondary, info, dark, disabled`|
|`plain`               | [说明]：按钮是否镂空，背景色透明<br>[类型]：`Boolean`<br>[默认值]：`false`<br>|
|`value`               | [说明]：按钮的文本值支持 `slot`, `slot` 的优先级低于 `value`<br>[类型]：`String`<br>[默认值]：`""`<br>|
|`loading`             | [说明]：按钮文本前是否带 `loading` 图标<br>[类型]：`Boolean`<br>[默认值]：`false`<br>|
|`btn-style`           | [说明]：按钮的自定义样式<br>[类型]：`String`<br>[默认值]：`""`<br>|
|`hover-class`         | [说明]：指定按钮按下去的样式类，当 `hover-class="none"` 时，没有点击态效果<br>[类型]：`String`<br>[默认值]：`btn__hover`<br>[可选值]：`btn__hover, none`<br>|
|`open-type`           | [说明]：同微信小程序 `button` 组件。微信开放能力<br>[类型]：`String`<br>[默认值]：`""`<br>[可选值]：`contact, share, getUserInfo, getPhoneNumber, launchApp`<br>|
|`app-parameter`       | [说明]：同微信小程序 `button` 组件。打开 `APP` 时，向 `APP` 传递的参数<br>[类型]：`String`<br>[默认值]：`""`<br>|
|`hover-stop-propagation`| [说明]：同微信小程序 `button` 组件。指定是否阻止本节点的祖先节点出现点击态<br>[类型]：`Boolean`<br>[默认值]：`false`<br>|
|`hover-start-time`    | [说明]：同微信小程序 `button` 组件。按住后多久出现点击态，单位毫秒<br>[类型]：`Number`<br>[默认值]：`20`<br>|
|`hover-stay-time`     | [说明]：同微信小程序 `button` 组件。手指松开后点击态保留时间，单位毫秒<br>[类型]：`Number`<br>[默认值]：`70`<br>|
|`lang`                | [说明]：同微信小程序 `button` 组件。指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文<br>[类型]：`String`<br>[默认值]：`en`<br>|
|`session-from`        | [说明]：同微信小程序 `button` 组件。会话来源<br>[类型]：`String`<br>|
|`send-message-title`  | [说明]：同微信小程序 `button` 组件。会话内消息卡片标题<br>[类型]：`String`<br>[默认值]：当前标题<br>|
|`send-message-path`   | [说明]：同微信小程序 `button` 组件。会话内消息卡片点击跳转小程序路径<br>[类型]：`String`<br>[默认值]：当前分享路径<br>|
|`send-message-img`    | [说明]：同微信小程序 `button` 组件。会话内消息卡片图片<br>[类型]：`String`<br>[默认值]：截图<br>|
|`show-message-card`   | [说明]：同微信小程序 `button` 组件。显示会话内消息卡片<br>[类型]：`Boolean`<br>[默认值]：`false`<br>|
|`bind:click`          | [说明]：同微信小程序 `button` 组件。按钮点击事件，bind:tap已废弃，请升级组件。<br>[类型]：`Handler`<br>|
|`bindgetuserinfo`     | [说明]：同微信小程序 `button` 组件。用户点击该按钮时，会返回获取到的用户信息，从返回参数的detail中获取到的值同 `wx.getUserInfo`<br>[类型]：`Handler`<br>|
|`bindcontact`         | [说明]：同微信小程序 `button` 组件。客服消息回调<br>[类型]：`Handler`<br>|
|`bindgetphonenumber`  | [说明]：同微信小程序 `button` 组件。获取用户手机号回调<br>[类型]：`Handler`<br>|
|`binderrror`          | [说明]：同微信小程序 `button` 组件。当使用开放能力时，发生错误的回调调<br>[类型]：`Handler`<br>|
|`bind:submit`         | [说明]：`button` 组件 `form-type` 设置为 `submit`, 内置 `form` 表单，点击按钮时触发 `submit` 事件，可用于获取 `formId` 等，`event.detail = {value, formId}`|
			
## Note

> - 小程序组件系统中组件是隔离的，组件外层套 `form` 标签时两者是不通的，现在组件中内置 `form` 标签用于获取 `formId`。
> - 小程序组件系统中组件是隔离的，所以提交表单时无法用 `form` 表单获取输入框中的值，只能单独获取。

## ChangeLog

#### v1.0.1（2018-6-5）

- `wxc-button` 点击事件名由 `bind:tap` 更名为 `bind:click`。

#### v1.0.0（2018-02-26）

- 初始版本
npm package: @minui/wxc-cc
Description: MinUI 小程序组件 - 水平垂直居中
Author: Min Team
Latest version: 1.0.4

# wxc-cc

> MinUI 小程序组件 - 水平垂直居中

## Install

``` bash
$ min install @minui/wxc-cc
```

## API

### CC【props】

none

## Link
||地址|
|--|---|
||cc 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#cc](https://meili.github.io/min/docs/minui/index.html#cc)<br>|
||cc 组件源码 <br> [https://github.com/meili/minui/tree/master/packages/wxc-cc](https://github.com/meili/minui/tree/master/packages/wxc-cc)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![cc](https://s10.mogucdn.com/mlcdn/c45406/171115_2b7djgj18g4gifdkljf60b70kd75k_480x480.jpg_225x999.jpg)

## ChangeLog

#### v1.0.0（2017-11-15）

- 初始版本
npm package: @minui/wxc-countdown
Description: MinUI 小程序组件 - 倒计时
Author: Min Team
Latest version: 1.0.6

# wxc-countdown

> MinUI 小程序组件 - 倒计时

## Install

``` bash
$ min install @minui/wxc-countdown
```


## API

### Countdown【props】

| 名称      | 描述      |
|-----------|-----------|
| countdown | [说明]：倒计时秒数<br>[类型]：`Number`<br>[默认值]：0|
| format | [说明]：展示格式<br>[类型]：`String`<br>[默认值]：dd天hh时mm分ss秒 |
| num-style | [说明]：数字样式<br>[类型]：`String`<br>[默认值]：`""`|
| symbol-style | [说明]：标识或文案样式<br>[类型]：`String`<br>[默认值]：`""` |
| bind:runcount | [说明]：计时事件，每次倒计时1秒触发 |
| bind:endcount | [说明]：结束事件，倒计时结束时触发 |

## Link
||地址|
|--|---|
||countdown 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#countdown](https://meili.github.io/min/docs/minui/index.html#countdown)<br>|
||countdown 组件源码 <br> [https://github.com/meili/minui/tree/master/packages/wxc-countdown](https://github.com/meili/minui/tree/master/packages/wxc-countdown)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![countdown](https://s10.mogucdn.com/mlcdn/c45406/171107_34c43132g11j166hficgei36665aa_480x480.jpg_225x999.jpg)

##  ChangeLog

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本
npm package: @minui/wxc-counter
Description: MinUI 小程序组件 - 数字框
Author: Min Team
Latest version: 1.0.6

# wxc-counter

> MinUI 小程序组件 - 数字框

## Install

``` bash
$ min install @minui/wxc-counter
```


## API

### Counter【props】

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`number`              | [说明]：当前数值，[默认值]：0，[类型]：字符串或者数值 |
|`max`                 | [说明]：上限值，[默认值]：1，[类型]：字符串或者数值 |
|`min`                 | [说明]：下限值，[默认值]：0，[类型]：字符串或者数值 |
|`color`               | [说明]：正常状态下加减操作符的颜色，[默认值]：#ff5777，[类型]：字符串 |
|`changenumber`        | [说明]：数值改变触发的事件，[类型]：函数 |

## Link
||地址|
|--|---|
||counter 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#counter](https://meili.github.io/min/docs/minui/index.html#counter)<br>|
||counter 组件源码 <br> [https://github.com/meili/minui/tree/master/packages/wxc-counter](https://github.com/meili/minui/tree/master/packages/wxc-counter)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![counter](https://s10.mogucdn.com/mlcdn/c45406/171107_8f74132b6gi7gb1kaej6icddf7e88_480x480.jpg_225x999.jpg)

##  ChangeLog
#### v1.0.3（2018.04.27）
- counter 组件新增加减操作符 color 属性

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本
npm package: @minui/wxc-dialog
Description: MinUI 小程序组件 - 对话框
Author: Min Team
Latest version: 1.0.10

# wxc-dialog

> MinUI 小程序组件 - 对话框

## Install

``` bash
$ min install @minui/wxc-dialog
```

## API

### Dialog【props】

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`title`           | 【说明】标题文案<br>【类型】`String`<br>【默认值】`""`   |
|`title-color`      | 【说明】标题颜色<br>【类型】`String`<br>【默认值】`#000000`    |
|`content`         | 【说明】内容 <br>【类型】`String`<br>【默认值】`""`       |
|`content-color`    | 【说明】内容颜色<br>【类型】`String`<br>【默认值】`#888888`      |
|`confirm-text`     | 【说明】确认按钮文案 <br>【类型】`String`<br>【默认值】`""`               |
|`confirm-color`    | 【说明】确认按钮文案颜色<br>【类型】`String`<br>【默认值】`#ff5777`  |
|`cancel-text`      | 【说明】取消按钮文案   <br>【类型】`String`<br>【默认值】`""`           |
|`cancel-color`     | 【说明】取消按钮文案颜色<br>【类型】`String`<br>【默认值】`#666666`  |
|`image`           | 【说明】显示的图片链接     <br>【类型】`String`<br>【默认值】`""`              |

## Link
||地址|
|--|---|
||dialog 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#dialog](https://meili.github.io/min/docs/minui/index.html#dialog)<br>|
||dialog 组件源码 <br> [https://github.com/meili/minui/tree/master/packages/wxc-dialog](https://github.com/meili/minui/tree/master/packages/wxc-dialog)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![dialog](https://s10.mogucdn.com/mlcdn/c45406/171107_1a6e68g65akjebkb73gab3bi37jj8_480x480.jpg_225x999.jpg)

### Dialog【methods】

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`show`         | 【说明】显示弹窗<br>【params】void<br>【return】void        |
|`hide`			| 【说明】隐藏弹窗<br>【params】void<br>【return】void		|


##  ChangeLog

#### v1.0.3（2018.01.04）

- 修复点击蒙层即关闭 dialog 的问题

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本
npm package: @minui/wxc-elip
Description: MinUI 小程序组件 - 文本截断
Author: Min Team
Latest version: 1.0.5

# wxc-elip

> MinUI 小程序组件 - 文本截断

## Install

``` bash
$ min install @minui/wxc-elip
```

## API

### Elip【props】

| 属性 | 描述 |
| --- | --- |
| line | [可选] 设置多行阶段文本的行数 |

## Link
||地址|
|--|---|
||elip 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#elip](https://meili.github.io/min/docs/minui/index.html#elip)<br>|
||elip 组件源码 <br> [https://github.com/meili/minui/tree/master/packages/wxc-elip](https://github.com/meili/minui/tree/master/packages/wxc-elip)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![elip](https://s10.mogucdn.com/mlcdn/c45406/171107_4j58g41335a4igeih07a4dedl34fi_480x480.jpg_225x999.jpg)

##  ChangeLog

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本
npm package: @minui/wxc-example-demo
Description: MinUI 小程序 demo示例 组件，与 @minui/wxc-example 组件配合使用
Latest version: 1.0.1

# wxc-example-demo

> MinUI 小程序 demo示例 组件，与 @minui/wxc-example 组件配合使用

## ChangeLog

### v1.0.1

+ 增加依赖`@minui/wxc-example-md@1.0.0`

### v1.0.0

+ 初始版本
npm package: @minui/wxc-example-md
Description: MinUI 小程序 markdown 组件，与 @minui/wxc-example 组件配合使用
Latest version: 1.0.1

# wxc-example-md

> MinUI 小程序 markdown 组件，与 @minui/wxc-example 组件配合使用

## ChangeLog

### v1.0.0

+ 初始版本
npm package: @minui/wxc-example-menu
Description: MinUI 小程序组件 - 示例菜单
Latest version: 1.0.4

# wxc-example-menu

> MinUI 小程序组件 - 示例菜单

## Install

``` bash
$ min install @minui/wxc-example-menu
```


## API

### ExampleMenu

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`menus`               | 菜单数组                       |

### `menus`数组的数据项

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`id`                  | 菜单`id`                      |
|`name`                | 菜单名                        |
|`open`                | 菜单是否下拉展开                 |
|`icon`                | 菜单图标                      |
|`pages`               | 菜单子列表数组                  |

### `pages`数组的数据项

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`id`                  | 子列表项`id`                   |
|`name`                | 子列表项名                      |
|`icon`                | 子列表项图标                    |
|`code`                | 子列表项所对应页面的二维码         |

## ChangeLog

#### v1.0.0（2017-11-17）

- 初始版本
npm package: @minui/wxc-icon
Description: MinUI 小程序组件 - 图标
Author: Min Team
Latest version: 1.0.9

# wxc-icon

> MinUI 小程序组件 - 图标

## Install

``` bash
$ min install @minui/wxc-icon
```

## API

### Icon【props】

| 属性 | 描述 |
| --- | --- |
| type | [必填] icon 类型 |
| size | [可选] icon 字号，默认值 22（单位 rpx） |
| color| [可选] icon 颜色，默认 #333 |

## Link
||地址|
|--|---|
||icon 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#icon](https://meili.github.io/min/docs/minui/index.html#icon)<br>|
||icon 组件源码 <br> [https://github.com/meili/minui/tree/master/packages/wxc-icon](https://github.com/meili/minui/tree/master/packages/wxc-icon)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![icon](https://s10.mogucdn.com/mlcdn/c45406/171107_1ab45l563alfj6jkeeij1jf0k06h0_480x480.jpg_225x999.jpg)

##  ChangeLog

#### v1.0.6（2018.01.09）

- update API

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本
npm package: @minui/wxc-input
Description: 输入框组件 - 小程序组件
Latest version: 1.0.2

# wxc-input

> 输入框组件 - 小程序组件

## Install

``` bash
$ min install @minui/wxc-input
```


## API

### Input

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`title`               | [说明]：输入框前面的标题。若 `src` 或 `icon` 同时指定，`title` 的优先级最高，`src` 次之，`icon` 最低。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`src`                 | [说明]：输入框前面的图标，自定义图片链接。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`icon`                | [说明]：输入框前面的图标，类型见 `wxc-icon` 组件。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`icon-color`          | [说明]：输入框前面的图标颜色，与 `icon` 一同使用。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`mode`                | [说明]：输入框边框模式。<br>[类型]：`String`<br>[可选值]：`wrapped`，有边框包裹；`normal`，只有下边框；`none`，无边框。<br>[默认值]：`normal` <br>|
|`right`               | [说明]：输入框文本是否向右对齐。<br>[类型]：`Boolean`<br>[默认值]：`false` <br>|
|`error`               | [说明]：是否显示为输入框错误情况下的样式。<br>[类型]：`Boolean`<br>[默认值]：`false` <br>|
|`value`               | [说明]：输入框的内容。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`type`                | [说明]：input 的类型。<br>[类型]：`String`<br>[可选值]：`text, number, idcard, digit`<br>[默认值]：`"text"` <br>|
|`password`            | [说明]：是否是密码类型。<br>[类型]：`Boolean`<br>[默认值]：`false` <br>|
|`placeholder`         | [说明]：输入框为空时占位符。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`placeholder-style`   | [说明]：指定 `placeholder` 的样式。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`disabled`            | [说明]：是否禁用。<br>[类型]：`Boolean`<br>[默认值]：`false` <br>|
|`maxlength`           | [说明]：最大输入长度，设置为 -1 的时候不限制最大长度。<br>[类型]：`Number`<br>[默认值]：`140` <br>|
|`cursor-spacing`      | [说明]：指定光标与键盘的距离，单位 px。<br>[类型]：`Number`<br>[默认值]：`0` <br>|
|`focus`               | [说明]：获取焦点。<br>[类型]：`Boolean`<br>[默认值]：`false` <br>|
|`confirm-type`        | [说明]：设置键盘右下角按钮的文字。<br>[类型]：`String`<br>[可选值]：`send, search, next, go, done`<br>[默认值]：`done` <br>|
|`confirm-hold`        | [说明]：点击键盘右下角按钮时是否保持键盘不收起。<br>[类型]：`Boolean`<br>[默认值]：`false` <br>|
|`cursor`              | [说明]：指定focus时的光标位置。<br>[类型]：`Number`<br>[默认值]：`0` <br>|
|`selection-start`     | [说明]：光标起始位置，自动聚集时有效，需与selection-end搭配使用。<br>[类型]：`Number`<br>[默认值]：`-1` <br>|
|`selection-end`       | [说明]：光标结束位置，自动聚集时有效，需与selection-start搭配使用。<br>[类型]：`Number`<br>[默认值]：`-1` <br>|
|`adjust-position`     | [说明]：键盘弹起时，是否自动上推页面。<br>[类型]：`Boolean`<br>[默认值]：`true` <br>|
|`bind:input`          | [说明]：当键盘输入时，触发input事件，event.detail = {value, cursor}，处理函数可以直接 return 一个字符串，将替换输入框的内容。|
|`bind:focus`          | [说明]：输入框聚焦时触发，event.detail = { value, height }，height 参数在基础库 1.9.90 起支持         |
|`bind:blur`           | [说明]：输入框失去焦点时触发，event.detail = {value: value}|
|`bind:confirm`        | [说明]：点击完成按钮时触发，event.detail = {value: value}|

## Note

> 小程序组件系统中组件是隔离的，所以提交表单时无法用 `form` 表单获取输入框中的值，只能单独获取。

## ChangeLog

#### v1.0.0（2018-3-29）

- 初始版本
npm package: @minui/wxc-label
Description: MinUI 小程序组件 - 标签
Author: Min Team
Latest version: 1.0.5

# wxc-label

> MinUI 小程序组件 - 标签

## Install

``` bash
$ min install @minui/wxc-label
```

## API

### Label【props】

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`text`           | String 文案设置 |
|`type`         | String 显示类型。目前支持 fill、plain、corner，<br/> 对应实心标、镂空标、角标，默认值为 plain。|
|`type-color`         | String 类型配色。默认值 #FF5777 |
|`text-color`         | String 文字配色。type="fill" 下生效，默认值 #FFFFFF |

## Link
||地址|
|--|---|
||label 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#label](https://meili.github.io/min/docs/minui/index.html#label)<br>|
||label 组件源码 <br> [https://github.com/meili/minui/tree/master/packages/wxc-label](https://github.com/meili/minui/tree/master/packages/wxc-label)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![label](https://s10.mogucdn.com/mlcdn/c45406/171107_1ik5352h7834dh63l5fj23e3i8ldd_480x480.jpg_225x999.jpg)

##  ChangeLog

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本
npm package: @minui/wxc-list
Description: 列表组件 - 小程序组件
Latest version: 1.0.1

# wxc-list

> 列表组件 - 小程序组件

## Install

``` bash
$ min install @minui/wxc-list
```


## API

### List

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`title`               | [说明]：列表项左侧的标题。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`detail`              | [说明]：标题下方的的详细描述。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`desc`                | [说明]：列表项右侧的描述。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`src`                 | [说明]：标题前面的图标，自定义图片链接。优先级高于 `icon`。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`icon`                | [说明]：标题前面的图标，类型见 `wxc-icon` 组件。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`icon-color`          | [说明]：标题前面的icon图标颜色，同 `icon` 一同使用。<br>[类型]：`String`<br>[默认值]：`#ff5077` <br>|
|`dot`                 | [说明]：右侧描述部分前面的提醒红点。<br>[类型]：`Boolean`<br>[默认值]：`false` <br>|
|`dot-color`           | [说明]：右侧描述部分前面的提醒红点颜色，与 `dot` 一同使用。<br>[类型]：`String`<br>[默认值]：`#f5123e` <br>|
|`arrow`               | [说明]：是否显示箭头。<br>[类型]：`Boolean`<br>[默认值]：`true` <br>|
|`mode`                | [说明]：列表项边框模式。<br>[类型]：`String`<br>[可选值]：`normal`，有下边框；`none`，无边框。<br>[默认值]：`normal` <br>|
|`bind:click`          | [说明]：点击列表项时触发的事件。组件带 `slot` 时给组件添加原生事件后点击到 `slot` 时会报错，故增加自定义事件避免此错误。 |

## ChangeLog

#### v1.0.0（2018-3-29）

- 初始版本
npm package: @minui/wxc-loading
Description: MinUI 小程序组件 - 加载提示
Author: Min Team
Latest version: 1.0.8

# wxc-loading

> MinUI 小程序组件 - 加载提示

## Install

``` bash
$ min install @minui/wxc-loading
```

## API

### Loading【props】

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`is-show`             | [说明]：loading的显示控制属性。<br>[类型]：`String`<br>[默认值]：`false` |
|`type`                | [说明]：样式类型。type的优先级低于 `image, slip`。<br>[类型]：`String`<br>[默认值]：`"mgj"` <br>[可选值]：<br>`mgj`（蘑菇街女装精选 `loading` 样式）， <br>`mall`（企鹅微商城 `loading` 样式）|
|`image`               | [说明]：loading主背景图， 必须与slip同时指定。<br>[类型]：`String`<br>[默认值]：`""` <br>   |
|`slip`                | [说明]：loading动画背景图，必须与image同时指定。<br>[类型]：`String`<br>[默认值]：`""` <br>     |

### Loading【methods】

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`show`                | [说明]：显示loading。<br>[类型]：`Function`<br>[参数]：`void`<br>[返回]：`void`|
|`hide`                | [说明]：隐藏loading。<br>[类型]：`Function`<br>[参数]：`void`<br>[返回]：`void`|

## Link
||地址|
|--|---|
||loading 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#loading](https://meili.github.io/min/docs/minui/index.html#loading)<br>|
||loading 组件源码 <br> [https://github.com/meili/minui/tree/master/packages/wxc-loading](https://github.com/meili/minui/tree/master/packages/wxc-loading)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![loading](https://s10.mogucdn.com/mlcdn/c45406/171107_6b352846ldeeacf3akjf7jh0189ji_480x480.jpg_225x999.jpg)

##  ChangeLog

#### v1.0.6（2018.01.09)
- z-index 层级规范方案修改

#### v1.0.3（2018.01.04）

- 更换小店微商城图标，规范 z-index 层级

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本
npm package: @minui/wxc-loadmore
Description: MinUI 小程序组件 - 页底提示
Author: Min Team
Latest version: 1.0.5

# wxc-loadmore

> MinUI 小程序组件 - 页底提示

## Install

``` bash
$ min install @minui/wxc-loadmore
```

## API

### Loadmore【props】

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`is-end`                | [说明]：是否到底。<br>[类型]：`Boolean`<br>默认值：`true` <br>
|`icon`               | [说明]：图标。设为true的时候，调用默认图标<br>[类型]：`String`<br>[默认值]：`[到底]随机 / [加载] loading` <br>   |
|`text`               | [说明]：文案。<br>[类型]：`String`<br>[默认值]：`[到底]随机 / [加载] 加载中...` <br>     |

## Link
||地址|
|--|---|
||loadmore 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#loadmore](https://meili.github.io/min/docs/minui/index.html#loadmore)<br>|
||loadmore 组件源码 <br> [https://github.com/meili/minui/tree/master/packages/wxc-loadmore](https://github.com/meili/minui/tree/master/packages/wxc-loadmore)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![loadmore](https://s10.mogucdn.com/mlcdn/c45406/171107_71417l8a3gj27i2gb97f05j4j1bb7_480x480.jpg_225x999.jpg)

##  ChangeLog

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本
npm package: @minui/wxc-mask
Description: MinUI 小程序组件 - 遮罩层
Author: Min Team
Latest version: 1.0.8

# wxc-mask

> MinUI 小程序组件 - 遮罩层

## Install

``` bash
$ min install @minui/wxc-mask
```

## API

### Mask【props】
| 名称                  | 描述                         |
|----------------------|------------------------------|
|`status`              | [说明]：控制遮罩层显示隐藏。<br>[类型]：`String`<br>[默认值]：`"hide"` <br>[可选值]：`"hide"`，遮罩层隐藏；`"show"`，遮罩层显示。<br>|
|`opacity`             | [说明]：设置遮罩层的不透明级别。<br>[类型]：`[String,Number]`<br>[默认值]：`"0.6"` <br>   |
|`background-color`    | [说明]：设置遮罩层的颜色。<br>[类型]：`String`<br>[默认值]：`"#000000"` <br>     |
|`locked`              | [说明]：遮罩层是否设置锁定态。<br>[类型]：`[String]`<br>[默认值]：`"hide"` <br>[可选值]：<br>`"true"`，点击遮罩层背景部分不会关闭遮罩（点击子节点部分关闭遮罩）。<br>`"hide"`，点击遮罩层背景部分关闭遮罩（点击子节点部分不会关闭遮罩）。<br>      |
|`content-align`       | [说明]：设置遮罩层 content 定位位置。<br>[类型]：`String`<br>[默认值]：`"tl"` <br>[可选值]：`"tl"`:页面左上角；`"tr"`:页面右上角；`"cc"`:页面中心；`"bl"`:页面左下角；`"br"`:页面右下角。 <br>  |
|`bind:masktap`        | [说明]：`locked` 为 `"true"` 时，遮罩层点击事件的回掉函数|

### Mask【methods】

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`show`                | [说明]：显示遮罩层。<br>[类型]：`Function`<br>[参数]：`void`<br>[返回]：`void`|
|`hide`                | [说明]：隐藏遮罩层。<br>[类型]：`Function`<br>[参数]：`void`<br>[返回]：`void`|
|`toggle`              | [说明]：切换遮罩层的可见状态。<br>[类型]：`Function`<br>[参数]：`switch`: `Boolean`。可选。<br>[返回]：`void`|

## Link
||地址|
|--|---|
||mask 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#mask](https://meili.github.io/min/docs/minui/index.html#mask)<br>|
||mask 组件源码 <br> [https://github.com/meili/minui/tree/master/packages/wxc-mask](https://github.com/meili/minui/tree/master/packages/wxc-mask)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![mask](https://s10.mogucdn.com/mlcdn/c45406/171107_27jgk40354eflg8e35c7fhl4ec35f_480x480.jpg_225x999.jpg)

##  ChangeLog

#### v1.0.6（2018.01.09)
- z-index 层级规范方案修改

#### v1.0.3（2018.01.04）

- 增加show,hide,toggle方法，增加自定义事件，规范z-index层级

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本
npm package: @minui/wxc-notice
Description: 通告栏 - 小程序组件
Latest version: 1.0.1

# wxc-notice

> 通告栏 - 小程序组件

## Install

``` bash
$ min install @minui/wxc-notice
```


## API

### Notice

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`scroll`              | [说明]：通告栏文案是否滚动。<br>[类型]：`Boolean`<br>[默认值]：`false` <br>|
|`isShow`              | [说明]：是否显示通告栏。<br>[类型]：`Boolean`<br>[默认值]：`true` <br>|
|`notice`              | [说明]：通告栏文案。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`color`               | [说明]：通告栏文案颜色。<br>[类型]：`String`<br>[默认值]：`#fff` <br>|
|`bg-color`            | [说明]：通告栏背景色。<br>[类型]：`String`<br>[默认值]：`#ff5777` <br>|
|`show-icon`           | [说明]：是否显示通告栏前面的 `icon`。<br>[类型]：`Boolean`<br>[默认值]：`false` <br>|
|`icon-color`          | [说明]：通告栏前面的 `icon` 的颜色，配合 `show-icon` 使用。<br>[类型]：`String`<br>[默认值]：`#fff` <br>|
|`close`               | [说明]：是否显示关闭按钮。<br>[类型]：`Boolean`<br>[默认值]：`false` <br>|
|`bg-rgba`             | [说明]：通告栏关闭按钮前的遮罩层颜色，取背景颜色的 `rgba` 形式，`a` 的值为 `0`，配合关闭按钮一起使用。<br>[类型]：`String`<br>[默认值]：`rgba(255, 87, 119, 0)` <br>|
|`bind:close`          | [说明]：关闭按钮点击事件的回掉函数。         |

## ChangeLog

#### v1.0.0（2018-4-3）

- 初始版本
npm package: @minui/wxc-panel
Description: panel - 小程序组件
Latest version: 1.0.1

# wxc-panel

> panel - 小程序组件

## Install

``` bash
$ min install @minui/wxc-panel
```


## API

### Panel

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`title`               | [说明]：`panel` 上方的标题。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`margin`              | [说明]：`panel` 是否设置上边距。<br>[类型]：`Boolean`<br>[默认值]：`true` <br>|
|`border`              | [说明]：`panel` 是否设置边框。<br>[类型]：`Boolean`<br>[默认值]：`true` <br>|
|`bind:click`          | [说明]：`panel` 的点击事件。组件带有 `slot` 时，在组件上绑定事件触发事件会报错，故用自定义事件避免该错误。|

## ChangeLog

#### v1.0.0（2018-4-9）

- 初始版本
npm package: @minui/wxc-popup
Description: MinUI 小程序组件 - 弹出层
Author: Min Team
Latest version: 1.0.10

# wxc-popup

> MinUI 小程序组件 - 弹出层

## Install

``` bash
$ min install @minui/wxc-popup
```

## API

### Popup【props】

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`animation-mode`           | 【说明】动画样式<br>【类型】`String`<br>【默认值】`""`<br>【可选值】`none, center, top, bottom, left, right`         |
|`align`           | 【说明】占位位置<br>【类型】`String`<br>【默认值】`""`<br>【可选值】`center, top, bottom, left, right`         |
|`status`           | 【说明】默认状态<br>【类型】`String`<br>【默认值】`""`<br>[可选值】`hide, show  `       |
|`locked`           | 【说明】遮罩层是否设置锁定态。<br>【类型】`String`<br>【默认值】`"hide"` <br>[可选值]：<br>`"true"`，点击遮罩层背景部分不会关闭遮罩（点击子节点部分关闭遮罩）。<br>`"hide"`，点击遮罩层背景部分关闭遮罩（点击子节点部分不会关闭遮罩）。<br>      |

### Popup【methods】

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`show`         | 【说明】显示 `popup` <br>【params】void<br>【return】void        |
|`hide`			| 【说明】隐藏 `popup` <br>【params】void<br>【return】void		|
|`toggle`       | 【说明】切换 `popup` 的可见状态。<br>【params】`switch`: `Boolean`。可选。<br>【return】void|

## Link
||地址|
|--|---|
||popup 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#popup](https://meili.github.io/min/docs/minui/index.html#popup)<br>|
||popup 组件源码 <br> [https://github.com/meili/minui/tree/master/packages/wxc-popup](https://github.com/meili/minui/tree/master/packages/wxc-popup)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![popup](https://s10.mogucdn.com/mlcdn/c45406/171107_68e8eb623kc5gk73j8f6f99clfc4f_480x480.jpg_225x999.jpg)

##  ChangeLog
#### v1.0.7（2018.03.29)
- 补充文档，增加 locked 属性的说明

#### v1.0.6（2018.01.09)
- z-index 层级规范方案修改

#### v1.0.3（2018.01.04）

- 增加toggle方法，规范z-index层级

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本
npm package: @minui/wxc-price
Description: MinUI 小程序组件 - 价格
Author: Min Team
Latest version: 1.0.8

# wxc-price

> MinUI 小程序组件 - 价格

## Install

``` bash
$ min install @minui/wxc-price
```

## API

### Price【props】

| 属性 | 描述 |
| --- | --- |
| value | [可选] 价格数值，优先级高于标签内嵌套值 |
| symbol | [可选] 货币符号。默认为 `￥` |
| status | [可选] 显示状态，若设置为 del 显示为删除态 |
| icon | [可选] 人民币符号显示规则 <br/><br/> - 如不设置，人民币符号的字号同价格数字一致 <br/> - 设为 sup，人民币符号字号缩小，位于价格左上方 <br/> - 设为 sub，人民币符号字号缩小，位于价格左下方 |
| decimal | [可选] 小数部分显示规则 <br/><br/> - 如不设置，显示 2 位小数，字号同整数部分一致 <br/> - 设置为 1，显示 1 位小数，小数部分向下取整 <br/> - 设为 none，不显示小数部分，只显示整数价格 <br/> - 设为 small，小数部分字号缩小|
| del-color | [可选] del 状态下文字颜色，只在del状态下有效，正常状态下文字颜色可继承父元素 <br/><br/> - 默认 #999|

## Link
||地址|
|--|---|
||price 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#price](https://meili.github.io/min/docs/minui/index.html#price)<br>|
||price 组件源码 <br> [https://github.com/meili/minui/tree/master/packages/wxc-price](https://github.com/meili/minui/tree/master/packages/wxc-price)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![price](https://s10.mogucdn.com/mlcdn/c45406/171107_2ihj6754hg63gahdhljb2c1hcdeg9_480x480.jpg_225x999.jpg)

##  ChangeLog

#### v1.0.6（2018.01.09)
- 增加货币符号属性
- del 状态下可自定义文字颜色

#### v1.0.3（2018.01.04）

- 修复保留两位小数，一位小数等问题

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本
npm package: @minui/wxc-progress
Description: MinUI 小程序组件 - 进度条
Author: Min Team
Latest version: 1.0.5

# wxc-progress

> MinUI 小程序组件 - 进度条

## Install

``` bash
$ min install @minui/wxc-progress
```

## API

### Progress【props】

| 属性 | 描述 |
| --- | --- |
| percent | [必填] 进度百分比 |
| stroke-width | [可选] 进度条线的宽度，单位 rpx，默认值 16 |
| active-color | [可选] 高亮态进度条的颜色，支持纯色与线性渐变色。默认值 "#ffca49, #ffb262"。若只填一个色值，则进度条显示为该纯色值。 |
| background-color | [可选] 进度条背景色，默认值 "#e5e5e5" |
| radius | [可选] 圆角角度，单位 rpx, 默认值 15|

## Link
||地址|
|--|---|
||progress 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#progress](https://meili.github.io/min/docs/minui/index.html#progress)<br>|
||progress 组件源码 <br> [https://github.com/meili/minui/tree/master/packages/wxc-progress](https://github.com/meili/minui/tree/master/packages/wxc-progress)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![progress](https://s10.mogucdn.com/mlcdn/c45406/171107_5f3k62j3l78g2kh8ggdle7g3e9jd7_480x480.jpg_225x999.jpg)

##  ChangeLog

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本
npm package: @minui/wxc-rate
Description: 评价 - 小程序组件
Latest version: 1.0.2

# wxc-rate

> 评分 - 小程序组件

## Install

``` bash
$ min install @minui/wxc-rate
```


## API

### Rate

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`value`               | [说明]：评分值。<br>[类型]：`Number`<br>[默认值]：`0` <br>|
|`count`               | [说明]：星星个数。<br>[类型]：`Number`<br>[默认值]：`5` <br>|
|`size`                | [说明]：图标大小。<br>[类型]：`Number`<br>[默认值]：`44` <br>|
|`color`               | [说明]：初始颜色值。<br>[类型]：`String`<br>[默认值]：`#e5e5e5` <br>|
|`active-color`        | [说明]：选中颜色值。<br>[类型]：`String`<br>[默认值]：`#fdb757` <br>|
|`padding`             | [说明]：两颗星星间的距离。<br>[类型]：`Number`<br>[默认值]：`20` <br>|
|`readonly`            | [说明]：是否只读。<br>[类型]：`Boolean`<br>[默认值]：`false` <br>|
|`bind:rate`           | [说明]：评分点击事件，event.detail = {value: value}。|

## ChangeLog

#### v1.0.1（2018-6-5）
- 补充文档，增加 `rate` 点击事件说明

#### v1.0.0（2018-4-23）

- 初始版本
npm package: @minui/wxc-search
Description: 搜索栏 - 小程序组件
Latest version: 1.0.1

# wxc-search

> 搜索栏 - 小程序组件

## Install

``` bash
$ min install @minui/wxc-search
```


## API

### Search

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`show-icon`           | [说明]：是否显示 `search` 图标。<br>[类型]：`Boolean`<br>[默认值]：`true` <br>|
|`show-clear`          | [说明]：是否显示清除图标。<br>[类型]：`Boolean`<br>[默认值]：`true` <br>|
|`icon-color`          | [说明]：`search` 图标的颜色。<br>[类型]：`String`<br>[默认值]：`#bbb` <br>|
|`ph-color`            | [说明]：`placeholder` 的颜色。<br>[类型]：`String`<br>[默认值]：`#bbb` <br>|
|`bg-color`            | [说明]：搜索栏的背景颜色。<br>[类型]：`String`<br>[默认值]：`#f6f6f6` <br>|
|`color`               | [说明]：搜索栏输入框字体颜色。<br>[类型]：`String`<br>[默认值]：`#333` <br>|
|`radius`              | [说明]：搜索栏 `border-radius`。<br>[类型]：`Number`<br>[默认值]：`6` <br>|
|`placeholder`         | [说明]：搜索栏 `placeholder`。<br>[类型]：`String`<br>[默认值]：`搜索` <br>|
|`mode`                | [说明]：搜索栏模式。<br>[类型]：`String`<br>[可选值]：`normal`，输入模式；`static`，静态模式，无输入框。<br>[默认值]：`normal` <br>|
|`align`               | [说明]：静态模式下搜索栏内容对齐方式。<br>[类型]：`String`<br>[可选值]：`left`，向左对齐；`center`，居中。<br>[默认值]：`left` <br>|
|`button`              | [说明]：搜索按钮文案。不设置文案时不显示搜索按钮<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`btn-color`           | [说明]：搜索按钮文字颜色。<br>[类型]：`String`<br>[默认值]：`#333` <br>|
|`bind:input`          | [说明]：当键盘输入时，触发 `input` 事件，`event.detail = {value, cursor}`|
|`bind:confirm`        | [说明]：点击搜索或键盘右下角按钮，触发 `confirm` 事件，`event.detail = {value: value}`|
|`bind:submit`         | [说明]：搜索栏组件中内置 `form` 表单，点击搜索按钮时触发 `submit` 事件，可用于获取 `formId` 等，`event.detail = {value, formId}`|

## ChangeLog

#### v1.0.0（2018-4-9）

- 初始版本
npm package: @minui/wxc-select
Description: select - 小程序组件
Latest version: 1.0.1

# wxc-select

> select - 小程序组件

## Install

``` bash
$ min install @minui/wxc-select
```


## API

### Select

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`items`               | [说明]：`select` 选项数据。<br>[类型]：`Array`<br>[默认值]：`[]` |
|`checked`             | [说明]：选中数据的 `value` 值。<br>[类型]：`String`<br>[默认值]：`""` |
|`color`               | [说明]：选中时 `radio` 的颜色。<br>[类型]：`String`<br>[默认值]：`#ff5777` |
|`bind:change`         | [说明]：选中项发生变化时触发 `change` 事件，event.detail = {value: 选中项radio的value}|

### items 数据格式
| 名称                  | 描述                         |
|----------------------|------------------------------|
|`value`               | [说明]：选项的值。|
|`title`               | [说明]：选项标题。|
|`desc`                | [说明]：选项描述。可选。|

## ChangeLog

#### v1.0.0（2018-4-12）

- 初始版本
npm package: @minui/wxc-steps
Description: MinUI 小程序组件 - 步骤条
Author: Min Team
Latest version: 1.0.7

# wxc-steps

> MinUI 小程序组件 - 步骤条

## Install

``` bash
$ min install @minui/wxc-steps
```

## API

### Steps【props】

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`steps`               | [说明]：步骤信息数组。组成对象参见steps数组项。<br>[类型]：`Array`<br>默认值：`[]` <br>|
|`current`             | [说明]：当前进行的步骤位置，从0开始。<br>[类型]：`Number`<br>[默认值]：`0` <br>   |

<br>
### steps 数组项

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`title`           | [说明]：步骤名称。<br>[类型]：`String`<br>默认值：`""` <br>|
|`desc`            | [说明]：步骤描述。<br>[类型]：`String`<br>[默认值]：`""` <br>   |

## Link
||地址|
|--|---|
||steps 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#steps](https://meili.github.io/min/docs/minui/index.html#steps)<br>|
||steps 组件源码 <br> [https://github.com/meili/minui/tree/master/packages/wxc-steps](https://github.com/meili/minui/tree/master/packages/wxc-steps)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![steps](https://s10.mogucdn.com/mlcdn/c45406/171107_1cf7e9kbg5bi3l0ahj4ghb627jeb1_480x480.jpg_225x999.jpg)

##  ChangeLog

#### v1.0.3（2018.01.04）

- 步骤描述样式修改

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本