webpackJsonp([18],{UCq8:function(s,t,a){s.exports=a("spOv")},spOv:function(s,t,a){var v=a("VU/8")(null,a("t9AN"),null,null,null);s.exports=v.exports},t9AN:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;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"}})])]),s._v(" SegmentPicker 组件")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("段选择器，用于实现多段的选择，比如选择时间段：2010年9月1日 - 2014年6月30日。")]),s._v(" "),s._m(1),s._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"}})])]),s._v(" 示例")]),s._v(" "),s._m(2),s._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"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._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"}})])]),s._v(" 事件")]),s._v(" "),s._m(6),s._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"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(7)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.7.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 由于此组件基于 create-api 实现，所以在使用之前，请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("data")]),s._v(" 属性定义每个节点选择器的类型和属性，"),a("code",{pre:!0},[s._v("is")]),s._v(" 代表该选择器是用哪种 Picker 组件，既可以是 Cube UI 的 Picker 类组件，也可以是你自己定义的 Picker 组件。比如下面是我们用两个 DatePicker 组件来做时间段选择。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDateSegmentPicker"')]),s._v(">")]),s._v("StartDate - EndDate"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" dateSegmentData = [\n  {\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("is")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-date-picker'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'入学时间'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("),\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2030")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("11")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("31")]),s._v(")\n  },\n  {\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("is")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-date-picker'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'毕业时间'")]),s._v(",\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("),\n    "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2030")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("11")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("31")]),s._v(")\n  }\n]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  mounted () {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateSegmentPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createSegmentPicker({\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": dateSegmentData,\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedDates, selectedVals, selectedTexts")]),s._v(") =>")]),s._v(" {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Items: <br/> - 入学时间: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].join("),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(")}")]),s._v(" <br/> - 毕业时间: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].join("),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(")}")]),s._v("`")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n        }).show()\n      },\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onNext")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i, selectedDate, selectedValue, selectedText")]),s._v(") =>")]),s._v(" {\n        dateSegmentData["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].min = selectedDate\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i === "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n          "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateSegmentPicker.$updateProps({\n            "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": dateSegmentData\n          })\n        }\n      }\n    })\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showDateSegmentPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateSegmentPicker.show()\n    }\n  }\n}\n")])]),s._v(" "),a("p",[s._v("并且为了实现两个选择器之间的联动，我们可以在 next 下一步的事件处理函数中，根据第一个的选择，更新第二个选择器，比如这里是，将结束时间的最小值 = 所选的开始时间。")])]),s._v(" "),a("li",[a("p",[s._v("快递 - 寄件地址 - 收件地址")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showCitySegmentPicker"')]),s._v(">")]),s._v("Express - From - To"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/area'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cityData = provinceList\ncityData.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("province")]),s._v(" =>")]),s._v(" {\n  province.children = cityList[province.value]\n  province.children.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("city")]),s._v(" =>")]),s._v(" {\n    city.children = areaList[city.value]\n  })\n})\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n  mounted () {\n    "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".citySegmentPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createSegmentPicker({\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [{\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'选择快递'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [expressData],\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("]\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("is")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-cascade-picker'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'寄件地址'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData,\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("],\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cancelTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'返回'")]),s._v("\n      }, {\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("is")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-cascade-picker'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'收件地址'")]),s._v(",\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData,\n        "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]\n      }],\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cancelTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Cancel'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("confirmTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Confirm'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("nextTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Next'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("prevTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Prev'")]),s._v(",\n      "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVals, selectedIndexs, selectedTexts")]),s._v(") =>")]),s._v(" {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Items: <br/> - 所选快递:  "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].join("),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(")}")]),s._v(" <br/> - 寄件地址: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].join("),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(")}")]),s._v(" <br/> - 收件地址: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("].join("),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(")}")]),s._v("`")]),s._v(",\n          "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n        }).show()\n      }\n    })\n  },\n  "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n    showCitySegmentPicker() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".citySegmentPicker.show()\n    }\n  }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("定义各个选择器的组件名和属性")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("nextTxt")]),s._v(" "),a("td",[s._v("下一步按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'下一步'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("prevTxt")]),s._v(" "),a("td",[s._v("上一步按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'下一步'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("subtitle"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("副标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("取消按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("确定按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("swipeTime"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("快速滑动选择器滚轮时，惯性滚动动画的时长，单位：ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态，是否可见。"),a("code",{pre:!0},[s._v("v-model")]),s._v("绑定值")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("点击蒙层是否隐藏")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("is")]),s._v(" "),a("td",[s._v("该节点选择器的组件名")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("cube-picker")]),s._v(" "),a("td",[s._v("cube-date-picker")])]),s._v(" "),a("tr",[a("td",[s._v("其它")]),s._v(" "),a("td",[s._v("该节点选择器的属性")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")]),s._v(" "),a("th",[s._v("参数3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击确认按钮触发此事件")]),s._v(" "),a("td",[s._v("各个选择器的 select 事件的参数1，Array 类型")]),s._v(" "),a("td",[s._v("各个选择器的 select 事件的参数2，Array 类型")]),s._v(" "),a("td",[s._v("各个选择器的 select 事件的参数3，Array 类型")])]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("点击取消按钮触发此事件")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("next")]),s._v(" "),a("td",[s._v("点击下一步按钮触发此事件")]),s._v(" "),a("td",[s._v("当前 picker 的索引，Number类型")]),s._v(" "),a("td",[s._v("其余参数为，当前 picker select 时间的参数")]),s._v(" "),a("td",[s._v("···")])]),s._v(" "),a("tr",[a("td",[s._v("prev")]),s._v(" "),a("td",[s._v("点击上一步按钮触发此事件")]),s._v(" "),a("td",[s._v("当前 picker 的索引，Number类型")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("滚轴滚动后触发此事件")]),s._v(" "),a("td",[s._v("pickerIndex: 当前滚动 picker 的索引，Number类型")]),s._v(" "),a("td",[s._v("index: 当前滚动列索引，Number类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前列选中项的索引，Number类型")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("显示")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")])])])])}]}}});