open-index/open-npm huggingface dataset:
npm package: @qianxi0410/eslint-config-monorepo
Description: My eslint config
Author: qianxi
Latest version: 5.3.0

# eslint-config

My eslint config

# usage

## download

```bash
pnpm install @qianxi0410/eslint-config
```

## config `.eslintrc`

```json
{
  "extends": ["@qianxi0410"]
}
```

## License

MIT
npm package: @qianxiao199/mcp-server-swagger-api
Description: A Model Context Protocol server that provides Swagger API resources
Author: qianxiao199: 1509688043@qq.com
Latest version: 0.2.28

# Swagger API MCP Server

A Model Context Protocol (MCP) server that provides Swagger API documentation by fetching the first resource from the resources list and its details.

## Features

- Two-level API access:
  1. First fetches Swagger API resources from the base endpoint
  2. Then fetches detailed API documentation for the first resource only
- MCP protocol compatible
- Easy integration with AI models
- Markdown formatted output with clickable links and JSON data
- Focused API documentation in a single request
- Compact JSON format without whitespace to minimize data size

## Supported APIs

1. Primary API: `http://192.168.2.166:8080/basic-manage/api/swagger-resources`
2. Secondary API: `http://192.168.2.166:8080/basic-manage/api{resource[0].url}`

## Express Server Endpoints

The server also provides a web interface and REST API endpoints:

- `GET /` - Web interface with a button to fetch API documentation
- `GET /api/docs` - Returns the full Swagger API documentation for the first resource in compact format
- `GET /api/search?keyword=<keyword>` - Searches for API paths containing the specified keyword
- `GET /api/filter?tag=<tag>` - Returns the complete API documentation in compact format (tag parameter is required but not used for filtering)

## Available Tools
- `get_swagger_api_docs`
  - `sources` - Required arguments: API ID list
- Example usage:
  - `get_swagger_api_docs([1])` : Get Swagger API documentation for the first resource

## How It Works

1. The server first calls the Swagger resources endpoint to get a list of available APIs
2. It extracts the `url` field from the first resource in the list (index 0)
3. It then makes a second API call to `http://192.168.2.166:8080/basic-manage/api{url}` for that resource
4. The result from the secondary API call is returned in a structured format

## Installation

### NPX

```json
{
  "mcpServers": {
    "mcp-server-swagger-api": {
      "command": "npx",
      "args": [
        "-y",
        "@qianxiao199/mcp-server-swagger-api"
      ]
    }
  }
}
```

### Docker 
（ Docker image not uploaded to Docker Hub, need to build it yourself. ）

```json
{
  "mcpServers": {
    "mcp-server-swagger-api": {
      "command": "docker",
      "args": [
        "run",
        "-i",
        "--rm",
        "wopal/mcp-server-swagger-api"
      ]
    }
  }
}
```

## Development

```bash
# Install dependencies
npm install

# Watch mode
npm run watch

# Build
npm run build

# Test URLs
npm run test:urls
```

Docker build:

```bash
docker build -t wopal/mcp-server-swagger-api:latest -f Dockerfile .
```

## License

This MCP server is licensed under the MIT License. This means you are free to use, modify, and distribute the software, subject to the terms and conditions of the MIT License. For more details, please see the LICENSE file in the project repository.
npm package: @qianxunclub/caicai
Description: A lightweight, fast, and customizable comment system
Author: CaiCai Team
Latest version: 1.4.0

<div align="center">
  <img src="./src/assets/logo.svg" alt="CaiCai Logo" width="120" height="120" />
  <h1>CaiCai 评论系统</h1>

[![CircleCI](https://dl.circleci.com/status-badge/img/circleci/14dEPJ8YY9cB7Sqmx7raCm/34oRJiRufhZgKev6Wq1YuP/tree/main.svg?style=shield)](https://dl.circleci.com/status-badge/redirect/circleci/14dEPJ8YY9cB7Sqmx7raCm/34oRJiRufhZgKev6Wq1YuP/tree/main)  ![Version](https://img.shields.io/badge/version-1.0.1-green)  ![License](https://img.shields.io/badge/license-MIT-yellow)
</div>

## ✨ 特性

- 🚀 **现代化架构** - 使用 TypeScript 构建，提供完整的类型支持
- 🎨 **组件化设计** - 模块化的组件架构，易于扩展和维护
- 🌍 **国际化支持** - 内置多语言支持（中文/英文）
- 💾 **多种存储后端** - 支持 Supabase 和 Remote API
- 📱 **响应式设计** - 适配各种设备屏幕
- ⭐ **评分功能** - 可选的评分组件
- 🔄 **分页加载** - 支持评论和回复的分页加载
- 📝 **Markdown 支持** - 支持 Markdown 语法和实时预览
- 🛡️ **安全可靠** - 内置 XSS 防护和数据验证

### 技术栈

- [TypeScript](https://www.typescriptlang.org/) - 类型安全的 JavaScript
- [Webpack](https://webpack.js.org/) - 模块打包工具
- [Sass](https://sass-lang.com/) - CSS 预处理器
- [Marked](https://marked.js.org/) - Markdown 解析器
- [Highlight.js](https://highlightjs.org/) - 代码高亮
- [supabase-js](https://www.npmjs.com/package/@supabase/supabase-js) - 存储
npm package: @qianyi-test/q-wms-flow
Description: Q-WMS flow plugin for OpenClaw
Author: Qianyi
Latest version: 1.0.0

# q-wms-flow Plugin

`q-wms-flow` is a product-domain plugin for OpenClaw.

- Plugin id: `q-wms-flow`
- Tool name: `q-wms-flow`
- Current scenario: `inventory`
- Design goal: one plugin, multiple WMS scenarios (inventory first, then outbound/inbound/order flows).

## Why product-domain split (WMS vs ERP)

For your roadmap, use **separate plugins by product domain**:

- `q-wms-flow`: only WMS scenarios and permissions
- `q_erp_flow`: only ERP scenarios and permissions

This is better than a single mega plugin because:

- release isolation: WMS release does not risk ERP flows
- permission isolation: tool allowlist can be product-specific
- ownership isolation: different teams can maintain independently

If shared logic is needed (auth client, token cache, common formatter), extract a shared package later.

## 最简单安装（推荐）

终端用户不做任何操作，由网关管理员一次安装即可。

```bash
bash q-wms/plugin/q-wms-flow/scripts/install_q-wms-flow.sh
```

这个脚本会自动执行：

1. `plugins install`
2. `plugins enable`
3. `gateway restart`（自动重启）
4. 输出插件状态

## Install (local path)

```bash
openclaw plugins install ./q-wms/plugin/q-wms-flow
openclaw plugins enable q-wms-flow
openclaw plugins list
```

Then restart gateway.

## Tool schema (summary)

Use tool `q-wms-flow` with:

- `scenario`: must be `inventory`
- `tenantKey`, `openId`: channel identities
- `customerCode`: optional, default `YQN_UAT`
- `warehouseCode`, `skus`: optional, follow step-by-step flow
- `queryMode`: `normal` or `warehouse_all`
- `autoStartAuthorization`: default true

## Runtime dependency

This plugin currently executes python scripts from q-wms:

- `edi_inventory_entry.py`
- `openclaw_start_auth.py`

Script root resolution order:

1. plugin config `scriptRoot`
2. `<workspace>/skills/q-wms/scripts`
3. `<workspace>/q-wms/scripts`
4. `<plugin_root>/scripts`

For production rollout, recommend replacing script calls with direct QLINK API calls in plugin code.
npm package: @qianzhaoy/mm-button
Description: 按钮 - 小程序组件
Author: qianzhaoy
Latest version: 1.0.1

# mm-button

> 按钮 - 小程序组件

## Install

``` bash
$ min install mm-button
```


## API

### Button

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`prop-name`           | 描述属性的类型，默认值等         |
|`method-name`         | 描述方法的参数，返回值等         |

## ChangeLog

#### v1.0.0（2018-5-25）

- 初始版本
npm package: @qianzhaoy/mm-price
Description: 价格显示 - 小程序组件
Author: qianzhaoy
Latest version: 1.0.9

# mm-price

> 价格显示 - 小程序组件

## Install

``` bash
$ min install mm-price
```


## API

### Price

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`prop-name`           | 描述属性的类型，默认值等         |
|`method-name`         | 描述方法的参数，返回值等         |

## ChangeLog

#### v1.0.0（2018-5-18）

- 初始版本
npm package: @qianzhaoy/mm-sku
Description: SKU选择器 - 小程序组件
Author: qianzhaoy
Latest version: 1.0.5

# mm-sku

> SKU选择器 - 小程序组件

## Install

``` bash
$ min install @qianzhaoy/mm-sku
```


## API

### Sku


| 名称                   | 描述                 |  类型  |  默认值  |
|:---: |:--------: |:--------:| :---: |
|`sku`                   | 商品sku数据          | Object | --  |
|`goodsId`               | 商品id               | Number | null |
|`goods`                 | 商品信息	            | Object | -- |
|`quota`                 | 限购数(0表示不限购)	 | Number | 0 |
|`quotaUsed`             | 已经购买过的数量      | Number | 0 |
|`showAddCartBtn`        | 是否显示加入购物车按钮 | Boolean | false |
|`buyText`               | 购买按钮文本          | String | 立即购买 |

Event

| 事件名       | 说明               |  参数  |
| :--------:   | :-----:   | :----: |
| add-cart |  点击添加购物车回调 |  skuData: Object |
| buy-clicked | 点击购买回调	|  skuData: Object |
| error | 未选择完整规格值时点击确定的错误	|  errorMsg: String |

## ChangeLog

#### v1.0.0（2018-5-22）

- 初始版本
npm package: @qianzhaoy/wxc-abnor
Description: MinUI 小程序组件 - 异常流提示
Author: Min Team
Latest version: 1.0.9

# wxc-abnor

> MinUI 小程序组件 - 异常流提示

## Install

``` bash
$ min install @qianzhaoy/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/qianzhaoy/minui/tree/master/packages/wxc-abnor](https://github.com/qianzhaoy/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: @qianzhaoy/wxc-avatar
Description: MinUI 小程序组件 - 头像
Author: Min Team
Latest version: 1.0.10

# wxc-avatar

> MinUI 小程序组件 - 头像

## Install

``` bash
$ min install @qianzhaoy/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/qianzhaoy/minui/tree/master/packages/wxc-avatar](https://github.com/qianzhaoy/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: @qianzhaoy/wxc-badge
Description: MinUI 小程序组件 - 徽章
Author: Min Team
Latest version: 1.0.7

# wxc-badge

> MinUI 小程序组件 - 徽章

## Install

``` bash
$ min install @qianzhaoy/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/qianzhaoy/minui/tree/master/packages/wxc-badge](https://github.com/qianzhaoy/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: @qianzhaoy/wxc-button
Description: MinUI 小程序组件 - 按钮组件
Latest version: 1.0.4

# wxc-button

> MinUI 小程序组件 - 按钮组件

## Install

``` bash
$ min install @qianzhaoy/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>|
|`bindtap`             | [说明]：同微信小程序 `button` 组件。按钮点击事件<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}`|
			

## ChangeLog

#### v1.0.0（2018-02-26）

- 初始版本
npm package: @qianzhaoy/wxc-card
Description: 商品卡片 - 小程序组件
Author: qianzhaoy
Latest version: 1.0.4

# wxc-card

> 商品卡片 - 小程序组件

## Install

``` bash
$ min install @qianzhaoy/wxc-card
```


## API

### Card

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`prop-name`           | 描述属性的类型，默认值等         |
|`method-name`         | 描述方法的参数，返回值等         |

## ChangeLog

#### v1.0.0（2018-5-28）

- 初始版本
npm package: @qianzhaoy/wxc-cc
Description: MinUI 小程序组件 - 水平垂直居中
Author: Min Team
Latest version: 1.0.8

# wxc-cc

> MinUI 小程序组件 - 水平垂直居中

## Install

``` bash
$ min install @qianzhaoy/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/qianzhaoy/minui/tree/master/packages/wxc-cc](https://github.com/qianzhaoy/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: @qianzhaoy/wxc-countdown
Description: MinUI 小程序组件 - 倒计时
Author: Min Team
Latest version: 1.0.7

# wxc-countdown

> MinUI 小程序组件 - 倒计时

## Install

``` bash
$ min install @qianzhaoy/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/qianzhaoy/minui/tree/master/packages/wxc-countdown](https://github.com/qianzhaoy/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: @qianzhaoy/wxc-counter
Description: MinUI 小程序组件 - 数字框
Author: Min Team
Latest version: 1.0.11

# wxc-counter

> MinUI 小程序组件 - 数字框

## Install

``` bash
$ min install @qianzhaoy/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/qianzhaoy/minui/tree/master/packages/wxc-counter](https://github.com/qianzhaoy/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: @qianzhaoy/wxc-dialog
Description: MinUI 小程序组件 - 对话框
Author: Min Team
Latest version: 1.0.14

# wxc-dialog

> MinUI 小程序组件 - 对话框

## Install

``` bash
$ min install @qianzhaoy/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/qianzhaoy/minui/tree/master/packages/wxc-dialog](https://github.com/qianzhaoy/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: @qianzhaoy/wxc-elip
Description: MinUI 小程序组件 - 文本截断
Author: Min Team
Latest version: 1.0.7

# wxc-elip

> MinUI 小程序组件 - 文本截断

## Install

``` bash
$ min install @qianzhaoy/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/qianzhaoy/minui/tree/master/packages/wxc-elip](https://github.com/qianzhaoy/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: @qianzhaoy/wxc-icon
Description: MinUI 小程序组件 - 图标
Author: Min Team
Latest version: 1.0.11

# wxc-icon

> MinUI 小程序组件 - 图标

## Install

``` bash
$ min install @qianzhaoy/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/qianzhaoy/minui/tree/master/packages/wxc-icon](https://github.com/qianzhaoy/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: @qianzhaoy/wxc-input
Description: 输入框组件 - 小程序组件
Latest version: 1.0.5

# wxc-input

> 输入框组件 - 小程序组件

## Install

``` bash
$ min install @qianzhaoy/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}|

## ChangeLog

#### v1.0.0（2018-3-29）

- 初始版本
npm package: @qianzhaoy/wxc-label
Description: MinUI 小程序组件 - 标签
Author: Min Team
Latest version: 1.0.7

# wxc-label

> MinUI 小程序组件 - 标签

## Install

``` bash
$ min install @qianzhaoy/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/qianzhaoy/minui/tree/master/packages/wxc-label](https://github.com/qianzhaoy/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: @qianzhaoy/wxc-list
Description: 列表组件 - 小程序组件
Latest version: 1.0.6

# wxc-list

> 列表组件 - 小程序组件

## Install

``` bash
$ min install @qianzhaoy/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: @qianzhaoy/wxc-loading
Description: MinUI 小程序组件 - 加载提示
Author: Min Team
Latest version: 1.0.10

# wxc-loading

> MinUI 小程序组件 - 加载提示

## Install

``` bash
$ min install @qianzhaoy/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/qianzhaoy/minui/tree/master/packages/wxc-loading](https://github.com/qianzhaoy/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: @qianzhaoy/wxc-loadmore
Description: MinUI 小程序组件 - 页底提示
Author: Min Team
Latest version: 1.0.7

# wxc-loadmore

> MinUI 小程序组件 - 页底提示

## Install

``` bash
$ min install @qianzhaoy/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/qianzhaoy/minui/tree/master/packages/wxc-loadmore](https://github.com/qianzhaoy/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: @qianzhaoy/wxc-mask
Description: MinUI 小程序组件 - 遮罩层
Author: Min Team
Latest version: 1.0.10

# wxc-mask

> MinUI 小程序组件 - 遮罩层

## Install

``` bash
$ min install @qianzhaoy/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/qianzhaoy/minui/tree/master/packages/wxc-mask](https://github.com/qianzhaoy/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: @qianzhaoy/wxc-notice
Description: 通告栏 - 小程序组件
Latest version: 1.0.4

# wxc-notice

> 通告栏 - 小程序组件

## Install

``` bash
$ min install @qianzhaoy/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: @qianzhaoy/wxc-panel
Description: panel - 小程序组件
Latest version: 1.0.4

# wxc-panel

> panel - 小程序组件

## Install

``` bash
$ min install @qianzhaoy/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: @qianzhaoy/wxc-popup
Description: MinUI 小程序组件 - 弹出层
Author: Min Team
Latest version: 1.0.14

# wxc-popup

> MinUI 小程序组件 - 弹出层

## Install

``` bash
$ min install @qianzhaoy/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/qianzhaoy/minui/tree/master/packages/wxc-popup](https://github.com/qianzhaoy/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: @qianzhaoy/wxc-price
Description: MinUI 小程序组件 - 价格
Author: Min Team
Latest version: 1.0.10

# wxc-price

> MinUI 小程序组件 - 价格

## Install

``` bash
$ min install @qianzhaoy/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/qianzhaoy/minui/tree/master/packages/wxc-price](https://github.com/qianzhaoy/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: @qianzhaoy/wxc-progress
Description: MinUI 小程序组件 - 进度条
Author: Min Team
Latest version: 1.0.7

# wxc-progress

> MinUI 小程序组件 - 进度条

## Install

``` bash
$ min install @qianzhaoy/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/qianzhaoy/minui/tree/master/packages/wxc-progress](https://github.com/qianzhaoy/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: @qianzhaoy/wxc-rate
Description: 评价 - 小程序组件
Latest version: 1.0.4

# wxc-rate

> 评分 - 小程序组件

## Install

``` bash
$ min install @qianzhaoy/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>|
|`prop-name`           | 描述属性的类型，默认值等         |
|`method-name`         | 描述方法的参数，返回值等         |

## ChangeLog

#### v1.0.0（2018-4-23）

- 初始版本
npm package: @qianzhaoy/wxc-search
Description: 搜索栏 - 小程序组件
Latest version: 1.0.5

# wxc-search

> 搜索栏 - 小程序组件

## Install

``` bash
$ min install @qianzhaoy/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: @qianzhaoy/wxc-select
Description: select - 小程序组件
Latest version: 1.0.5

# wxc-select

> select - 小程序组件

## Install

``` bash
$ min install @qianzhaoy/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: @qianzhaoy/wxc-steps
Description: MinUI 小程序组件 - 步骤条
Author: Min Team
Latest version: 1.0.11

# wxc-steps

> MinUI 小程序组件 - 步骤条

## Install

``` bash
$ min install @qianzhaoy/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/qianzhaoy/minui/tree/master/packages/wxc-steps](https://github.com/qianzhaoy/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）

- 初始版本
npm package: @qianzhaoy/wxc-tab
Description: MinUI 小程序组件 - 选项卡
Author: Min Team
Latest version: 1.0.11

# wxc-tab

> MinUI 小程序组件 - 选项卡

## Install

``` bash
$ min install @qianzhaoy/wxc-tab
```

## API

### Tab【props】

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`default-index`             | [说明]：当前激活面板的 index。<br>[类型]：`Number`<br>[默认值]：`0`
|`animate`                   | [说明]：是否开启动画。<br>[类型]：`Boolean`<br>[默认值]：`false`
|`component-id`              | [说明]：同时调用两个tab时，需要指定component-id。<br>[类型]：`String`<br>
|`bindtabchange`             | [说明]：tab切换的回调函数
|`text-color`                | [说明]：文字颜色。<br>[类型]：`String`<br>[默认值]：`#000`
|`active-text-color`         | [说明]：选中文字颜色。<br>[类型]：`String`<br>[默认值]：`#ff5777`
|`line-color`                | [说明]：线条颜色。<br>[类型]：`String`<br>[默认值]：`#ddd`
|`active-line-color`         | [说明]：选中线条颜色。<br>[类型]：`String`<br>[默认值]：`#ff5777`
|`full-screen`               | [说明]：tab 组件全屏设置。<br>[类型]：`Boolean`<br>[默认值]：`false`

### Tab-Panel【props】

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`tab-index`           | [说明]：激活当前面板的 index。<br>[类型]：`Number`<br>[默认值]：`0`
|`label`               | [说明]：选项卡头部显示的文字。<br>[类型]：`String`<br>
|`component-id`        | [说明]：同时调用两个tab时，需要指定component-id。<br>[类型]：`String`<br>

### Tab-Label【props】

自定义头部时，需要在外层加slot="tablabel"

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`tab-index`           | [说明]：激活当前面板的 index。<br>[类型]：`Number`<br>[默认值]：`0`
|`component-id`        | [说明]：同时调用两个tab时，需要指定component-id。<br>[类型]：`String`<br>

## Link
||地址|
|--|---|
||tab 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#tab](https://meili.github.io/min/docs/minui/index.html#tab)<br>|
||tab 组件源码 <br> [https://github.com/qianzhaoy/minui/tree/master/packages/wxc-tab](https://github.com/qianzhaoy/minui/tree/master/packages/wxc-tab)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![tab](https://s10.mogucdn.com/mlcdn/c45406/171107_7eaagk5jeh09jj72h677gcd2g6j2c_480x480.jpg_225x999.jpg)

##  ChangeLog

#### v1.0.5（2018.04.27）
- panel 高度自适应

#### v1.0.4（2018.02.09）
- 新增 full-screen 属性

#### v1.0.3（2018.01.04）

- 修复点击tab时的定位问题

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本