Skip to content

C
cube-ui

DiDi / cube-ui
10 个月 前同步成功

通知 34
Star 9078
Fork 1508
C
cube-ui

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 24b122fb 编写于 作者: D dolymood
浏览文件
操作

build: docs

上级 3e044cbc
隐藏空白更改
内联 并排
Showing with 4 addition and 4 deletion
docs/index.html
浏览文件 @ 24b122fb
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=x5-cache content=disable><meta name=keywords content=CUBE,UI,VUE,COMPONENT,LIB,LIBRARY><link rel="shortcut icon" type=images/x-icon href=//webapp.didistatic.com/static/webapp/shield/Cube-UI_logo.ico><title>cube-ui Document</title><link href=/cube-ui/css/app.eff0dd361031a52994230f4aae1f87da.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/cube-ui/js/manifest.a79e95f4bc724192e340.js></script><script type=text/javascript src=/cube-ui/js/vendor.d333162a638d46cd8472.js></script><script type=text/javascript src=/cube-ui/js/app.c3e5964c144d5c8b94dd.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=x5-cache content=disable><meta name=keywords content=CUBE,UI,VUE,COMPONENT,LIB,LIBRARY><link rel="shortcut icon" type=images/x-icon href=//webapp.didistatic.com/static/webapp/shield/Cube-UI_logo.ico><title>cube-ui Document</title><link href=/cube-ui/css/app.eff0dd361031a52994230f4aae1f87da.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/cube-ui/js/manifest.9e91828b3e5f7c659813.js></script><script type=text/javascript src=/cube-ui/js/vendor.d333162a638d46cd8472.js></script><script type=text/javascript src=/cube-ui/js/app.c3e5964c144d5c8b94dd.js></script></body></html>
\ No newline at end of file
docs/js/46.57f0bb37f13714fdb453.js 0 → 100644
浏览文件 @ 24b122fb
webpackJsonp([46],{An3W:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"ActionSheet"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ActionSheet-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" ActionSheet")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 示例")]),t._v(" "),t._m(2),t._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props 配置")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 事件")]),t._v(" "),t._m(6),t._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 实例方法")]),t._v(" "),t._m(7)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("ActionSheet")]),t._v("操作列表提供了两种常见的样式，灵活可控内容。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("注：")]),t._v(" 由于此组件基于 create-api 实现，所以在使用之前，请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("基本用法")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showDefault"')]),t._v(">")]),t._v("操作列表"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showDefault() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'<em>align - center</em>'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-foo'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - left'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'left'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - right'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'right'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("配置标题 "),a("code",{pre:!0},[t._v("title")]),t._v(" 和 "),a("code",{pre:!0},[t._v("data")]),t._v(" 数据项，注意 "),a("code",{pre:!0},[t._v("data")]),t._v(" 中内容是 "),a("code",{pre:!0},[t._v("content")]),t._v("，一段 HTML 字符串，额外还可以配置自定义 class："),a("code",{pre:!0},[t._v("class")]),t._v(" 和方向："),a("code",{pre:!0},[t._v("align")]),t._v("（值可以是 "),a("code",{pre:!0},[t._v("left")]),t._v("、"),a("code",{pre:!0},[t._v("right")]),t._v("）。")])]),t._v(" "),a("li",[a("p",[t._v("高亮设置")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActive"')]),t._v(">")]),t._v("ActionSheet - active"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showActive() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked canceled`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("通过设置 "),a("code",{pre:!0},[t._v("active")]),t._v(" 属性来控制高亮的是第几个。")])]),t._v(" "),a("li",[a("p",[t._v("Picker 样式设定")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showPickerStyle"')]),t._v(">")]),t._v("ActionSheet - picker style"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showPickerStyle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("pickerStyle")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked canceled`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("pickerStyle")]),t._v(" 属性决定是否使用 Picker 样式。")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("组件的标题")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("cancelTxt"),a("sup",[t._v("1.9.9")])]),t._v(" "),a("td",[t._v("取消文案")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'取消'")])]),t._v(" "),a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("需要展示的数据列表")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("[]")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("高亮第几个选项")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-1")])]),t._v(" "),a("tr",[a("td",[t._v("pickerStyle")]),t._v(" "),a("td",[t._v("Picker 样式")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("显示状态，是否可见。"),a("code",{pre:!0},[t._v("v-model")]),t._v("绑定值")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("点击蒙层是否隐藏")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("样式 z-index 的值")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("100")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("data")]),t._v(" 子配置项")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("展示的内容")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("任意 HTML 字符串")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("align")]),t._v(" "),a("td",[t._v("内容对齐方向")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("left/right")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("class")]),t._v(" "),a("td",[t._v("自定义 class")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("参数1")]),t._v(" "),a("th",[t._v("参数2")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("点击取消")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("select")]),t._v(" "),a("td",[t._v("点击某项")]),t._v(" "),a("td",[t._v("点击项 item，即 data[index]")]),t._v(" "),a("td",[t._v("点击项的索引值 index")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("方法名")]),t._v(" "),a("th",[t._v("说明")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("显示")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("隐藏")])])])])}]}},Ezhp:function(t,s,a){t.exports=a("cj7U")},cj7U:function(t,s,a){var v=a("VU/8")(null,a("An3W"),null,null,null);t.exports=v.exports}});
\ No newline at end of file
docs/js/46.eeb062e71ad8ac03e546.js 已删除 100644 → 0
浏览文件 @ 3e044cbc
webpackJsonp([46],{An3W:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"ActionSheet"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ActionSheet-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" ActionSheet")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 示例")]),t._v(" "),t._m(2),t._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props 配置")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 事件")]),t._v(" "),t._m(6),t._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 实例方法")]),t._v(" "),t._m(7)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("ActionSheet")]),t._v("操作列表提供了两种常见的样式，灵活可控内容。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("注：")]),t._v(" 由于此组件基于 create-api 实现，所以在使用之前，请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("基本用法")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActionSheet"')]),t._v(">")]),t._v("操作列表"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showDefault() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'<em>align - center</em>'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-foo'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - left'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'left'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - right'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'right'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("配置标题 "),a("code",{pre:!0},[t._v("title")]),t._v(" 和 "),a("code",{pre:!0},[t._v("data")]),t._v(" 数据项，注意 "),a("code",{pre:!0},[t._v("data")]),t._v(" 中内容是 "),a("code",{pre:!0},[t._v("content")]),t._v("，一段 HTML 字符串，额外还可以配置自定义 class："),a("code",{pre:!0},[t._v("class")]),t._v(" 和方向："),a("code",{pre:!0},[t._v("align")]),t._v("（值可以是 "),a("code",{pre:!0},[t._v("left")]),t._v("、"),a("code",{pre:!0},[t._v("right")]),t._v("）。")])]),t._v(" "),a("li",[a("p",[t._v("高亮设置")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActive"')]),t._v(">")]),t._v("ActionSheet - active"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showActive() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked canceled`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("通过设置 "),a("code",{pre:!0},[t._v("active")]),t._v(" 属性来控制高亮的是第几个。")])]),t._v(" "),a("li",[a("p",[t._v("Picker 样式设定")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showPickerStyle"')]),t._v(">")]),t._v("ActionSheet - picker style"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showPickerStyle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("pickerStyle")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked canceled`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("pickerStyle")]),t._v(" 属性决定是否使用 Picker 样式。")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("组件的标题")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("cancelTxt"),a("sup",[t._v("1.9.9")])]),t._v(" "),a("td",[t._v("取消文案")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'取消'")])]),t._v(" "),a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("需要展示的数据列表")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("[]")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("高亮第几个选项")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-1")])]),t._v(" "),a("tr",[a("td",[t._v("pickerStyle")]),t._v(" "),a("td",[t._v("Picker 样式")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("显示状态，是否可见。"),a("code",{pre:!0},[t._v("v-model")]),t._v("绑定值")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("点击蒙层是否隐藏")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("样式 z-index 的值")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("100")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("data")]),t._v(" 子配置项")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("展示的内容")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("任意 HTML 字符串")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("align")]),t._v(" "),a("td",[t._v("内容对齐方向")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("left/right")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("class")]),t._v(" "),a("td",[t._v("自定义 class")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("参数1")]),t._v(" "),a("th",[t._v("参数2")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("点击取消")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("select")]),t._v(" "),a("td",[t._v("点击某项")]),t._v(" "),a("td",[t._v("点击项 item，即 data[index]")]),t._v(" "),a("td",[t._v("点击项的索引值 index")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("方法名")]),t._v(" "),a("th",[t._v("说明")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("显示")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("隐藏")])])])])}]}},Ezhp:function(t,s,a){t.exports=a("cj7U")},cj7U:function(t,s,a){var v=a("VU/8")(null,a("An3W"),null,null,null);t.exports=v.exports}});
\ No newline at end of file
docs/js/91.1d32ffd75906b9317259.js 已删除 100644 → 0
浏览文件 @ 3e044cbc
webpackJsonp([91],{E7JB:function(t,s,a){var v=a("VU/8")(null,a("poR7"),null,null,null);t.exports=v.exports},egGD:function(t,s,a){t.exports=a("E7JB")},poR7:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"ActionSheet"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ActionSheet-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" ActionSheet")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(2),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(6),t._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Instance methods")]),t._v(" "),t._m(7)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("ActionSheet")]),t._v(" provides two common styles and it is flexible.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("Notice:")]),t._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Basic usage")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActionSheet"')]),t._v(">")]),t._v("action sheet"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showDefault() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'<em>align - center</em>'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-foo'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - left'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'left'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - right'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'right'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can create a basic actionsheet by setting "),a("code",{pre:!0},[t._v("title")]),t._v(" and "),a("code",{pre:!0},[t._v("data")]),t._v(" option. Pay attention that "),a("code",{pre:!0},[t._v("content")]),t._v(" in "),a("code",{pre:!0},[t._v("data")]),t._v(" can be a HTML string. Also, setting the custom class by "),a("code",{pre:!0},[t._v("class")]),t._v(" and setting the align of the item's content by "),a("code",{pre:!0},[t._v("align")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Highlight item")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActive"')]),t._v(">")]),t._v("ActionSheet - active"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showActive() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked canceled`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can control the highlighted item by setting the "),a("code",{pre:!0},[t._v("active")]),t._v(" option.")])]),t._v(" "),a("li",[a("p",[t._v("Picker style setting")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showPickerStyle"')]),t._v(">")]),t._v("ActionSheet - picker style"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showPickerStyle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("pickerStyle")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked canceled`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can use Picker style by setting "),a("code",{pre:!0},[t._v("pickerStyle")]),t._v(" to be true.")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("actionsheet's title")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("cancelTxt"),a("sup",[t._v("1.9.9")])]),t._v(" "),a("td",[t._v("the text of the cancel button")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'取消'")])]),t._v(" "),a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("the data list to display")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("[]")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("the highlighted item's index")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-1")])]),t._v(" "),a("tr",[a("td",[t._v("pickerStyle")]),t._v(" "),a("td",[t._v("Picker style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("whether visible. Bind to "),a("code",{pre:!0},[t._v("v-model")])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("whether hide the component when clicked the mask layer")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("the value of the style z-index")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("100")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("data")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("the content to display in the actionsheet's item")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("any text, include HTML")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("align")]),t._v(" "),a("td",[t._v("align the content")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("left/right")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("class")]),t._v(" "),a("td",[t._v("custom class")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters 1")]),t._v(" "),a("th",[t._v("Parameters 2")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("triggers when clicking the cancel button")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("select")]),t._v(" "),a("td",[t._v("triggers when clicking some item")]),t._v(" "),a("td",[t._v("the clicked item - data[index]")]),t._v(" "),a("td",[t._v("the index of the clicked item")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Method name")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("show")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("hide")])])])])}]}}});
\ No newline at end of file
docs/js/91.bafce18b7db27328f409.js 0 → 100644
浏览文件 @ 24b122fb
webpackJsonp([91],{E7JB:function(t,s,a){var v=a("VU/8")(null,a("poR7"),null,null,null);t.exports=v.exports},egGD:function(t,s,a){t.exports=a("E7JB")},poR7:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"ActionSheet"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ActionSheet-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" ActionSheet")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(2),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(6),t._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Instance methods")]),t._v(" "),t._m(7)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("ActionSheet")]),t._v(" provides two common styles and it is flexible.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("Notice:")]),t._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Basic usage")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showDefault"')]),t._v(">")]),t._v("action sheet"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showDefault() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'<em>align - center</em>'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-foo'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - left'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'left'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - right'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'right'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can create a basic actionsheet by setting "),a("code",{pre:!0},[t._v("title")]),t._v(" and "),a("code",{pre:!0},[t._v("data")]),t._v(" option. Pay attention that "),a("code",{pre:!0},[t._v("content")]),t._v(" in "),a("code",{pre:!0},[t._v("data")]),t._v(" can be a HTML string. Also, setting the custom class by "),a("code",{pre:!0},[t._v("class")]),t._v(" and setting the align of the item's content by "),a("code",{pre:!0},[t._v("align")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Highlight item")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActive"')]),t._v(">")]),t._v("ActionSheet - active"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showActive() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked canceled`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can control the highlighted item by setting the "),a("code",{pre:!0},[t._v("active")]),t._v(" option.")])]),t._v(" "),a("li",[a("p",[t._v("Picker style setting")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showPickerStyle"')]),t._v(">")]),t._v("ActionSheet - picker style"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showPickerStyle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("pickerStyle")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked canceled`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can use Picker style by setting "),a("code",{pre:!0},[t._v("pickerStyle")]),t._v(" to be true.")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("actionsheet's title")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("cancelTxt"),a("sup",[t._v("1.9.9")])]),t._v(" "),a("td",[t._v("the text of the cancel button")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'取消'")])]),t._v(" "),a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("the data list to display")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("[]")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("the highlighted item's index")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-1")])]),t._v(" "),a("tr",[a("td",[t._v("pickerStyle")]),t._v(" "),a("td",[t._v("Picker style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("whether visible. Bind to "),a("code",{pre:!0},[t._v("v-model")])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("whether hide the component when clicked the mask layer")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("the value of the style z-index")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("100")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("data")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("the content to display in the actionsheet's item")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("any text, include HTML")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("align")]),t._v(" "),a("td",[t._v("align the content")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("left/right")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("class")]),t._v(" "),a("td",[t._v("custom class")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters 1")]),t._v(" "),a("th",[t._v("Parameters 2")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("triggers when clicking the cancel button")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("select")]),t._v(" "),a("td",[t._v("triggers when clicking some item")]),t._v(" "),a("td",[t._v("the clicked item - data[index]")]),t._v(" "),a("td",[t._v("the index of the clicked item")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Method name")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("show")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("hide")])])])])}]}}});
\ No newline at end of file
docs/js/manifest.a79e95f4bc724192e340.js → docs/js/manifest.9e91828b3e5f7c659813.js
浏览文件 @ 24b122fb
!function(e){function c(a){if(d[a])return d[a].exports;var b=d[a]={i:a,l:!1,exports:{}};return e[a].call(b.exports,b,b.exports,c),b.l=!0,b.exports}var a=window.webpackJsonp;window.webpackJsonp=function(d,f,n){for(var r,t,o,u=0,i=[];u<d.length;u++)t=d[u],b[t]&&i.push(b[t][0]),b[t]=0;for(r in f)Object.prototype.hasOwnProperty.call(f,r)&&(e[r]=f[r]);for(a&&a(d,f,n);i.length;)i.shift()();if(n)for(u=0;u<n.length;u++)o=c(c.s=n[u]);return o};var d={},b={94:0};c.e=function(e){function a(){r.onerror=r.onload=null,clearTimeout(t);var c=b[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),b[e]=void 0)}var d=b[e];if(0===d)return new Promise(function(e){e()});if(d)return d[2];var f=new Promise(function(c,a){d=b[e]=[c,a]});d[2]=f;var n=document.getElementsByTagName("head")[0],r=document.createElement("script");r.type="text/javascript",r.charset="utf-8",r.async=!0,r.timeout=12e4,c.nc&&r.setAttribute("nonce",c.nc),r.src=c.p+"js/"+e+"."+{0:"d5ce8696d7817c1ad3a3",1:"34b5857f194e5f1acfb6",2:"6e6975d6a89dd029fad4",3:"12506d2ed3caca26d9b0",4:"415f17002e53bbea6722",5:"df54f9daf110a907159b",6:"895522cc1e070b001975",7:"e73bb330f5aef30e9afc",8:"1af7a1ba5af5bb0d68b2",9:"2b406ccd63b03baac8bd",10:"96da8d597fad20262c6a",11:"03e77abfe8cc11040e9a",12:"599c6a91b0e604847757",13:"238568fdec73355962fb",14:"c3cc516b23ecc8d821aa",15:"f8a45a0f1c77686ee9c1",16:"83d41e7b1a92ce761e7d",17:"89fd481362aaa4141a73",18:"8582310842dae1c00da6",19:"1e36d1ddd1c6b9bebb6b",20:"32b5f56ad8727fdf2c25",21:"5a95626f892944ce441b",22:"acc5973de803597dd39e",23:"3ec33d6c14d434df0bf6",24:"1b24a95625428040d221",25:"932f0dcc9d233a6c7a02",26:"b7a27fb42d8f6fe3d621",27:"1a57a87827780cc93797",28:"4cd01b39b2ba9c992d4a",29:"e21d86280e771e590b54",30:"8ec0a68ed860c372e24c",31:"41f2069c0d6df59a356a",32:"141982175c7333bdfed7",33:"ab9af0097c4e6964000d",34:"f308147228341c7ab800",35:"96bd2b8ccc9b38d34df9",36:"fb32375e5a60016231d9",37:"2f930ad9e435f595720a",38:"73040cbba669c2f346ad",39:"bd87177f9e7b6aade235",40:"3b3a0e9a78a38f6a1834",41:"7c5d8496ebb8c693c291",42:"5c07fa56f6373ad8d8ec",43:"b7e8d864e0b917164d7a",44:"1cd2ce2e186059cdbab7",45:"87c8d65c6740bc8a7d62",46:"eeb062e71ad8ac03e546",47:"42231fd231c11b558a59",48:"e31086d402071e4eaabe",49:"38b72731663b30ba7a14",50:"30d54e5e374954844533",51:"4157f27b05c1bcc31478",52:"eb1222bfcf0bfb35e9a5",53:"4c8a9976d3947b0b27c3",54:"1d541ace9ba0d0e70da4",55:"fb42732889ea5a34394a",56:"7f3fb816e0fe97a65fcc",57:"5927510de4d047fa05f0",58:"883f4cb21727505c6ca7",59:"88509283c0cdfd915d17",60:"77cfecda9e49bec28446",61:"222f6deb479165b9f756",62:"19d6cd6415720462ebf2",63:"ede6b3e598e961142e98",64:"5fa3654dc13ed7ce1b3f",65:"ca97241b2ab4a1cad153",66:"d06cadf3890e07a93166",67:"bded3f7b12f4ce988815",68:"13bbe9d9886bbf9a928e",69:"7fd2dbd25b3afcd18152",70:"4cfb318e40eca6562080",71:"82d94b2284e90e2de387",72:"a5addb632f9ac18563f1",73:"94cc73e7eadfd1860814",74:"327113bc80124a47eb25",75:"69206936a4c953955e84",76:"fb7284073786f353d8e5",77:"d7a37a14fe226ac7f034",78:"c4215874cb8d2a3eec10",79:"5e532037283568273584",80:"f16929cf75c1e486aa17",81:"59dcaffaee7b7596b8f9",82:"67c961a904ed2f52b3b7",83:"4d15621c396625719cee",84:"abe82c1b64c923ed2b19",85:"28ec757b39b8a7a933fb",86:"f749c98106f81fa78f3e",87:"33c6aefcc892bee112dd",88:"de4a916472f104f61636",89:"f10e96c58d8eb0db1c28",90:"5de2cbb333625c493adb",91:"1d32ffd75906b9317259"}[e]+".js";var t=setTimeout(a,12e4);return r.onerror=r.onload=a,n.appendChild(r),f},c.m=e,c.c=d,c.d=function(e,a,d){c.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:d})},c.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(a,"a",a),a},c.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},c.p="/cube-ui/",c.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
!function(e){function c(a){if(d[a])return d[a].exports;var b=d[a]={i:a,l:!1,exports:{}};return e[a].call(b.exports,b,b.exports,c),b.l=!0,b.exports}var a=window.webpackJsonp;window.webpackJsonp=function(d,f,n){for(var r,t,o,u=0,i=[];u<d.length;u++)t=d[u],b[t]&&i.push(b[t][0]),b[t]=0;for(r in f)Object.prototype.hasOwnProperty.call(f,r)&&(e[r]=f[r]);for(a&&a(d,f,n);i.length;)i.shift()();if(n)for(u=0;u<n.length;u++)o=c(c.s=n[u]);return o};var d={},b={94:0};c.e=function(e){function a(){r.onerror=r.onload=null,clearTimeout(t);var c=b[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),b[e]=void 0)}var d=b[e];if(0===d)return new Promise(function(e){e()});if(d)return d[2];var f=new Promise(function(c,a){d=b[e]=[c,a]});d[2]=f;var n=document.getElementsByTagName("head")[0],r=document.createElement("script");r.type="text/javascript",r.charset="utf-8",r.async=!0,r.timeout=12e4,c.nc&&r.setAttribute("nonce",c.nc),r.src=c.p+"js/"+e+"."+{0:"d5ce8696d7817c1ad3a3",1:"34b5857f194e5f1acfb6",2:"6e6975d6a89dd029fad4",3:"12506d2ed3caca26d9b0",4:"415f17002e53bbea6722",5:"df54f9daf110a907159b",6:"895522cc1e070b001975",7:"e73bb330f5aef30e9afc",8:"1af7a1ba5af5bb0d68b2",9:"2b406ccd63b03baac8bd",10:"96da8d597fad20262c6a",11:"03e77abfe8cc11040e9a",12:"599c6a91b0e604847757",13:"238568fdec73355962fb",14:"c3cc516b23ecc8d821aa",15:"f8a45a0f1c77686ee9c1",16:"83d41e7b1a92ce761e7d",17:"89fd481362aaa4141a73",18:"8582310842dae1c00da6",19:"1e36d1ddd1c6b9bebb6b",20:"32b5f56ad8727fdf2c25",21:"5a95626f892944ce441b",22:"acc5973de803597dd39e",23:"3ec33d6c14d434df0bf6",24:"1b24a95625428040d221",25:"932f0dcc9d233a6c7a02",26:"b7a27fb42d8f6fe3d621",27:"1a57a87827780cc93797",28:"4cd01b39b2ba9c992d4a",29:"e21d86280e771e590b54",30:"8ec0a68ed860c372e24c",31:"41f2069c0d6df59a356a",32:"141982175c7333bdfed7",33:"ab9af0097c4e6964000d",34:"f308147228341c7ab800",35:"96bd2b8ccc9b38d34df9",36:"fb32375e5a60016231d9",37:"2f930ad9e435f595720a",38:"73040cbba669c2f346ad",39:"bd87177f9e7b6aade235",40:"3b3a0e9a78a38f6a1834",41:"7c5d8496ebb8c693c291",42:"5c07fa56f6373ad8d8ec",43:"b7e8d864e0b917164d7a",44:"1cd2ce2e186059cdbab7",45:"87c8d65c6740bc8a7d62",46:"57f0bb37f13714fdb453",47:"42231fd231c11b558a59",48:"e31086d402071e4eaabe",49:"38b72731663b30ba7a14",50:"30d54e5e374954844533",51:"4157f27b05c1bcc31478",52:"eb1222bfcf0bfb35e9a5",53:"4c8a9976d3947b0b27c3",54:"1d541ace9ba0d0e70da4",55:"fb42732889ea5a34394a",56:"7f3fb816e0fe97a65fcc",57:"5927510de4d047fa05f0",58:"883f4cb21727505c6ca7",59:"88509283c0cdfd915d17",60:"77cfecda9e49bec28446",61:"222f6deb479165b9f756",62:"19d6cd6415720462ebf2",63:"ede6b3e598e961142e98",64:"5fa3654dc13ed7ce1b3f",65:"ca97241b2ab4a1cad153",66:"d06cadf3890e07a93166",67:"bded3f7b12f4ce988815",68:"13bbe9d9886bbf9a928e",69:"7fd2dbd25b3afcd18152",70:"4cfb318e40eca6562080",71:"82d94b2284e90e2de387",72:"a5addb632f9ac18563f1",73:"94cc73e7eadfd1860814",74:"327113bc80124a47eb25",75:"69206936a4c953955e84",76:"fb7284073786f353d8e5",77:"d7a37a14fe226ac7f034",78:"c4215874cb8d2a3eec10",79:"5e532037283568273584",80:"f16929cf75c1e486aa17",81:"59dcaffaee7b7596b8f9",82:"67c961a904ed2f52b3b7",83:"4d15621c396625719cee",84:"abe82c1b64c923ed2b19",85:"28ec757b39b8a7a933fb",86:"f749c98106f81fa78f3e",87:"33c6aefcc892bee112dd",88:"de4a916472f104f61636",89:"f10e96c58d8eb0db1c28",90:"5de2cbb333625c493adb",91:"bafce18b7db27328f409"}[e]+".js";var t=setTimeout(a,12e4);return r.onerror=r.onload=a,n.appendChild(r),f},c.m=e,c.c=d,c.d=function(e,a,d){c.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:d})},c.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(a,"a",a),a},c.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},c.p="/cube-ui/",c.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或