60.23f0d6290a302f7ee2fa.js

webpackJsonp([60],{CIUK: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:"SegmentPicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-SegmentPicker-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(" SegmentPicker")]),t._v(" "),t._m(0),t._v(" "),a("p",[t._v("SegmentPicker is used to achieve multi segment choose, for example, the choose of time period: September 1, 2010 - 2014 June 30th.")]),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:"Methods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Methods-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(" Methods")]),t._v(" "),t._m(7)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("New in 1.7.0+")])])},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("p",[t._v("Using the "),a("code",{pre:!0},[t._v("data")]),t._v(" attribute to define the component name and properties of each node picker, "),a("code",{pre:!0},[t._v("is")]),t._v(" represents which Picker component is used, either a Picker component of a Cube UI, or a Picker component defined by yourself. For example, we use two DatePicker components to make time period choose.")]),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('"showDateSegmentPicker"')]),t._v(">")]),t._v("StartDate - EndDate"),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("const")]),t._v(" dateSegmentData = [\n  {\n    "),a("span",{attrs:{class:"hljs-attr"}},[t._v("is")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-date-picker'")]),t._v(",\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("min")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("("),a("span",{attrs:{class:"hljs-number"}},[t._v("2000")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("),\n    "),a("span",{attrs:{class:"hljs-attr"}},[t._v("max")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("("),a("span",{attrs:{class:"hljs-number"}},[t._v("2030")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("11")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("31")]),t._v(")\n  },\n  {\n    "),a("span",{attrs:{class:"hljs-attr"}},[t._v("is")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-date-picker'")]),t._v(",\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("min")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("("),a("span",{attrs:{class:"hljs-number"}},[t._v("2000")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("),\n    "),a("span",{attrs:{class:"hljs-attr"}},[t._v("max")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("("),a("span",{attrs:{class:"hljs-number"}},[t._v("2030")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("11")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("31")]),t._v(")\n  }\n]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n  mounted () {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".dateSegmentPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createSegmentPicker({\n      "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": dateSegmentData,\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("selectedDates, selectedVals, selectedTexts")]),t._v(") =>")]),t._v(" {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\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("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Selected Items: <br/> - 入学时间: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),t._v(" <br/> - 毕业时间: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),t._v("`")]),t._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n        }).show()\n      },\n      "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onNext")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("i, selectedDate, selectedValue, selectedText")]),t._v(") =>")]),t._v(" {\n        dateSegmentData["),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("].min = selectedDate\n        "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("if")]),t._v(" (i === "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(") {\n          "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".dateSegmentPicker.$updateProps({\n            "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": dateSegmentData\n          })\n        }\n      }\n    })\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n    showDateSegmentPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".dateSegmentPicker.show()\n    }\n  }\n}\n")])]),t._v(" "),a("p",[t._v("In order to implement the Cascade between the two pickers, we can update the second picker in the handle function of the "),a("code",{pre:!0},[t._v("next")]),t._v(" event, according to the first choice. As in here, the minimum value of the end time = the selected start time.")])]),t._v(" "),a("li",[a("p",[t._v("Express - From - To")]),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('"showCitySegmentPicker"')]),t._v(">")]),t._v("Express - From - To"),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("import")]),t._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("from")]),t._v(" "),a("span",{attrs:{class:"hljs-string"}},[t._v("'example/data/area'")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" cityData = provinceList\ncityData.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("province")]),t._v(" =>")]),t._v(" {\n  province.children = cityList[province.value]\n  province.children.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("city")]),t._v(" =>")]),t._v(" {\n    city.children = areaList[city.value]\n  })\n})\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n  mounted () {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".citySegmentPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createSegmentPicker({\n      "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [{\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(": [expressData],\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("selectedIndex")]),t._v(": ["),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("]\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("is")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-cascade-picker'")]),t._v(",\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(": cityData,\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("selectedIndex")]),t._v(": ["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("],\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("cancelTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'返回'")]),t._v("\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("is")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-cascade-picker'")]),t._v(",\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(": cityData,\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("selectedIndex")]),t._v(": ["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("]\n      }],\n      "),a("span",{attrs:{class:"hljs-attr"}},[t._v("cancelTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Cancel'")]),t._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Confirm'")]),t._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[t._v("nextTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Next'")]),t._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[t._v("prevTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Prev'")]),t._v(",\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("selectedVals, selectedIndexs, selectedTexts")]),t._v(") =>")]),t._v(" {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\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("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Selected Items: <br/> - 所选快递:  "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),t._v(" <br/> - 寄件地址: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),t._v(" <br/> - 收件地址: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("2")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),t._v("`")]),t._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n        }).show()\n      }\n    })\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n    showCitySegmentPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".citySegmentPicker.show()\n    }\n  }\n}\n")])])])])},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("Default")]),t._v(" "),a("th",[t._v("Accepted Values")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("define the component name and properties of each node picker")]),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("title")]),t._v(" "),a("td",[t._v("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("subtitle"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("subtitle")]),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")]),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("confirmTxt")]),t._v(" "),a("td",[t._v("the text of the confirm 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("nextTxt")]),t._v(" "),a("td",[t._v("the text of the next 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("prevTxt")]),t._v(" "),a("td",[t._v("the text of the prev 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("swipeTime"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("2500")]),t._v(" "),a("td",[t._v("-")])]),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("100")]),t._v(" "),a("td",[t._v("-")])])])])},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("Default")]),t._v(" "),a("th",[t._v("Example")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("is")]),t._v(" "),a("td",[t._v("the component name of each node picker")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("cube-picker")]),t._v(" "),a("td",[t._v("cube-date-picker")])]),t._v(" "),a("tr",[a("td",[t._v("...rest")]),t._v(" "),a("td",[t._v("the properties of each node picker")]),t._v(" "),a("td",[t._v("-")]),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("th",[t._v("Parameters 3")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("select")]),t._v(" "),a("td",[t._v("triggers when clicking the confirm button")]),t._v(" "),a("td",[t._v("the parameter 1 of each picker's select event, Array")]),t._v(" "),a("td",[t._v("the parameter 2 of each picker's select event, Array")]),t._v(" "),a("td",[t._v("the parameter 3 of each picker's select event, Array")])]),t._v(" "),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("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("next")]),t._v(" "),a("td",[t._v("triggers when clicking the next button")]),t._v(" "),a("td",[t._v("the index of current picker, Number")]),t._v(" "),a("td",[t._v("...rest, is the parameters of current picker's select event")]),t._v(" "),a("td",[t._v("···")])]),t._v(" "),a("tr",[a("td",[t._v("prev")]),t._v(" "),a("td",[t._v("triggers when clicking the prev button")]),t._v(" "),a("td",[t._v("the index of current picker, Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("triggers when the roller scrolls")]),t._v(" "),a("td",[t._v("pickerIndex: Number, the index of current picker")]),t._v(" "),a("td",[t._v("index: Number, index of current scrolling roller")]),t._v(" "),a("td",[t._v("selectedIndex: Number, index of selected item in current column")])])])])},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")])])])])}]}},Iwkx:function(t,s,a){var e=a("VU/8")(null,a("CIUK"),null,null,null);t.exports=e.exports},PiHE:function(t,s,a){t.exports=a("Iwkx")}});