mint-ui / docs

documentation for mint-ui.

docs

documentation for mint-ui.

Development

make dev

Deploy

make deploy

License

MIT

docs's Issues

hi，提出一个bug

http://mint-ui.github.io/docs/#/undefined/action-sheet
http://mint-ui.github.io/docs/#/undefined/indicator

在使用你们文档时，当我点击左侧菜单时，路由地址出现了undefined，并且右侧代码区和演示区都为空

picker里面···省份和城市的联动的picker的基础上，能不能再加一个区域的联动啊？

picker里面···省份和城市的联动的picker的基础上，能不能再加一个区域的联动啊？

MessageBox返回action的问题

  使用MessageBox.confirm()的时候取消的状态在then(action => {})中不能获取，而是在catch中拿到，应该是直接使用了reject。
  而使用MessageBox(showCancalButton: true)的时候取消的状态在then(action => {})中则能获取，应该是使用了resolve返回action。这种差别应该是下面中的判断导致，不知道是有意为之还是怎样？

if ($type === 'confirm' || $type === 'prompt') { if (action === 'confirm') { if (instance.showInput) { currentMsg.resolve({ value: instance.inputValue, action }); } else { currentMsg.resolve(action); } } else if (action === 'cancel' && currentMsg.reject) { currentMsg.reject(action); } } else { currentMsg.resolve(action); }

cell跳转无法穿参

我尝试了cell的to属性，但是无法传参，只能是字符串，并不支持object

field 文档有个错误

修改成 v-model = ''

popup不能设置点击modal层不关闭

popup中，不管设置closeOnClickModal为true还是false点击popup框之外的地方都会关闭popup框，现在想不关闭弹窗，怎么设置？这个感觉是个问题

Indicator 组件默认没有z-index属性

导致使用还需要每次都添加一个z-index: xxxxxxx
loading层，本来就一般是非常高层级的

indicator.close()失效

如果使用toast或者message这两个组件，如果在Promise中的catch或者finally中，并且在无论在indicator.close()的line after或者line before都会导致indicator.close()失效。

例如这种写法
js

Indicator.open({
text:'正在请求...',
 spinnerType:'double-bounce'
})
axios.post(url,...).then(res=>{
...
}).catch(err=>{
Indicator.close()
message.alert('成功','提示'）
})

start error?

报错信息如下：

> [email protected] dev /Users/zhangpu/Documents/frontEnd/mint-ui-docs
> npm run build:router && cooking watch -p


> [email protected] build:router /Users/zhangpu/Documents/frontEnd/mint-ui-docs
> node bin/build-router

router file done

[[email protected]] - Loaded success: saladcss
[[email protected]] - Loaded success: lint
[[email protected]] - Loaded success: vue

[[email protected]] - Loading server...
[[email protected]] - Listening at http://10.204.131.8:8075
Build completed in 17.827s


ERROR in /usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-21dec0e0&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/app.vue
Module build failed: TypeError: plugins.slice is not a function
    at Object.module.exports (/Users/zhangpu/Documents/frontEnd/mint-ui-docs/node_modules/vue-loader/lib/style-rewriter.js:49:31)
 @ ./~/vue-style-loader!/usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-21dec0e0&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/app.vue 4:14-270 13:2-17:4 14:20-276
 @ ./src/app.vue
 @ ./src/main.js
 @ multi app

ERROR in /usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-1ac83258&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/navbar.vue
Module build failed: TypeError: plugins.slice is not a function
    at Object.module.exports (/Users/zhangpu/Documents/frontEnd/mint-ui-docs/node_modules/vue-loader/lib/style-rewriter.js:49:31)
 @ ./~/vue-style-loader!/usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-1ac83258&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/navbar.vue 4:14-282 13:2-17:4 14:20-288
 @ ./src/components/navbar.vue
 @ /Users/zhangpu/~/babel-loader!./~/vue-loader/lib/selector.js?type=script&index=0!./src/app.vue
 @ ./src/app.vue
 @ ./src/main.js
 @ multi app

ERROR in /usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-2f3a6756&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/phone.vue
Module build failed: TypeError: plugins.slice is not a function
    at Object.module.exports (/Users/zhangpu/Documents/frontEnd/mint-ui-docs/node_modules/vue-loader/lib/style-rewriter.js:49:31)
 @ ./~/vue-style-loader!/usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-2f3a6756&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/phone.vue 4:14-281 13:2-17:4 14:20-287
 @ ./src/components/phone.vue
 @ /Users/zhangpu/~/babel-loader!./~/vue-loader/lib/selector.js?type=script&index=0!./src/app.vue
 @ ./src/app.vue
 @ ./src/main.js
 @ multi app

ERROR in /usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/vue-loader/lib/selector.js?type=style&index=0!./~/vue-markdown-loader/.cache/README-1.vue
Module build failed: TypeError: plugins.slice is not a function
    at Object.module.exports (/Users/zhangpu/Documents/frontEnd/mint-ui-docs/node_modules/vue-loader/lib/style-rewriter.js:49:31)
 @ ./~/vue-style-loader!/usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/vue-loader/lib/selector.js?type=style&index=0!./~/vue-markdown-loader/.cache/README-1.vue 4:14-234 13:2-17:4 14:20-240
 @ ./~/vue-loader!./~/vue-markdown-loader/.cache/README-1.vue
 @ ./src/pages/README.md
 @ ./src/route.js
 @ ./src/main.js
 @ multi app
Child html-webpack-plugin for "index.html":

webpack: bundle is now VALID.
webpack: bundle is now INVALID.

Build completed in 1.285s


ERROR in /usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-21dec0e0&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/app.vue
Module build failed: TypeError: plugins.slice is not a function
    at Object.module.exports (/Users/zhangpu/Documents/frontEnd/mint-ui-docs/node_modules/vue-loader/lib/style-rewriter.js:49:31)
 @ ./~/vue-style-loader!/usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-21dec0e0&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/app.vue 4:14-270 13:2-17:4 14:20-276
 @ ./src/app.vue
 @ ./src/main.js
 @ multi app

ERROR in /usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-1ac83258&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/navbar.vue
Module build failed: TypeError: plugins.slice is not a function
    at Object.module.exports (/Users/zhangpu/Documents/frontEnd/mint-ui-docs/node_modules/vue-loader/lib/style-rewriter.js:49:31)
 @ ./~/vue-style-loader!/usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-1ac83258&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/navbar.vue 4:14-282 13:2-17:4 14:20-288
 @ ./src/components/navbar.vue
 @ /Users/zhangpu/~/babel-loader!./~/vue-loader/lib/selector.js?type=script&index=0!./src/app.vue
 @ ./src/app.vue
 @ ./src/main.js
 @ multi app

ERROR in /usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-2f3a6756&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/phone.vue
Module build failed: TypeError: plugins.slice is not a function
    at Object.module.exports (/Users/zhangpu/Documents/frontEnd/mint-ui-docs/node_modules/vue-loader/lib/style-rewriter.js:49:31)
 @ ./~/vue-style-loader!/usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-2f3a6756&scoped=true!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/phone.vue 4:14-281 13:2-17:4 14:20-287
 @ ./src/components/phone.vue
 @ /Users/zhangpu/~/babel-loader!./~/vue-loader/lib/selector.js?type=script&index=0!./src/app.vue
 @ ./src/app.vue
 @ ./src/main.js
 @ multi app

ERROR in /usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/vue-loader/lib/selector.js?type=style&index=0!./~/vue-markdown-loader/.cache/README-1.vue
Module build failed: TypeError: plugins.slice is not a function
    at Object.module.exports (/Users/zhangpu/Documents/frontEnd/mint-ui-docs/node_modules/vue-loader/lib/style-rewriter.js:49:31)
 @ ./~/vue-style-loader!/usr/local/lib/~/cooking-cli/~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/vue-loader/lib/selector.js?type=style&index=0!./~/vue-markdown-loader/.cache/README-1.vue 4:14-234 13:2-17:4 14:20-240
 @ ./~/vue-loader!./~/vue-markdown-loader/.cache/README-1.vue
 @ ./src/pages/README.md
 @ ./src/route.js
 @ ./src/main.js
 @ multi app

node版本：v6.2.2

npm版本：3.10.6

cooking版本：1.2.12

另外问一下，成功之后访问什么地址？

swipe调用的时候调用不出来

查看浏览器代码的时候，代码确实存在，也会切换 ，可是界面一片空白，不知道怎么回事，我调了半天都没调出来。
我用的是Vue-cli脚手架生成的代码 用的浏览器是chrome
请各位大神帮帮忙

navbar 报错

使用文章提供的例子，控制台会报Property or method "id" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.

Invalid prop: type check failed for prop "fixed". Expected Boolean, got String.
请问如何解决

Index List不提供点击事件吗？

Datetime picker 不能设置禁用时间哇

想设置哪些日期不能选择，但没有方法。。。

loading

你那个组件Loadmore 怎么整,请问

message-box 写的不够详细

初学者可能以为是promise形式Resolved是点击确认，Rejected是点击失败，建议添加说明

if (action === 'confirm') {
... //点击确定执行操作
} else if (action === 'cancel') {
... //点击取消执行操作
}

Palette Button中间的加号没有在按钮的中心

iPhone 7，系统版本：10.3.2
微信版本：6.5.9
按钮中间的加号掉下去了😴

sushi.css加载报错

因为不习惯用cooking，我尝试自己通过webpack来实现，现在遇到一个问题是结合sushi页面会报错：

Cannot find module "./fonts/icon.eot?h67jts"

实际上我在webpack里面是有引入对eot的loader的：

{
        test: /\.(eot|woff|ttf|svg)$/,
        loader: 'url-loader?limit=30000&name=[name]-[hash].[ext]'
      }

不知道发这里是否合适，麻烦帮忙看看

picker控件在Android上滑动非常不灵敏，很卡顿，尤其是在部门低端机上更卡

picker控件在Android上滑动非常不灵敏，很卡顿，尤其是在部门低端机上更卡

loadmore ios 体验很不好 希望能改进

安卓还好 ios因为使用的是游览器的的overflow滚动 不然很卡 需要添加 -webkit-overflow-scrolling: touch; 属性但和loadtop和loadbottom就冲突了。要滚动物理加速停止才算 。此外还发现 东西多了越滚越卡甚至死机。 官方的pushup 例子也有要到400多条才越明显。 希望能借鉴iscroll 从写下 mint很棒 也很用心 但不能因为这个坑我们转战别的阵营

Index List在iPhone的微信里无法上下滚动

iPhone 7，系统版本：10.3.2
微信版本：6.5.9

官网示例中，Filed组件input的宽度有问题

官网中就能看到这个BUG。

上图可以看到，A对应的Input里面能够输入的内容长度有限制。而B对应的Input正常。正常的应该是同B那样向右铺满整行的。

测试浏览器：火狐53.0.3 (64 位) ， 谷歌 59.0.3071.86 64位 都有这个问题。

官网例子model更正

http://mint-ui.github.io/docs/#/zh-cn2/field
例子 > 基础用法 >
<mt-field label="自我介绍" placeholder="自我介绍" type="textarea" rows="4" v-modal="introduction">

无限滚动加载的问题

我是以cnd方式引入mint-ui的，没有用到开发脚手架，以传统的开发方式开发，但是为什么Infinite scroll无效？？
请问该如何解决这个问题呢？

提个bug，单独引用Indicator的时候文档不清

在按需引用Indicator的时候，需要引入Indicator和Spinner 的css，文档没有说明

picky的value不能是标签

value不能是标签，无法显示图片

移动端没有上传图片功能吗

请问我的项目是vue-cli的webpack模版生成的，如何才能做到按需打包mint-ui的组件呢？

请问我的项目是vue-cli的webpack模版生成的，如何才能做到按需打包mint-ui的组件呢？
(vue-cli + vuex + vue-router)

为什么组件的回调函数api没有说明呢，

今天用了些组件，发现组件内部有emit回调函数，但文档中没有说明，我想我空可以给你们加上

为什么我没找到select组件？

难不成用Picker 代替了？

mint-ui 文档中Field的 自我介绍(textarea) 的例子，v-model 写成了v-modal

因为一直有报错。。。

文档出问题了，点击菜单无显示

现在点击左侧菜单，页面没有内容，url出错了

MessageBox.confirm和prompt方法点击取消报错。不能返回正确的action

页面不在顶部时，loadmore的下拉刷新仍会被触发

使用loadmore的下拉刷新时的一个bug：当页面的列表超出视口，用户将列表拉到下方再重新想回到顶部时，会一直触发下拉刷新，导致无法回到页面顶部。请问这一问题有什么解决方法呢？在配置时是否有要注意的问题？

如何获取Button对象并操作其API

需求是这样的， 需要通过外围控制button的disabled和type参数。但是目前没有看到如何获取该对象的示例，烦请指点，谢谢。

更新2.2.12后picker组件有bug

版本更新到2.2.12以后，picker组件的联动上会出现一个不出发onchange的问题，希望尽快修复，版本2.2.10正常

Mint UI 按照官方文档引入header 组件的时候报错

返回

<script> import { Header } from 'mint-ui' Vue.component(Header.name, Header) export default { name: 'header' } </script>

报错 ：head.vue?cb18:12 Uncaught ReferenceError: Vue is not defined
at eval (head.vue?cb18:12)
at Object. (app.js:1036)
at webpack_require (app.js:660)
at fn (app.js:86)
at eval (head.vue?a56b:1)
at Object. (app.js:1206)
at webpack_require (app.js:660)
at fn (app.js:86)
at eval (index.js?3672:1)
at Object. (app.js:1043) 但是我在main.js 里面都有做了注册了的

官网Field 组件 例子上代码打错 v-model打成 了v-modal

在Field组件的例子 基础用法上最后一个```
<mt-field label="自我介绍" placeholder="自我介绍" type="textarea" rows="4" v-modal="introduction">
-field>

打错了 不应该v-model嘛

官网文档单击quickstart没有高亮

官网文档单击quickstart没有高亮

swiper组件点击的时候会加速

连续点击swiper中的图片，图片会加速滑动


<img :src="dataSrcData" :data-src="item.atturl" alt="" @click='go(item.url)'>

<script> import { Swipe, SwipeItem } from 'mint-ui'; </script>

组件中的默认样式没办法修改，picker组件中默认选中那个values打印出来为undefind，如果用户在进行这个选择时，默认的值就是自己要选择的值，就无法被获取到

下拉刷新，loadmore，刷新页面一直执行loadBottom直至页面卡死？

你们的轮播图不流畅

请问怎么解决？我没找到方法，bug 为不流畅和闪屏，如果长按的话会出现前一张图片，然后松开就不轮播了

loadmore里面的loadBottom会默认加载

打开页面就会触发loadBottom，请问这是个bug吗

babelrc 更改后无法运行项目

我的.babelrc 结构原先是
{
"presets": ["es2015", "stage-2"],
"plugins": ["transform-runtime"],
"comments": false
}
按照官网改为：
{
"presets": [
["es2015", { "modules": false }]
],
"plugins": [["component", [
{
"libraryName": "mint-ui",
"style": true
}
]]]
}
运行
npm run dev
之后 提示 import 无法识别
Uncaught SyntaxError: Unexpected token import

文档上修改日历起始时间的方法

因为引用了mintui的日历组件，在这里掉坑了，爬出来了，各位用的童鞋可以参考
<mt-datetime-picker ref="pickerBirth" v-model="birthVisible" type="date" :start-date="startDate" year-format="{value} 年" month-format="{value} 月" date-format="{value} 日" @confirm="handleBirthConfirm"> </mt-datetime-picker>
在data () { return { startDate: new Date('1950') }
声明一下即可,1950是其实时间，结束时间类似

cell 组建to属性返回得是path，用fullPath是不是好些？

cell 组建to属性返回得是path，用fullPath是不是好些？

Field组件中， type=date不兼容火狐浏览器

<mt-field v-model="birthday" type="date" placeholder="请选择生日"></mt-field>

上面这段代码在火狐浏览器中无法将选择的值与birthday变量绑定

刚开始以为是mint-ui的bug， 后来发现是火狐浏览器的问题 ， 见下面的链接：
Date and time inputs

火狐浏览器从51版本支持了type=date的input标签， 但是默认没有enable，需要手动配置浏览器， 但是我实际测试了一下， enable之后还是不行（firfox for android 54）

希望官方在文档中给出相关提示。

Field 中输入纯数字时输入框后面的叉叉不见了

往输入框中一直输入数字，输入框后面的叉叉会消失
iPhone 7，系统版本：10.3.2
微信版本：6.5.9

picker 设置 defaultIndex无效了？

如题

What is the content of class="is-scrollable" in the simulator of phone page in docs?

Try to find this class to implement smooth scroll in mobile webApp using mint-ui but I could not find it.