text: webpackJsonp([0],{mvHQ:function(e,t,a){e.exports={default:a("qkKv"),__esModule:!0}},q8zr:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var l=a("mvHQ"),n=a.n(l),o={name:"Propertys",data:function(){return{propDatas:[{name:"dropdown-data",type:"Array",value:"[]",remark:"支持两种格式的<strong>数据源</strong>，可以是普通数组<code>[&acute;Vue&acute;, ...]</code>，也可以是<code>[{text: &acute;Vue&acute;, value: &acute;Vue&acute;}, ...]</code>。第二种类型的数据源的<code>text</code>是必须的，当需要禁用某项时，可添加一个<code>disabled</code>的属性并且将值设置为<code>true</code>"},{name:"v-model",type:"Array | String",value:"",remark:"默认显示的值"},{name:"placeholder",type:"String",value:"",remark:"html原有属性"},{name:"disabled",type:"Boolean",value:"false",remark:"html原有属性"},{name:"multiple",type:"Boolean",value:"false",remark:"是否允许多选"},{name:"search",type:"Boolean",value:"false",remark:"是否允许搜索，当设置为<code>true</code>时，会把html原有<code>readonly</code>属性设置为<code>false</code>"},{name:"size",type:"Number",value:"0",remark:"下拉项的可视数，超过设置的值将显示滚动条"},{name:"is-dropdown",type:"Boolean",value:"false",remark:"是否在组件渲染完成，显示下拉项"},{name:"placement",type:"String",value:"",remark:"下拉框显示位置，仅支持<code>bottom</code>、<code>top</code>两个值。如果不设置任何值时，自动计算；否则以设置的值为准"}],baseDropdownData:["Vue","React","Angular","jQuery"],dropdownData:[{text:"Vue",value:"vue"},{text:"React",value:"react",disabled:!0},{text:"Angular",value:"angular"},{text:"jQuery",value:"jquery",disabled:!1}],noDefaultValue:"",defaultValue:"Vue",multipleValue:[],testValue:""}},mounted:function(){this.$prism.highlightAll()},methods:{consoleInfo:function(e){e=n()(e),console.info("%c结果%c：%c"+e,"color: #47B784;","color: #000;","background-color: #d1ecf1; border-color: #d1ecf1; color: #0c5460; border-radius: 0.25rem; padding: 0.25rem 0.5rem;")},changeSelect:function(e){var t=e.data,a=e.text;this.defaultValue=a,this.consoleInfo(t)},changeNoValueSelect:function(e){var t=e.data,a=e.text;this.noDefaultValue=a,this.consoleInfo(t)},changeMultipleValueSelect:function(e){var t=e.data,a=e.text;this.multipleValue=a,this.consoleInfo(t)},changeTest:function(e){e.data;var t=e.text;this.testValue=t}}},s={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"form-group"},[a("h4",[e._v("dropdown-data")]),e._v(" "),a("div",{staticClass:"row"},[a("div",{staticClass:"col-md-12 mb-4"},[a("p",[e._v("常规数组")]),e._v(" "),a("select-picker",{attrs:{"dropdown-data":e.baseDropdownData},on:{change:e.changeNoValueSelect},model:{value:e.noDefaultValue,callback:function(t){e.noDefaultValue=t},expression:"noDefaultValue"}})],1),e._v(" "),a("div",{staticClass:"col-md-12"},[e._m(0),e._v(" "),a("select-picker",{attrs:{"dropdown-data":e.dropdownData},on:{change:e.changeNoValueSelect},model:{value:e.noDefaultValue,callback:function(t){e.noDefaultValue=t},expression:"noDefaultValue"}})],1)]),e._v(" "),e._m(1),e._v(" "),a("h4",[e._v("v-model")]),e._v(" "),a("div",{staticClass:"row"},[a("div",{staticClass:"col-md-12 mb-4"},[a("p",[e._v("没有设置初始值")]),e._v(" "),a("select-picker",{attrs:{"dropdown-data":e.baseDropdownData},on:{change:e.changeNoValueSelect},model:{value:e.noDefaultValue,callback:function(t){e.noDefaultValue=t},expression:"noDefaultValue"}})],1),e._v(" "),a("div",{staticClass:"col-md-12"},[a("p",[e._v("设置初始值")]),e._v(" "),a("select-picker",{attrs:{"dropdown-data":e.baseDropdownData},on:{change:e.changeSelect},model:{value:e.defaultValue,callback:function(t){e.defaultValue=t},expression:"defaultValue"}})],1)]),e._v(" "),e._m(2),e._v(" "),a("h4",[e._v("placeholder")]),e._v(" "),a("div",[a("p",[e._v("html原有属性")]),e._v(" "),a("select-picker",{attrs:{placeholder:"请选择...","dropdown-data":e.baseDropdownData},on:{change:e.changeNoValueSelect},model:{value:e.noDefaultValue,callback:function(t){e.noDefaultValue=t},expression:"noDefaultValue"}}),e._v(" "),e._m(3)],1),e._v(" "),a("h4",[e._v("disabled")]),e._v(" "),a("div",[a("p",[e._v("html原有属性")]),e._v(" "),a("select-picker",{attrs:{placeholder:"disabled...",disabled:"","dropdown-data":e.baseDropdownData},model:{value:e.defaultValue,callback:function(t){e.defaultValue=t},expression:"defaultValue"}}),e._v(" "),e._m(4)],1),e._v(" "),a("h4",[e._v("multiple")]),e._v(" "),a("div",[a("p",[e._v("是否允许多选")]),e._v(" "),a("select-picker",{attrs:{placeholder:"可多选...",multiple:"","dropdown-data":e.baseDropdownData},on:{change:e.changeMultipleValueSelect},model:{value:e.multipleValue,callback:function(t){e.multipleValue=t},expression:"multipleValue"}}),e._v(" "),e._m(5)],1),e._v(" "),a("h4",[e._v("search")]),e._v(" "),a("div",[a("p",[e._v("是否允许搜索，当设置为true时，会把html原有readonly属性设置为false")]),e._v(" "),a("select-picker",{attrs:{placeholder:"输入关键字搜索...",search:"","dropdown-data":e.baseDropdownData},on:{change:e.changeNoValueSelect},model:{value:e.noDefaultValue,callback:function(t){e.noDefaultValue=t},expression:"noDefaultValue"}}),e._v(" "),e._m(6)],1),e._v(" "),a("h4",[e._v("size")]),e._v(" "),a("div",[a("p",[e._v("是下拉项的可视数，超过设置的值将显示滚动条")]),e._v(" "),a("select-picker",{attrs:{placeholder:"请选择...",size:3,"dropdown-data":e.baseDropdownData},on:{change:e.changeNoValueSelect},model:{value:e.noDefaultValue,callback:function(t){e.noDefaultValue=t},expression:"noDefaultValue"}}),e._v(" "),e._m(7)],1),e._v(" "),a("h4",[e._v("is-dropdown")]),e._v(" "),a("div",[a("p",[e._v("是否在组件渲染完成，显示下拉项")]),e._v(" "),a("select-picker",{attrs:{placeholder:"请选择...","is-dropdown":!0,"dropdown-data":e.baseDropdownData},on:{change:e.changeNoValueSelect},model:{value:e.noDefaultValue,callback:function(t){e.noDefaultValue=t},expression:"noDefaultValue"}}),e._v(" "),e._m(8)],1),e._v(" "),a("h4",[e._v("placement")]),e._v(" "),a("div",[a("p",[e._v("是否在组件渲染完成，显示下拉项")]),e._v(" "),a("select-picker",{attrs:{placeholder:"请选择...",placement:"top","dropdown-data":e.baseDropdownData},on:{change:e.changeNoValueSelect},model:{value:e.noDefaultValue,callback:function(t){e.noDefaultValue=t},expression:"noDefaultValue"}}),e._v(" "),e._m(9)],1),e._v(" "),a("h4",[e._v("Propertys")]),e._v(" "),a("div",{staticClass:"table-responsive"},[a("table",{staticClass:"table table-bordered table-striped"},[e._m(10),e._v(" "),a("tbody",e._l(e.propDatas,function(t,l){return a("tr",{key:l},[a("td",[e._v(e._s(t.name))]),e._v(" "),a("td",[e._v(e._s(t.type))]),e._v(" "),a("td",[e._v(e._s(t.value))]),e._v(" "),a("td",{domProps:{innerHTML:e._s(t.remark)}})])}))])]),e._v(" "),e._m(11)])},staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("p",[t("code",[this._v("key")]),this._v("、\n          "),t("code",[this._v("value")]),this._v("形式的数组，配置\n          "),t("code",[this._v("disabled")]),this._v("可禁用其中某项的选择")])},function(){var e=this.$createElement,t=this._self._c||e;return t("pre",[t("code",{staticClass:"language-html"},[this._v('<select-picker :dropdown-data="dropdownData" />\n\n<script>\n'),t("code",{staticClass:"language-js"},[this._v("  ...\n  data () {\n    ...\n    dropdownData: ['Vue', 'React', 'Angular', 'jQuery'] // [{text: 'Vue', value: 'vue'}, {text: 'React', value: 'react', disabled: true}, ...]\n  }\n  ...")]),this._v("\n<\/script>\n")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("pre",[t("code",{staticClass:"language-html"},[this._v('<select-picker :dropdown-data="dropdownData" />\n\n<script>\n'),t("code",{staticClass:"language-js"},[this._v("  ...\n  data () {\n    ...\n    dropdownData: ['Vue', 'React', 'Angular', 'jQuery'],\n    defaultValue: '' // 'Vue'\n  }\n  ...")]),this._v("\n<\/script>\n")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("pre",[t("code",{staticClass:"language-html"},[this._v('<select-picker placeholder="请选择..." />')])])},function(){var e=this.$createElement,t=this._self._c||e;return t("pre",[t("code",{staticClass:"language-html"},[this._v("<select-picker disabled />")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("pre",[t("code",{staticClass:"language-html"},[this._v("<select-picker multiple />")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("pre",[t("code",{staticClass:"language-html"},[this._v("<select-picker search />")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("pre",[t("code",{staticClass:"language-html"},[this._v('<select-picker :size="3" />')])])},function(){var e=this.$createElement,t=this._self._c||e;return t("pre",[t("code",{staticClass:"language-html"},[this._v('<select-picker :is-dropdown="true" />')])])},function(){var e=this.$createElement,t=this._self._c||e;return t("pre",[t("code",{staticClass:"language-html"},[this._v('<select-picker placement="top" />')])])},function(){var e=this.$createElement,t=this._self._c||e;return t("thead",{staticClass:"bg-info"},[t("tr",[t("th",{staticStyle:{width:"10rem"}},[this._v("属性名")]),this._v(" "),t("th",{staticStyle:{width:"8rem"}},[this._v("类型")]),this._v(" "),t("th",{staticStyle:{width:"5rem"}},[this._v("默认值")]),this._v(" "),t("th",[this._v("说明")])])])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"alert alert-info"},[this._v("⚠️"),t("strong",[this._v("注意")]),this._v("：由于组件的使用"),t("code",[this._v("input")]),this._v("，同时支持原有属性的配置")])}]},c=a("VU/8")(o,s,!1,null,null,null);t.default=c.exports},qkKv:function(e,t,a){var l=a("FeBl"),n=l.JSON||(l.JSON={stringify:JSON.stringify});e.exports=function(e){return n.stringify.apply(n,arguments)}}});
  //# sourceMappingURL=0.96bd0641c7c97d0cbcee.js.map