diff --git a/dist/static/2.js b/dist/static/2.js
index 2629cf4..3f4fb67 100644
--- a/dist/static/2.js
+++ b/dist/static/2.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{361:function(e,t,n){e.exports=n.p+"static/wx.f391ad4.jpg"},363:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),t("demo-block",[t("div",[t("p",[this._v("事实证明分页是好使的 ^_^")])]),t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v('<div id="demo1" class="xm-select-demo"></div>\n<button class="btn" id="demo1-test1">测试1000条</button>\n<button class="btn" id="demo1-test2">测试10000条</button>\n<button class="btn" id="demo1-test3">测试10000条+分页</button>\n<pre id="demo1-result"></pre>\n\n<script>\nfunction run(count, paging){\n    //生成数据\n    var data = [];\n    for(var i = 0; i < count; i++){\n        data.push({\n            name: \'测试数据\' + i,\n            value: i,\n        })\n    }\n    \n    //记录开始渲染时间\n    var startTime = Date.now();\n    \n    var demo1 = xmSelect.render({\n        el: \'#demo1\', \n        paging,\n        data\n    })\n    \n    //记录结束时间\n    var endTime = Date.now();\n    \n    document.getElementById(\'demo1-result\').innerText = `渲染耗时: ${endTime - startTime} ms`\n}\n\ndocument.getElementById(\'demo1-test1\').onclick = function(){\n    run(1000, false)\n};\n\ndocument.getElementById(\'demo1-test2\').onclick = function(){\n    run(10000, false)\n};\n\ndocument.getElementById(\'demo1-test3\').onclick = function(){\n    run(10000, true)\n};\n\nrun(1000, false);\n\n<\/script>\n')])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}}),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo1-test1"}},[this._v("测试1000条")]),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo1-test2"}},[this._v("测试10000条")]),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo1-test3"}},[this._v("测试10000条+分页")]),this._v(" "),t("pre",{attrs:{id:"demo1-result"}})])}],mounted:function(){this.$nextTick(function(){function e(e,t){for(var n=[],a=0;a<e;a++)n.push({name:"测试数据"+a,value:a});var i=Date.now(),s=(xmSelect.render({el:"#demo1",paging:t,data:n}),Date.now());document.getElementById("demo1-result").innerText="渲染耗时: ".concat(s-i," ms")}document.getElementById("demo1-test1").onclick=function(){e(1e3,!1)},document.getElementById("demo1-test2").onclick=function(){e(1e4,!1)},document.getElementById("demo1-test3").onclick=function(){e(1e4,!0)},e(1e3,!1)})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"xing-neng-ce-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xing-neng-ce-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 性能测试")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"shu-ju-xuan-ran-hao-shi-ce-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#shu-ju-xuan-ran-hao-shi-ce-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 数据渲染耗时测试")])}],!1,null,null,null);r.options.__file="docs/mds/XM17.md";t.default=r.exports},364:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),n("demo-block",[n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    paging: true,\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n        {name: '赵六', value: 4},\n        {name: '苹果', value: 5},\n        {name: '香蕉', value: 6},\n        {name: '凤梨', value: 7},\n        {name: '葡萄', value: 8},\n        {name: '樱桃', value: 9},\n        {name: '车厘子', value: 10},\n        {name: '火龙果', value: 11},\n    ]\n})\n<\/script>\n")])])])],2),e._m(2),n("p",[e._v("每页3条")]),n("demo-block",[n("template",{slot:"source"},[n("element-demo1")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    paging: true,\n    pageSize: 3,\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n        {name: '赵六', value: 4},\n        {name: '苹果', value: 5},\n        {name: '香蕉', value: 6},\n        {name: '凤梨', value: 7},\n        {name: '葡萄', value: 8},\n        {name: '樱桃', value: 9},\n        {name: '车厘子', value: 10},\n        {name: '火龙果', value: 11},\n    ]\n})\n<\/script>\n")])])])],2),e._m(3),n("demo-block",[n("template",{slot:"source"},[n("element-demo2")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v('<div id="demo3" class="xm-select-demo"></div>\n<button class="btn" id="demo3-5">每页5条</button>\n<button class="btn" id="demo3-10">每页10条</button>\n<button class="btn" id="demo3-20">每页20条</button>\n\n<script>\nvar data = [];\nfor(var i = 0 ; i < 100 ; i++ ){\n    data.push({\n        name: \'测试数据\' + i,\n        value: i,\n    })\n}\n\nvar demo3 = xmSelect.render({\n    el: \'#demo3\', \n    paging: true,\n    pageSize: 5,\n    filterable: true,\n    data\n})\n\ndocument.getElementById(\'demo3-5\').onclick = function(){\n    demo3.update({\n        pageSize: 5\n    })\n}\n\ndocument.getElementById(\'demo3-10\').onclick = function(){\n    demo3.update({\n        pageSize: 10\n    })\n}\n\ndocument.getElementById(\'demo3-20\').onclick = function(){\n    demo3.update({\n        pageSize: 20\n    })\n}\n\n<\/script>\n')])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",paging:!0,data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3},{name:"赵六",value:4},{name:"苹果",value:5},{name:"香蕉",value:6},{name:"凤梨",value:7},{name:"葡萄",value:8},{name:"樱桃",value:9},{name:"车厘子",value:10},{name:"火龙果",value:11}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",paging:!0,pageSize:3,data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3},{name:"赵六",value:4},{name:"苹果",value:5},{name:"香蕉",value:6},{name:"凤梨",value:7},{name:"葡萄",value:8},{name:"樱桃",value:9},{name:"车厘子",value:10},{name:"火龙果",value:11}]})})}}}(),"element-demo2":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo3"}}),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo3-5"}},[this._v("每页5条")]),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo3-10"}},[this._v("每页10条")]),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo3-20"}},[this._v("每页20条")])])}],mounted:function(){this.$nextTick(function(){for(var e=[],t=0;t<100;t++)e.push({name:"测试数据"+t,value:t});var n=xmSelect.render({el:"#demo3",paging:!0,pageSize:5,filterable:!0,data:e});document.getElementById("demo3-5").onclick=function(){n.update({pageSize:5})},document.getElementById("demo3-10").onclick=function(){n.update({pageSize:10})},document.getElementById("demo3-20").onclick=function(){n.update({pageSize:20})}})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"fen-ye"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fen-ye","aria-hidden":"true"}},[this._v("¶")]),this._v(" 分页")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"qi-yong-fen-ye"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#qi-yong-fen-ye","aria-hidden":"true"}},[this._v("¶")]),this._v(" 启用分页")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"zi-ding-yi-tiao-shu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-tiao-shu","aria-hidden":"true"}},[this._v("¶")]),this._v(" 自定义条数")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"sou-suo-fen-ye"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#sou-suo-fen-ye","aria-hidden":"true"}},[this._v("¶")]),this._v(" 搜索+分页")])}],!1,null,null,null);r.options.__file="docs/mds/XM08.md";t.default=r.exports},365:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),t("p",[this._v("实时监听多选的选中状态变化")]),t("demo-block",[t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n\ton({ arr, item, selected }){\n\t\talert(`name: ${item.name}, 状态: ${selected}`)\n\t},\n    data: [\n        {name: '张三', value: 'zhangsan', selected: true},\n        {name: '李四', value: 'lisi', selected: true},\n        {name: '王五', value: 'wangwu'},\n    ]\n})\n<\/script>\n")])])])],2),this._m(2),t("p",[this._v("选中北京后, 不能选中上海, 二者互斥")]),t("demo-block",[t("template",{slot:"source"},[t("element-demo1")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n\ton({ arr, item, selected }){\n\t\tif(selected){\n            var index = arr.findIndex(i => i.mutex == item.mutex && i.value != item.value);\n            if(index != -1){\n                arr.splice(index, 1);\n            }\n        }\n\t},\n    data: [\n        {name: '北京', value: 1, mutex: 1, selected: true},\n        {name: '上海', value: 2, mutex: 1},\n        {name: '广州', value: 3},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",on:function(e){e.arr;var t=e.item,n=e.selected;alert("name: ".concat(t.name,", 状态: ").concat(n))},data:[{name:"张三",value:"zhangsan",selected:!0},{name:"李四",value:"lisi",selected:!0},{name:"王五",value:"wangwu"}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",on:function(e){var t=e.arr,n=e.item;if(e.selected){var a=t.findIndex(function(e){return e.mutex==n.mutex&&e.value!=n.value});-1!=a&&t.splice(a,1)}},data:[{name:"北京",value:1,mutex:1,selected:!0},{name:"上海",value:2,mutex:1},{name:"广州",value:3}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"jian-ting-xuan-ze"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jian-ting-xuan-ze","aria-hidden":"true"}},[this._v("¶")]),this._v(" 监听选择")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"shi-shi-jian-ting"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#shi-shi-jian-ting","aria-hidden":"true"}},[this._v("¶")]),this._v(" 实时监听")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"jian-ting-dong-tai-fu-zhi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jian-ting-dong-tai-fu-zhi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 监听动态复制")])}],!1,null,null,null);r.options.__file="docs/mds/XM16.md";t.default=r.exports},366:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),t("demo-block",[t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    radio: true,\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),this._m(2),t("demo-block",[t("template",{slot:"source"},[t("element-demo1")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    radio: true,\n    clickClose: true,\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),this._m(3),t("demo-block",[t("template",{slot:"source"},[t("element-demo2")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n    el: '#demo3', \n    radio: true,\n    clickClose: true,\n    model: {\n        label: {\n            type: 'text',\n            text: {\n                //左边拼接的字符\n                left: '',\n                //右边拼接的字符\n                right: '',\n                //中间的分隔符\n                separator: ', ',\n            },\n        }\n    },\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",radio:!0,data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",radio:!0,clickClose:!0,data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo2":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo3"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo3",radio:!0,clickClose:!0,model:{label:{type:"text",text:{left:"",right:"",separator:", "}}},data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"dan-xuan"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dan-xuan","aria-hidden":"true"}},[this._v("¶")]),this._v(" 单选")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"kai-qi-dan-xuan"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#kai-qi-dan-xuan","aria-hidden":"true"}},[this._v("¶")]),this._v(" 开启单选")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"dan-xuan-wan-guan-bi-xia-la"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dan-xuan-wan-guan-bi-xia-la","aria-hidden":"true"}},[this._v("¶")]),this._v(" 单选完关闭下拉")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"geng-huan-xian-shi-fang-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#geng-huan-xian-shi-fang-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 更换显示方式")])}],!1,null,null,null);r.options.__file="docs/mds/XM09.md";t.default=r.exports},367:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),t("p",[this._v("修改一下背景色和外边距吧")]),t("demo-block",[t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    style: {\n        backgroundColor: 'red',\n        marginLeft: '200px',\n    },\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),this._m(2),t("demo-block",[t("template",{slot:"source"},[t("element-demo1")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    height: '50px',\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",style:{backgroundColor:"red",marginLeft:"200px"},data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",height:"50px",data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"zi-ding-yi-yang-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-yang-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 自定义样式")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"sui-bian-shi-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#sui-bian-shi-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 随便试试")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"xiu-gai-xia-la-kuang-de-zui-da-gao-du"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xiu-gai-xia-la-kuang-de-zui-da-gao-du","aria-hidden":"true"}},[this._v("¶")]),this._v(" 修改下拉框的最大高度")])}],!1,null,null,null);r.options.__file="docs/mds/XM07.md";t.default=r.exports},368:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),e._m(2),e._m(3),e._m(4),e._m(5),e._m(6),e._m(7),e._m(8),e._m(9),e._m(10),e._m(11),n("demo-block",[n("div",[n("p",[e._v("只需引入"),n("code",[e._v("xm-select.js")])])]),n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n<button class=\"btn\" id=\"demo1-getValue\">获取选中值</button>\n<pre id=\"demo1-value\"></pre>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    language: 'zn',\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n\ndocument.getElementById('demo1-getValue').onclick = function(){\n    //获取当前多选选中的值\n    var selectArr = demo1.getValue();\n    document.getElementById('demo1-value').innerHTML = JSON.stringify(selectArr, null, 2);\n}\n<\/script>\n\n")])])])],2)],1)},i=[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"an-zhuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#an-zhuang","aria-hidden":"true"}},[this._v("¶")]),this._v(" 安装")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"jian-jie"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jian-jie","aria-hidden":"true"}},[this._v("¶")]),this._v(" 简介")])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"tip"},[t("p",[this._v("基于 "),t("a",{attrs:{href:"https://layui.com"}},[this._v("layui")]),this._v(" 的一个多选解决方案。前身 "),t("a",{attrs:{href:"https://github.com/hnzzmsf/layui-formSelects/"}},[this._v("formSelects")]),this._v("，经历了4个大版本的更新迭代，移除了对 "),t("code",[this._v("jquery")]),this._v(" 的依赖，以一种全新的面貌诞生了。")])])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",[n("li",[e._v("唯一依赖库"),n("a",{attrs:{href:"https://preactjs.com/"}},[e._v("preactjs")])]),n("li",[e._v("打包方式"),n("a",{attrs:{href:"https://www.webpackjs.com/"}},[e._v("webpack")])]),n("li",[e._v("文档借鉴于"),n("a",{attrs:{href:"https://element.eleme.cn/#/zh-CN"}},[e._v("ElementUI")]),e._v("的编写方式")]),n("li",[n("a",{attrs:{href:"https://fly.layui.com/jie/57776/"}},[e._v("Fly社区交流贴")])]),n("li",[e._v("QQ交流群: "),n("code",[e._v("660408068")])])])},function(){var e=this.$createElement,t=this._self._c||e;return t("blockquote",[t("p",[this._v("作者: maplemei, 热爱前端的Java程序猿, 如果喜欢作者的插件, 可以请作者吃雪糕 ^_^")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[t("a",{attrs:{href:"javascript:;"}},[t("img",{attrs:{src:n(361),alt:"打赏",width:"300"}})])])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"xia-zai"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xia-zai","aria-hidden":"true"}},[this._v("¶")]),this._v(" 下载")])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[t("a",{attrs:{href:"https://gitee.com/maplemei/xm-select/stargazers"}},[t("img",{attrs:{src:"https://gitee.com/maplemei/xm-select/badge/star.svg?theme=dark",alt:"star"}})]),t("a",{attrs:{href:"https://gitee.com/maplemei/xm-select/members"}},[t("img",{attrs:{src:"https://gitee.com/maplemei/xm-select/badge/fork.svg?theme=dark",alt:"fork"}})])])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[t("a",{attrs:{href:"https://gitee.com/maplemei/xm-select"}},[this._v("https://gitee.com/maplemei/xm-select")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"er-ci-kai-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#er-ci-kai-fa","aria-hidden":"true"}},[this._v("¶")]),this._v(" 二次开发")])},function(){var e=this.$createElement,t=this._self._c||e;return t("pre",[t("code",[this._v("$ git clone https://gitee.com/maplemei/xm-select.git\n$ cd xm-select\n$ npm install && npm run dev\n")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"hello-world"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hello-world","aria-hidden":"true"}},[this._v("¶")]),this._v(" Hello World")])}];a._withStripped=!0;var s={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}}),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo1-getValue"}},[this._v("获取选中值")]),this._v(" "),t("pre",{attrs:{id:"demo1-value"}})])}],mounted:function(){this.$nextTick(function(){var e=xmSelect.render({el:"#demo1",language:"zn",data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]});document.getElementById("demo1-getValue").onclick=function(){var t=e.getValue();document.getElementById("demo1-value").innerHTML=JSON.stringify(t,null,2)}})}}}()}},r=n(4),l=Object(r.a)(s,a,i,!1,null,null,null);l.options.__file="docs/mds/install.md";t.default=l.exports},369:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),t("demo-block",[t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    data: [\n        {name: '张三', value: 'zhangsan', selected: true},\n        {name: '李四', value: 'lisi', selected: true},\n        {name: '王五', value: 'wangwu'},\n    ]\n})\n<\/script>\n")])])])],2),this._m(2),t("demo-block",[t("template",{slot:"source"},[t("element-demo1")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    template({ item, sels, name, value }){\n        return name  + '<span style=\"position: absolute; right: 10px; color: #8799a3\">'+value+'</span>' \n    },\n    data: [\n        {name: '张三', value: 'zhangsan', selected: true},\n        {name: '李四', value: 'lisi', selected: true},\n        {name: '王五', value: 'wangwu'},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",data:[{name:"张三",value:"zhangsan",selected:!0},{name:"李四",value:"lisi",selected:!0},{name:"王五",value:"wangwu"}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",template:function(e){e.item,e.sels;return e.name+'<span style="position: absolute; right: 10px; color: #8799a3">'+e.value+"</span>"},data:[{name:"张三",value:"zhangsan",selected:!0},{name:"李四",value:"lisi",selected:!0},{name:"王五",value:"wangwu"}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"gou-jian-xuan-xiang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gou-jian-xuan-xiang","aria-hidden":"true"}},[this._v("¶")]),this._v(" 构建选项")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"mo-ren-xuan-ran"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#mo-ren-xuan-ran","aria-hidden":"true"}},[this._v("¶")]),this._v(" 默认渲染")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"zi-ding-yi-xuan-ran"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-xuan-ran","aria-hidden":"true"}},[this._v("¶")]),this._v(" 自定义渲染")])}],!1,null,null,null);r.options.__file="docs/mds/XM15.md";t.default=r.exports},370:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),n("demo-block",[n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2, selected: true},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(2),n("demo-block",[n("template",{slot:"source"},[n("element-demo1")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    model: {\n        label: {\n            type: 'block',\n            block: {\n                //最大显示数量, 0:不限制\n                showCount: 0,\n                //是否显示删除图标\n                showIcon: false,\n            }\n        }\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2, selected: true},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(3),n("demo-block",[n("template",{slot:"source"},[n("element-demo2")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n    el: '#demo3', \n    model: {\n        label: {\n            type: 'block',\n            block: {\n                //最大显示数量, 0:不限制\n                showCount: 1,\n                //是否显示删除图标\n                showIcon: true,\n            }\n        }\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2, selected: true},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(4),n("demo-block",[n("template",{slot:"source"},[n("element-demo3")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo4\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo4 = xmSelect.render({\n    el: '#demo4', \n    model: {\n        label: {\n            type: 'text',\n            //使用字符串拼接的方式\n            text: {\n                //左边拼接的字符\n                left: '【',\n                //右边拼接的字符\n                right: '】',\n                //中间的分隔符\n                separator: '，',\n            },\n        }\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2, selected: true},\n        {name: '王五', value: 3},\n    ],\n})\n<\/script>\n")])])])],2),e._m(5),n("demo-block",[n("template",{slot:"source"},[n("element-demo4")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo5\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo5 = xmSelect.render({\n    el: '#demo5', \n    model: {\n        label: {\n            type: 'xxxx', //自定义与下面的对应\n            xxxx: {\n                template(data, sels){\n                    return \"已选中 \" + sels.length + \" 项, 共 \" + data.length + \" 项\"\n                }\n            },\n        }\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2, selected: true},\n        {name: '王五', value: 3},\n    ],\n})\n<\/script>\n")])])])],2),e._m(6),n("demo-block",[n("template",{slot:"source"},[n("element-demo5")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo6\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo6 = xmSelect.render({\n    el: '#demo6', \n    model: {\n        label: {\n            type: 'xxxx', //自定义与下面的对应\n            xxxx: {\n                template(data, sels){\n                    //也可以是html\n                    return `<div style=\"color: red;\">${sels.length} / ${data.length}</div>`\n                }\n            },\n        }\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2, selected: true},\n        {name: '王五', value: 3},\n    ],\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2,selected:!0},{name:"王五",value:3}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",model:{label:{type:"block",block:{showCount:0,showIcon:!1}}},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2,selected:!0},{name:"王五",value:3}]})})}}}(),"element-demo2":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo3"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo3",model:{label:{type:"block",block:{showCount:1,showIcon:!0}}},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2,selected:!0},{name:"王五",value:3}]})})}}}(),"element-demo3":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo4"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo4",model:{label:{type:"text",text:{left:"【",right:"】",separator:"，"}}},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2,selected:!0},{name:"王五",value:3}]})})}}}(),"element-demo4":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo5"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo5",model:{label:{type:"xxxx",xxxx:{template:function(e,t){return"已选中 "+t.length+" 项, 共 "+e.length+" 项"}}}},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2,selected:!0},{name:"王五",value:3}]})})}}}(),"element-demo5":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo6"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo6",model:{label:{type:"xxxx",xxxx:{template:function(e,t){return'<div style="color: red;">'.concat(t.length," / ").concat(e.length,"</div>")}}}},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2,selected:!0},{name:"王五",value:3}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"xian-shi-fang-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xian-shi-fang-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 显示方式")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"fang-kuai-xing-zhuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fang-kuai-xing-zhuang","aria-hidden":"true"}},[this._v("¶")]),this._v(" 方块形状")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"fang-kuai-xing-zhuang-yin-cang-shan-chu-tu-biao"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fang-kuai-xing-zhuang-yin-cang-shan-chu-tu-biao","aria-hidden":"true"}},[this._v("¶")]),this._v(" 方块形状, 隐藏删除图标")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"fang-kuai-xing-zhuang-chao-guo1-ge-yin-cang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fang-kuai-xing-zhuang-chao-guo1-ge-yin-cang","aria-hidden":"true"}},[this._v("¶")]),this._v(" 方块形状, 超过1个隐藏")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"jian-dan-pin-jie-xing-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jian-dan-pin-jie-xing-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 简单拼接形式")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"zi-ding-yi-xian-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-xian-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 自定义显示")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"zi-ding-yi-xian-shihtml"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-xian-shihtml","aria-hidden":"true"}},[this._v("¶")]),this._v(" 自定义显示HTML")])}],!1,null,null,null);r.options.__file="docs/mds/XM14.md";t.default=r.exports},371:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),n("demo-block",[n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    repeat: true,\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(2),n("demo-block",[n("template",{slot:"source"},[n("element-demo1")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    repeat: true,\n    clickClose: true,\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(3),n("demo-block",[n("div",[n("p",[e._v("好像这样只能增不能减了~~ 有待完善")])]),n("template",{slot:"source"},[n("element-demo2")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n    el: '#demo3', \n    repeat: true,\n    model: {\n        label: {\n            type: 'count',\n            count: {\n                template: function(data, sels){\n                    var res = {};\n                    sels.forEach(item => {\n                       var name = item.name; \n                       !res[name] && (res[name] = 0);\n                       res[name] += 1;\n                    });\n                    return Object.keys(res).map(key => {\n                        return `${key} (${res[key]})`\n                    }).join(',');\n                }\n            },\n        }\n    },\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",repeat:!0,data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",repeat:!0,clickClose:!0,data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo2":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo3"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo3",repeat:!0,model:{label:{type:"count",count:{template:function(e,t){var n={};return t.forEach(function(e){var t=e.name;!n[t]&&(n[t]=0),n[t]+=1}),Object.keys(n).map(function(e){return"".concat(e," (").concat(n[e],")")}).join(",")}}}},data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"chong-fu-xuan"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#chong-fu-xuan","aria-hidden":"true"}},[this._v("¶")]),this._v(" 重复选")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"kai-qi-chong-fu-xuan"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#kai-qi-chong-fu-xuan","aria-hidden":"true"}},[this._v("¶")]),this._v(" 开启重复选")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"chong-fu-xuan-wan-guan-bi-xia-la"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#chong-fu-xuan-wan-guan-bi-xia-la","aria-hidden":"true"}},[this._v("¶")]),this._v(" 重复选完关闭下拉")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"geng-huan-xian-shi-fang-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#geng-huan-xian-shi-fang-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 更换显示方式")])}],!1,null,null,null);r.options.__file="docs/mds/XM10.md";t.default=r.exports},372:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),t("demo-block",[t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n<button class=\"btn\" id=\"demo1-open\">打开下拉框</button>\n<button class=\"btn\" id=\"demo1-close\">关闭下拉框</button>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n\n\ndocument.getElementById('demo1-open').onclick = function(){\n    //这里延迟1S, 是因为, 点击下拉框外边的位置 会出发关闭事件, 所以延迟演示效果\n    setTimeout(function(){\n        demo1.opened();\n    }, 1000);\n}\n\ndocument.getElementById('demo1-close').onclick = function(){\n    //先点一下关闭, 然后把下拉框点开, 3S后会自动关闭\n    setTimeout(function(){\n        demo1.closed();\n    }, 3000);\n}\n<\/script>\n")])])])],2),this._m(2),t("demo-block",[t("template",{slot:"source"},[t("element-demo1")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ],\n    show(){\n        alert('打开了')\n    },\n    hide(){\n        alert('关闭了')\n    }\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}}),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo1-open"}},[this._v("打开下拉框")]),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo1-close"}},[this._v("关闭下拉框")])])}],mounted:function(){this.$nextTick(function(){var e=xmSelect.render({el:"#demo1",data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]});document.getElementById("demo1-open").onclick=function(){setTimeout(function(){e.opened()},1e3)},document.getElementById("demo1-close").onclick=function(){setTimeout(function(){e.closed()},3e3)}})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}],show:function(){alert("打开了")},hide:function(){alert("关闭了")}})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"xian-shi-yu-yin-cang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xian-shi-yu-yin-cang","aria-hidden":"true"}},[this._v("¶")]),this._v(" 显示与隐藏")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"zhu-dong-da-kai-guan-bi-xia-la-kuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zhu-dong-da-kai-guan-bi-xia-la-kuang","aria-hidden":"true"}},[this._v("¶")]),this._v(" 主动打开/关闭下拉框")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"jian-ting-da-kai-guan-bi-xia-la-kuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jian-ting-da-kai-guan-bi-xia-la-kuang","aria-hidden":"true"}},[this._v("¶")]),this._v(" 监听打开/关闭下拉框")])}],!1,null,null,null);r.options.__file="docs/mds/XM13.md";t.default=r.exports},373:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),n("demo-block",[n("div",[n("p",[e._v("目前仅支持"),n("code",[e._v("中文")]),e._v("和"),n("code",[e._v("英文")]),e._v(", 如需更多语言, 可以"),n("code",[e._v("clone")]),e._v("代码进行二次开发")])]),n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n<div xid=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    language: 'en',\n    data: []\n})\nvar demo2 = xmSelect.render({\n    el: '[xid=demo2]', \n    language: 'en',\n    data: [\n        {name: 'apple', value: 1},\n        {name: 'banana', value: 2},\n        {name: 'orange', value: 3},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}}),this._v(" "),t("div",{staticClass:"xm-select-demo",attrs:{xid:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",language:"en",data:[]}),xmSelect.render({el:"[xid=demo2]",language:"en",data:[{name:"apple",value:1},{name:"banana",value:2},{name:"orange",value:3}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"guo-ji-hua"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#guo-ji-hua","aria-hidden":"true"}},[this._v("¶")]),this._v(" 国际化")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"ying-yu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ying-yu","aria-hidden":"true"}},[this._v("¶")]),this._v(" 英语")])}],!1,null,null,null);r.options.__file="docs/mds/XM02.md";t.default=r.exports},374:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),n("demo-block",[n("div",[n("p",[e._v("当然"),n("code",[e._v("selected")]),e._v("是选中, "),n("code",[e._v("disabled")]),e._v("是禁用")])]),n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    data: [\n        {name: '水果', value: 1, selected: true, disabled: true},\n        {name: '蔬菜', value: 2, selected: true},\n        {name: '桌子', value: 3, disabled: true},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2),e._m(2),n("demo-block",[n("div",[n("p",[n("code",[e._v("initValue")]),e._v("的优先级大于选项中的"),n("code",[e._v("selected")])])]),n("template",{slot:"source"},[n("element-demo1")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo5 = xmSelect.render({\n    el: '#demo1', \n    initValue: [4],\n    data: [\n        {name: '水果', value: 1, selected: true, disabled: true},\n        {name: '蔬菜', value: 2, selected: true},\n        {name: '桌子', value: 3, disabled: true},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",data:[{name:"水果",value:1,selected:!0,disabled:!0},{name:"蔬菜",value:2,selected:!0},{name:"桌子",value:3,disabled:!0},{name:"北京",value:4}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",initValue:[4],data:[{name:"水果",value:1,selected:!0,disabled:!0},{name:"蔬菜",value:2,selected:!0},{name:"桌子",value:3,disabled:!0},{name:"北京",value:4}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"mo-ren-xuan-zhong"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#mo-ren-xuan-zhong","aria-hidden":"true"}},[this._v("¶")]),this._v(" 默认选中")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"shi-yongselected-shu-xing"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#shi-yongselected-shu-xing","aria-hidden":"true"}},[this._v("¶")]),this._v(" 使用"),t("code",[this._v("selected")]),this._v("属性")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"shi-yonginitvalue-jin-xing-chu-shi-hua"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#shi-yonginitvalue-jin-xing-chu-shi-hua","aria-hidden":"true"}},[this._v("¶")]),this._v(" 使用initValue进行初始化")])}],!1,null,null,null);r.options.__file="docs/mds/XM03.md";t.default=r.exports},375:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),n("demo-block",[n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(2),n("demo-block",[n("template",{slot:"source"},[n("element-demo1")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    theme: {\n        color: '#e54d42',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(3),n("demo-block",[n("template",{slot:"source"},[n("element-demo2")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n    el: '#demo3', \n    theme: {\n        color: '#f37b1d',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(4),n("demo-block",[n("template",{slot:"source"},[n("element-demo3")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo4\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo4 = xmSelect.render({\n    el: '#demo4', \n    theme: {\n        color: '#fbbd08',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(5),n("demo-block",[n("template",{slot:"source"},[n("element-demo4")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo5\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo5 = xmSelect.render({\n    el: '#demo5', \n    theme: {\n        color: '#8dc63f',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(6),n("demo-block",[n("template",{slot:"source"},[n("element-demo5")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo6\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo6 = xmSelect.render({\n    el: '#demo6', \n    theme: {\n        color: '#1cbbb4',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(7),n("demo-block",[n("template",{slot:"source"},[n("element-demo6")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo7\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo7 = xmSelect.render({\n    el: '#demo7', \n    theme: {\n        color: '#0081ff',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(8),n("demo-block",[n("template",{slot:"source"},[n("element-demo7")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo8\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo8 = xmSelect.render({\n    el: '#demo8', \n    theme: {\n        color: '#6739b6',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(9),n("demo-block",[n("template",{slot:"source"},[n("element-demo8")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo9\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo9 = xmSelect.render({\n    el: '#demo9', \n    theme: {\n        color: '#9c26b0',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(10),n("demo-block",[n("template",{slot:"source"},[n("element-demo9")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo10\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo10 = xmSelect.render({\n    el: '#demo10', \n    theme: {\n        color: '#e03997',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(11),n("demo-block",[n("template",{slot:"source"},[n("element-demo10")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo11\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo11 = xmSelect.render({\n    el: '#demo11', \n    theme: {\n        color: '#a5673f',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(12),n("demo-block",[n("template",{slot:"source"},[n("element-demo11")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo12\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo12 = xmSelect.render({\n    el: '#demo12', \n    theme: {\n        color: '#8799a3',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(13),n("demo-block",[n("template",{slot:"source"},[n("element-demo12")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo13\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo13 = xmSelect.render({\n    el: '#demo13', \n    theme: {\n        color: '#aaaaaa',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(14),n("demo-block",[n("template",{slot:"source"},[n("element-demo13")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo14\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo14 = xmSelect.render({\n    el: '#demo14', \n    theme: {\n        color: '#333333',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(15)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",theme:{color:"#e54d42"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo2":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo3"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo3",theme:{color:"#f37b1d"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo3":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo4"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo4",theme:{color:"#fbbd08"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo4":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo5"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo5",theme:{color:"#8dc63f"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo5":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo6"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo6",theme:{color:"#1cbbb4"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo6":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo7"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo7",theme:{color:"#0081ff"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo7":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo8"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo8",theme:{color:"#6739b6"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo8":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo9"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo9",theme:{color:"#9c26b0"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo9":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo10"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo10",theme:{color:"#e03997"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo10":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo11"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo11",theme:{color:"#a5673f"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo11":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo12"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo12",theme:{color:"#8799a3"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo12":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo13"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo13",theme:{color:"#aaaaaa"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo13":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo14"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo14",theme:{color:"#333333"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"zhu-ti"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zhu-ti","aria-hidden":"true"}},[this._v("¶")]),this._v(" 主题")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"jing-dian-lu-009688"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jing-dian-lu-009688","aria-hidden":"true"}},[this._v("¶")]),this._v(" 经典绿 ( #009688 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"yan-hong-e54d42"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#yan-hong-e54d42","aria-hidden":"true"}},[this._v("¶")]),this._v(" 嫣红 ( #e54d42 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"jie-cheng-f37b1d"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jie-cheng-f37b1d","aria-hidden":"true"}},[this._v("¶")]),this._v(" 桔橙 ( #f37b1d )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"ming-huang-fbbd08"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ming-huang-fbbd08","aria-hidden":"true"}},[this._v("¶")]),this._v(" 明黄 ( #fbbd08 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"gan-lan-8dc63f"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gan-lan-8dc63f","aria-hidden":"true"}},[this._v("¶")]),this._v(" 橄榄 ( #8dc63f )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"tian-qing-1cbbb4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#tian-qing-1cbbb4","aria-hidden":"true"}},[this._v("¶")]),this._v(" 天青 ( #1cbbb4 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"hai-lan-0081ff"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hai-lan-0081ff","aria-hidden":"true"}},[this._v("¶")]),this._v(" 海蓝 ( #0081ff )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"cha-zi-6739b6"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#cha-zi-6739b6","aria-hidden":"true"}},[this._v("¶")]),this._v(" 姹紫 ( #6739b6 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"mu-jin-9c26b0"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#mu-jin-9c26b0","aria-hidden":"true"}},[this._v("¶")]),this._v(" 木槿 ( #9c26b0 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"tao-fen-e03997"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#tao-fen-e03997","aria-hidden":"true"}},[this._v("¶")]),this._v(" 桃粉 ( #e03997 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"zong-he-a5673f"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zong-he-a5673f","aria-hidden":"true"}},[this._v("¶")]),this._v(" 棕褐 ( #a5673f )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"xuan-hui-8799a3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xuan-hui-8799a3","aria-hidden":"true"}},[this._v("¶")]),this._v(" 玄灰 ( #8799a3 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"cao-hui-aaaaaa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#cao-hui-aaaaaa","aria-hidden":"true"}},[this._v("¶")]),this._v(" 草灰 ( #aaaaaa )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"mo-hei-333333"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#mo-hei-333333","aria-hidden":"true"}},[this._v("¶")]),this._v(" 墨黑 ( #333333 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"warning"},[t("p",[this._v("颜色值来源于"),t("a",{attrs:{href:"https://github.com/weilanwl/ColorUI"}},[this._v("ColorUI")]),this._v(", 有兴趣的可以看看")])])}],!1,null,null,null);r.options.__file="docs/mds/XM12.md";t.default=r.exports},376:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),t("demo-block",[t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    tips: '你喜欢什么水果呢?',\n    data: [\n        {name: '水果', value: 1},\n        {name: '蔬菜', value: 2},\n        {name: '桌子', value: 3},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2),this._m(2),t("demo-block",[t("template",{slot:"source"},[t("element-demo1")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    empty: '呀, 没有数据呢',\n    data: [ ]\n})\n<\/script>\n")])])])],2),this._m(3),t("demo-block",[t("template",{slot:"source"},[t("element-demo2")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n    el: '#demo3', \n    filterable: true,\n    searchTips: '你想吃什么水果吧',\n    data: [\n        {name: '水果', value: 1},\n        {name: '蔬菜', value: 2},\n        {name: '桌子', value: 3},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",tips:"你喜欢什么水果呢?",data:[{name:"水果",value:1},{name:"蔬菜",value:2},{name:"桌子",value:3},{name:"北京",value:4}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",empty:"呀, 没有数据呢",data:[]})})}}}(),"element-demo2":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo3"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo3",filterable:!0,searchTips:"你想吃什么水果吧",data:[{name:"水果",value:1},{name:"蔬菜",value:2},{name:"桌子",value:3},{name:"北京",value:4}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"xiu-gai-ti-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xiu-gai-ti-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 修改提示")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"xiu-gai-xuan-xiang-ti-shi-wen-zi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xiu-gai-xuan-xiang-ti-shi-wen-zi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 修改选项提示文字")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"xiu-gai-kong-shu-ju-ti-shi-wen-zi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xiu-gai-kong-shu-ju-ti-shi-wen-zi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 修改空数据提示文字")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"xiu-gai-sou-suo-ti-shi-wen-zi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xiu-gai-sou-suo-ti-shi-wen-zi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 修改搜索提示文字")])}],!1,null,null,null);r.options.__file="docs/mds/XM04.md";t.default=r.exports},377:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),e._m(2),n("demo-block",[n("div",[n("p",[e._v("我的"),n("code",[e._v("name")]),e._v("是"),n("code",[e._v("label")]),e._v(", 我的"),n("code",[e._v("value")]),e._v("是"),n("code",[e._v("id")]),e._v(", 我有其他属性"),n("code",[e._v("group")])])]),n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n<button class=\"btn\" id=\"demo1-getValue\">获取选中值</button>\n<pre id=\"demo1-value\"></pre>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    prop: {\n        name: 'label',\n        value: 'id',\n    },\n    data: [\n        {label: '张三', id: 1, group: 1},\n        {label: '李四', id: 2, group: 1},\n        {label: '王五', id: 3, group: 2},\n    ]\n})\n\ndocument.getElementById('demo1-getValue').onclick = function(){\n    //获取当前多选选中的值\n    var selectArr = demo1.getValue();\n    document.getElementById('demo1-value').innerHTML = JSON.stringify(selectArr, null, 2);\n}\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}}),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo1-getValue"}},[this._v("获取选中值")]),this._v(" "),t("pre",{attrs:{id:"demo1-value"}})])}],mounted:function(){this.$nextTick(function(){var e=xmSelect.render({el:"#demo1",prop:{name:"label",value:"id"},data:[{label:"张三",id:1,group:1},{label:"李四",id:2,group:1},{label:"王五",id:3,group:2}]});document.getElementById("demo1-getValue").onclick=function(){var t=e.getValue();document.getElementById("demo1-value").innerHTML=JSON.stringify(t,null,2)}})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"zi-ding-yi-shu-xing"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-shu-xing","aria-hidden":"true"}},[this._v("¶")]),this._v(" 自定义属性")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"geng-huan-shu-xingkey"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#geng-huan-shu-xingkey","aria-hidden":"true"}},[this._v("¶")]),this._v(" 更换属性key")])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("p",[e._v("也许你的数据库返回的并不是"),n("code",[e._v("name")]),e._v("和"),n("code",[e._v("value")]),e._v(", 也许你提交的时候不止"),n("code",[e._v("name")]),e._v("和"),n("code",[e._v("value")]),e._v(", 怎么办? 自定义就行")])}],!1,null,null,null);r.options.__file="docs/mds/XM11.md";t.default=r.exports},378:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),n("demo-block",[n("div",[n("p",[e._v("默认按照"),n("code",[e._v("name")]),e._v("进行搜索")])]),n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n\tfilterable: true,\n    data: [\n        {name: '水果', value: 1},\n        {name: '蔬菜', value: 2},\n        {name: '桌子', value: 3},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2),e._m(2),n("demo-block",[n("template",{slot:"source"},[n("element-demo1")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    filterable: true,\n    filterMethod: function(val, item, index, prop){\n        if(val == item.value){//把value相同的搜索出来\n            return true;\n        }\n        if(item.name.indexOf(val) != -1){//名称中包含的搜索出来\n            return true;\n        }\n        return false;//不知道的就不管了\n    },\n    data: [\n        {name: '水果', value: 1},\n        {name: '蔬菜', value: 2},\n        {name: '桌子', value: 3},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2),e._m(3),e._m(4),n("demo-block",[n("div",[n("p",[n("code",[e._v("delay: 2000")]),e._v(" 输入停止2s后进行搜索过滤")])]),n("template",{slot:"source"},[n("element-demo2")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n    el: '#demo3', \n    filterable: true,\n    delay: 2000,\n    data: [\n        {name: '水果', value: 1},\n        {name: '蔬菜', value: 2},\n        {name: '桌子', value: 3},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2),e._m(5),e._m(6),e._m(7),n("p",[e._v("第三部: 重写搜索回调")]),n("p",[e._v("简单吧, 记得Star ^_^")]),n("demo-block",[n("div",[n("p",[n("code",[e._v("render")]),e._v("后, 就会进行一次回调, 用于渲染第一次数据")])]),n("template",{slot:"source"},[n("element-demo3")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo4\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo4 = xmSelect.render({\n    el: '#demo4', \n    filterable: true,\n    remoteSearch: true,\n    remoteMethod: function(val, cb){\n        //这里模拟3s后返回数据\n        setTimeout(function(){\n            //需要回传一个数组\n            cb([\n                {name: '水果' + val, value: val + 1},\n                {name: '蔬菜' + val, value: val + 2},\n                {name: '桌子' + val, value: val + 3},\n                {name: '北京' + val, value: val + 4},\n            ])\n        }, 3000)\n    },\n    data: []\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",filterable:!0,data:[{name:"水果",value:1},{name:"蔬菜",value:2},{name:"桌子",value:3},{name:"北京",value:4}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",filterable:!0,filterMethod:function(e,t,n,a){return e==t.value||-1!=t.name.indexOf(e)},data:[{name:"水果",value:1},{name:"蔬菜",value:2},{name:"桌子",value:3},{name:"北京",value:4}]})})}}}(),"element-demo2":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo3"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo3",filterable:!0,delay:2e3,data:[{name:"水果",value:1},{name:"蔬菜",value:2},{name:"桌子",value:3},{name:"北京",value:4}]})})}}}(),"element-demo3":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo4"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo4",filterable:!0,remoteSearch:!0,remoteMethod:function(e,t){setTimeout(function(){t([{name:"水果"+e,value:e+1},{name:"蔬菜"+e,value:e+2},{name:"桌子"+e,value:e+3},{name:"北京"+e,value:e+4}])},3e3)},data:[]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"sou-suo-mo-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#sou-suo-mo-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 搜索模式")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"mo-ren-sou-suo"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#mo-ren-sou-suo","aria-hidden":"true"}},[this._v("¶")]),this._v(" 默认搜索")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"chong-xie-sou-suo-fang-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#chong-xie-sou-suo-fang-fa","aria-hidden":"true"}},[this._v("¶")]),this._v(" 重写搜索方法")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"sou-suo-yan-chi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#sou-suo-yan-chi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 搜索延迟")])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[this._v("为了提高有效搜索, 当停止输入"),t("code",[this._v("500ms")]),this._v("后才开始进行过滤搜索, 当然这个"),t("code",[this._v("500")]),this._v("你也可以进行修改")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"zi-ding-yi-sou-suo-yuan-cheng-sou-suo"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-sou-suo-yuan-cheng-sou-suo","aria-hidden":"true"}},[this._v("¶")]),this._v(" 自定义搜索 (远程搜索)")])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[this._v("第一步: 需要先开启搜索 "),t("code",[this._v("filterable: true,")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[this._v("第二步: 开启自定义搜索 "),t("code",[this._v("remoteSearch: true")])])}],!1,null,null,null);r.options.__file="docs/mds/XM05.md";t.default=r.exports},379:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),t("demo-block",[t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div style=\"height: 500px\">占位div, 演示效果使用, 底部空间不足时会自动向上展开</div>\n\n<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n\tdirection: 'auto',\n    data: [\n        {name: '水果', value: 1},\n        {name: '蔬菜', value: 2},\n        {name: '桌子', value: 3},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2),this._m(2),t("demo-block",[t("template",{slot:"source"},[t("element-demo1")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    direction: 'up',\n    data: [\n        {name: '水果', value: 1},\n        {name: '蔬菜', value: 2},\n        {name: '桌子', value: 3},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2),this._m(3),t("demo-block",[t("template",{slot:"source"},[t("element-demo2")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n    el: '#demo3', \n    direction: 'down',\n    data: [\n        {name: '水果', value: 1},\n        {name: '蔬菜', value: 2},\n        {name: '桌子', value: 3},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticStyle:{height:"500px"}},[this._v("占位div, 演示效果使用, 底部空间不足时会自动向上展开")]),this._v(" "),t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",direction:"auto",data:[{name:"水果",value:1},{name:"蔬菜",value:2},{name:"桌子",value:3},{name:"北京",value:4}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",direction:"up",data:[{name:"水果",value:1},{name:"蔬菜",value:2},{name:"桌子",value:3},{name:"北京",value:4}]})})}}}(),"element-demo2":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo3"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo3",direction:"down",data:[{name:"水果",value:1},{name:"蔬菜",value:2},{name:"桌子",value:3},{name:"北京",value:4}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"xia-la-fang-xiang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xia-la-fang-xiang","aria-hidden":"true"}},[this._v("¶")]),this._v(" 下拉方向")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"zi-dongauto"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-dongauto","aria-hidden":"true"}},[this._v("¶")]),this._v(" 自动"),t("code",[this._v("auto")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"da-qia-xiang-shangup"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#da-qia-xiang-shangup","aria-hidden":"true"}},[this._v("¶")]),this._v(" 打卡向上"),t("code",[this._v("up")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"da-kai-xiang-xiadown"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#da-kai-xiang-xiadown","aria-hidden":"true"}},[this._v("¶")]),this._v(" 打开向下"),t("code",[this._v("down")])])}],!1,null,null,null);r.options.__file="docs/mds/XM06.md";t.default=r.exports},380:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),this._m(2),t("demo-block",[t("div",[t("p",[t("code",[this._v("el")]),this._v("绑定的不一定是id, 也可以是其他css选择器")])]),t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"ji-chu-shi-yong"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-shi-yong","aria-hidden":"true"}},[this._v("¶")]),this._v(" 基础使用")])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"tip"},[t("p",[this._v("只需引入"),t("code",[this._v("xm-select.js")]),this._v(", 剩下的就只有渲染了")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"yi-ge-xiao-li-zi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#yi-ge-xiao-li-zi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 一个小栗子")])}],!1,null,null,null);r.options.__file="docs/mds/XM01.md";t.default=r.exports},381:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement;this._self._c;return this._m(0)};a._withStripped=!0;var i=n(4),s=Object(i.a)({},a,[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[n("h2",{attrs:{id:"pei-zhi-xiang-yu-fang-fa"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#pei-zhi-xiang-yu-fang-fa","aria-hidden":"true"}},[e._v("¶")]),e._v(" 配置项与方法")]),n("h3",{attrs:{id:"pei-zhi-xiang"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#pei-zhi-xiang","aria-hidden":"true"}},[e._v("¶")]),e._v(" 配置项")]),n("table",[n("thead",[n("tr",[n("th",[e._v("参数")]),n("th",[e._v("说明")]),n("th",[e._v("类型")]),n("th",[e._v("可选值")]),n("th",[e._v("默认值")])])]),n("tbody",[n("tr",[n("td",[e._v("el")]),n("td",[e._v("渲染对象, css选择器")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("language")]),n("td",[e._v("语言选择")]),n("td",[e._v("string")]),n("td",[e._v("zn / en")]),n("td",[e._v("zn")])]),n("tr",[n("td",[e._v("data")]),n("td",[e._v("显示的数据")]),n("td",[e._v("array")]),n("td",[e._v("-")]),n("td",[e._v("[ ]")])]),n("tr",[n("td",[e._v("initValue")]),n("td",[e._v("初始化选中的数据, 需要在data中存在")]),n("td",[e._v("array")]),n("td",[e._v("-")]),n("td",[e._v("null")])]),n("tr",[n("td",[e._v("tips")]),n("td",[e._v("默认提示, 类似于placeholder")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("请选择")])]),n("tr",[n("td",[e._v("empty")]),n("td",[e._v("空数据提示")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("暂无数据")])]),n("tr",[n("td",[e._v("filterable")]),n("td",[e._v("是否开启搜索")]),n("td",[e._v("boolean")]),n("td",[e._v("true / false")]),n("td",[e._v("false")])]),n("tr",[n("td",[e._v("searchTips")]),n("td",[e._v("搜索提示")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("请选择")])]),n("tr",[n("td",[e._v("delay")]),n("td",[e._v("搜索延迟 ms")]),n("td",[e._v("int")]),n("td",[e._v("-")]),n("td",[e._v("500")])]),n("tr",[n("td",[e._v("filterMethod")]),n("td",[e._v("搜索回调函数")]),n("td",[e._v("function(val, item, index, prop)  val: 当前搜索值, item: 每个option选项, index: 位置数据中的下标, prop: 定义key")]),n("td",[e._v("-")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("remoteSearch")]),n("td",[e._v("是否开启自定义搜索 (远程搜索)")]),n("td",[e._v("boolean")]),n("td",[e._v("true / false")]),n("td",[e._v("false")])]),n("tr",[n("td",[e._v("remoteMethod")]),n("td",[e._v("自定义搜索回调函数")]),n("td",[e._v("function(val, cb)  val: 当前搜索值, cb: 回调函数, 需要回调一个数组, 结构同data")]),n("td",[e._v("-")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("direction")]),n("td",[e._v("下拉方向")]),n("td",[e._v("string")]),n("td",[e._v("auto / up / down")]),n("td",[e._v("auto")])]),n("tr",[n("td",[e._v("style")]),n("td",[e._v("自定义样式")]),n("td",[e._v("object")]),n("td",[e._v("-")]),n("td",[e._v("{ }")])]),n("tr",[n("td",[e._v("height")]),n("td",[e._v("默认最大高度")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("200px")])]),n("tr",[n("td",[e._v("paging")]),n("td",[e._v("是否开启自定义分页")]),n("td",[e._v("boolean")]),n("td",[e._v("true / false")]),n("td",[e._v("false")])]),n("tr",[n("td",[e._v("pageSize")]),n("td",[e._v("分页条数")]),n("td",[e._v("int")]),n("td",[e._v("-")]),n("td",[e._v("10")])]),n("tr",[n("td",[e._v("radio")]),n("td",[e._v("是否开启单选模式")]),n("td",[e._v("boolean")]),n("td",[e._v("true / false")]),n("td",[e._v("false")])]),n("tr",[n("td",[e._v("repeat")]),n("td",[e._v("是否开启重复性模式")]),n("td",[e._v("boolean")]),n("td",[e._v("true / false")]),n("td",[e._v("false")])]),n("tr",[n("td",[e._v("clickClose")]),n("td",[e._v("是否点击选项后自动关闭下拉框")]),n("td",[e._v("boolean")]),n("td",[e._v("true / false")]),n("td",[e._v("false")])]),n("tr",[n("td",[e._v("prop")]),n("td",[e._v("自定义属性名称, 具体看下表")]),n("td",[e._v("object")]),n("td",[e._v("-")]),n("td")]),n("tr",[n("td",[e._v("theme")]),n("td",[e._v("主题配置, 具体看下表")]),n("td",[e._v("object")]),n("td",[e._v("-")]),n("td")]),n("tr",[n("td",[e._v("model")]),n("td",[e._v("模型, 多选的展示方式, 具体见下表")]),n("td",[e._v("object")]),n("td",[e._v("-")]),n("td")]),n("tr",[n("td",[e._v("show")]),n("td",[e._v("展开下拉的回调")]),n("td",[e._v("function")]),n("td",[e._v("-")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("hide")]),n("td",[e._v("隐藏下拉的回调")]),n("td",[e._v("function")]),n("td",[e._v("-")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("template")]),n("td",[e._v("自定义渲染选项")]),n("td",[e._v("function({ item, sels, name, value })")]),n("td",[e._v("-")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("on")]),n("td",[e._v("监听选中变化")]),n("td",[e._v("function({ arr, item, selected })")]),n("td",[e._v("-")]),n("td",[e._v("-")])])])]),n("h3",{attrs:{id:"prop"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#prop","aria-hidden":"true"}},[e._v("¶")]),e._v(" prop")]),n("table",[n("thead",[n("tr",[n("th",[e._v("参数")]),n("th",[e._v("说明")]),n("th",[e._v("类型")]),n("th",[e._v("可选值")]),n("th",[e._v("默认值")])])]),n("tbody",[n("tr",[n("td",[e._v("name")]),n("td",[e._v("显示名称")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("name")])]),n("tr",[n("td",[e._v("value")]),n("td",[e._v("选中值")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("value")])]),n("tr",[n("td",[e._v("selected")]),n("td",[e._v("是否选中")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("selected")])]),n("tr",[n("td",[e._v("disabled")]),n("td",[e._v("是否警用")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("disabled")])])])]),n("h3",{attrs:{id:"theme"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#theme","aria-hidden":"true"}},[e._v("¶")]),e._v(" theme")]),n("table",[n("thead",[n("tr",[n("th",[e._v("参数")]),n("th",[e._v("说明")]),n("th",[e._v("类型")]),n("th",[e._v("可选值")]),n("th",[e._v("默认值")])])]),n("tbody",[n("tr",[n("td",[e._v("color")]),n("td",[e._v("颜色")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("#009688")])])])]),n("h3",{attrs:{id:"model"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#model","aria-hidden":"true"}},[e._v("¶")]),e._v(" model")]),n("p",[e._v("目前仅配置label即可")]),n("pre",[n("code",[e._v("model: {\n    label: {\n        //使用方式\n        type: 'block',\n        //使用字符串拼接的方式\n        text: {\n            //左边拼接的字符\n            left: '',\n            //右边拼接的字符\n            right: '',\n            //中间的分隔符\n            separator: ', ',\n        },\n        //使用方块显示\n        block: {\n            //最大显示数量, 0:不限制\n            showCount: 0,\n            //是否显示删除图标\n            showIcon: true,\n        },\n        //自定义文字\n        count: {\n            //函数处理\n            template(data, sels){\n                //data: 所有的数据\n                //sels: 选中的数据\n                return `已选中 ${sels.length} 项, 共 ${data.length} 项`\n            }\n        },\n    },\n},\n")])]),n("h3",{attrs:{id:"fang-fa"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#fang-fa","aria-hidden":"true"}},[e._v("¶")]),e._v(" 方法")]),n("div",{staticClass:"warning"},[n("p",[e._v("xmSelect.render()后会返回一个xmSelect对象, 可以进行方法调用")])]),n("table",[n("thead",[n("tr",[n("th",[e._v("事件名")]),n("th",[e._v("说明")]),n("th",[e._v("参数")])])]),n("tbody",[n("tr",[n("td",[e._v("getValue")]),n("td",[e._v("获取当前选中的数据")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("setValue")]),n("td",[e._v("动态设置数据")]),n("td",[e._v("array: 选中的数据, show: 是否展开下拉")])]),n("tr",[n("td",[e._v("opened")]),n("td",[e._v("主动展开下拉")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("closed")]),n("td",[e._v("主动关闭下拉")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("render")]),n("td",[e._v("重新渲染多选")]),n("td",[e._v("(options):见配置项")])]),n("tr",[n("td",[e._v("reset")]),n("td",[e._v("重置为上一次的render状态")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("update")]),n("td",[e._v("更新多选选中, reset不保留")]),n("td",[e._v("-")])])])])])}],!1,null,null,null);s.options.__file="docs/mds/options.md";t.default=s.exports},382:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement;this._self._c;return this._m(0)};a._withStripped=!0;var i=n(4),s=Object(i.a)({},a,[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[n("h2",{attrs:{id:"chang-jian-wen-ti"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#chang-jian-wen-ti","aria-hidden":"true"}},[e._v("¶")]),e._v(" 常见问题")]),n("h3",{attrs:{id:"1.-zai-na-li-xia-zai"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#1.-zai-na-li-xia-zai","aria-hidden":"true"}},[e._v("¶")]),e._v(" 1.在哪里下载")]),n("p",[n("a",{attrs:{href:"https://gitee.com/maplemei/xm-select"}},[e._v("Gitee码云下载")]),e._v(", 使用时引入"),n("code",[e._v("xm-select.js")]),e._v("即可, 具体请看"),n("a",{attrs:{href:"/#/component/install"}},[e._v("入门指南")])]),n("h3",{attrs:{id:"2.-wei-shi-me-duo-xuan-bu-xian-shi"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#2.-wei-shi-me-duo-xuan-bu-xian-shi","aria-hidden":"true"}},[e._v("¶")]),e._v(" 2.为什么多选不显示")]),n("p",[e._v("重要的事情说三遍, 需要渲染, 需要渲染, 需要渲染")]),n("h3",{attrs:{id:"3.-xuan-ran-hou-huan-shi-bu-xian-shi"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#3.-xuan-ran-hou-huan-shi-bu-xian-shi","aria-hidden":"true"}},[e._v("¶")]),e._v(" 3.渲染后还是不显示")]),n("p",[e._v("打开控制台查看是否报错, 加群: 660408068, 询问")])])}],!1,null,null,null);s.options.__file="docs/mds/question.md";t.default=s.exports},384:function(e,t,n){var a={"./mds/XM01.md":380,"./mds/XM02.md":373,"./mds/XM03.md":374,"./mds/XM04.md":376,"./mds/XM05.md":378,"./mds/XM06.md":379,"./mds/XM07.md":367,"./mds/XM08.md":364,"./mds/XM09.md":366,"./mds/XM10.md":371,"./mds/XM11.md":377,"./mds/XM12.md":375,"./mds/XM13.md":372,"./mds/XM14.md":370,"./mds/XM15.md":369,"./mds/XM16.md":365,"./mds/XM17.md":363,"./mds/install.md":368,"./mds/options.md":381,"./mds/question.md":382};function i(e){var t=s(e);return n(t)}function s(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}i.keys=function(){return Object.keys(a)},i.resolve=s,e.exports=i,i.id=384}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{361:function(e,t,n){e.exports=n.p+"static/wx.f391ad4.jpg"},363:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),t("demo-block",[t("div",[t("p",[this._v("事实证明分页是好使的 ^_^")])]),t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v('<div id="demo1" class="xm-select-demo"></div>\n<button class="btn" id="demo1-test1">测试1000条</button>\n<button class="btn" id="demo1-test2">测试10000条</button>\n<button class="btn" id="demo1-test3">测试10000条+分页</button>\n<pre id="demo1-result"></pre>\n\n<script>\nfunction run(count, paging){\n    //生成数据\n    var data = [];\n    for(var i = 0; i < count; i++){\n        data.push({\n            name: \'测试数据\' + i,\n            value: i,\n        })\n    }\n    \n    //记录开始渲染时间\n    var startTime = Date.now();\n    \n    var demo1 = xmSelect.render({\n        el: \'#demo1\', \n        paging,\n        data\n    })\n    \n    //记录结束时间\n    var endTime = Date.now();\n    \n    document.getElementById(\'demo1-result\').innerText = `渲染耗时: ${endTime - startTime} ms`\n}\n\ndocument.getElementById(\'demo1-test1\').onclick = function(){\n    run(1000, false)\n};\n\ndocument.getElementById(\'demo1-test2\').onclick = function(){\n    run(10000, false)\n};\n\ndocument.getElementById(\'demo1-test3\').onclick = function(){\n    run(10000, true)\n};\n\nrun(1000, false);\n\n<\/script>\n')])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}}),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo1-test1"}},[this._v("测试1000条")]),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo1-test2"}},[this._v("测试10000条")]),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo1-test3"}},[this._v("测试10000条+分页")]),this._v(" "),t("pre",{attrs:{id:"demo1-result"}})])}],mounted:function(){this.$nextTick(function(){function e(e,t){for(var n=[],a=0;a<e;a++)n.push({name:"测试数据"+a,value:a});var i=Date.now(),s=(xmSelect.render({el:"#demo1",paging:t,data:n}),Date.now());document.getElementById("demo1-result").innerText="渲染耗时: ".concat(s-i," ms")}document.getElementById("demo1-test1").onclick=function(){e(1e3,!1)},document.getElementById("demo1-test2").onclick=function(){e(1e4,!1)},document.getElementById("demo1-test3").onclick=function(){e(1e4,!0)},e(1e3,!1)})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"xing-neng-ce-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xing-neng-ce-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 性能测试")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"shu-ju-xuan-ran-hao-shi-ce-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#shu-ju-xuan-ran-hao-shi-ce-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 数据渲染耗时测试")])}],!1,null,null,null);r.options.__file="docs/mds/XM17.md";t.default=r.exports},364:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),n("demo-block",[n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    paging: true,\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n        {name: '赵六', value: 4},\n        {name: '苹果', value: 5},\n        {name: '香蕉', value: 6},\n        {name: '凤梨', value: 7},\n        {name: '葡萄', value: 8},\n        {name: '樱桃', value: 9},\n        {name: '车厘子', value: 10},\n        {name: '火龙果', value: 11},\n    ]\n})\n<\/script>\n")])])])],2),e._m(2),n("p",[e._v("每页3条")]),n("demo-block",[n("template",{slot:"source"},[n("element-demo1")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    paging: true,\n    pageSize: 3,\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n        {name: '赵六', value: 4},\n        {name: '苹果', value: 5},\n        {name: '香蕉', value: 6},\n        {name: '凤梨', value: 7},\n        {name: '葡萄', value: 8},\n        {name: '樱桃', value: 9},\n        {name: '车厘子', value: 10},\n        {name: '火龙果', value: 11},\n    ]\n})\n<\/script>\n")])])])],2),e._m(3),n("demo-block",[n("template",{slot:"source"},[n("element-demo2")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v('<div id="demo3" class="xm-select-demo"></div>\n<button class="btn" id="demo3-5">每页5条</button>\n<button class="btn" id="demo3-10">每页10条</button>\n<button class="btn" id="demo3-20">每页20条</button>\n\n<script>\nvar data = [];\nfor(var i = 0 ; i < 100 ; i++ ){\n    data.push({\n        name: \'测试数据\' + i,\n        value: i,\n    })\n}\n\nvar demo3 = xmSelect.render({\n    el: \'#demo3\', \n    paging: true,\n    pageSize: 5,\n    filterable: true,\n    data\n})\n\ndocument.getElementById(\'demo3-5\').onclick = function(){\n    demo3.update({\n        pageSize: 5\n    })\n}\n\ndocument.getElementById(\'demo3-10\').onclick = function(){\n    demo3.update({\n        pageSize: 10\n    })\n}\n\ndocument.getElementById(\'demo3-20\').onclick = function(){\n    demo3.update({\n        pageSize: 20\n    })\n}\n\n<\/script>\n')])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",paging:!0,data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3},{name:"赵六",value:4},{name:"苹果",value:5},{name:"香蕉",value:6},{name:"凤梨",value:7},{name:"葡萄",value:8},{name:"樱桃",value:9},{name:"车厘子",value:10},{name:"火龙果",value:11}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",paging:!0,pageSize:3,data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3},{name:"赵六",value:4},{name:"苹果",value:5},{name:"香蕉",value:6},{name:"凤梨",value:7},{name:"葡萄",value:8},{name:"樱桃",value:9},{name:"车厘子",value:10},{name:"火龙果",value:11}]})})}}}(),"element-demo2":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo3"}}),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo3-5"}},[this._v("每页5条")]),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo3-10"}},[this._v("每页10条")]),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo3-20"}},[this._v("每页20条")])])}],mounted:function(){this.$nextTick(function(){for(var e=[],t=0;t<100;t++)e.push({name:"测试数据"+t,value:t});var n=xmSelect.render({el:"#demo3",paging:!0,pageSize:5,filterable:!0,data:e});document.getElementById("demo3-5").onclick=function(){n.update({pageSize:5})},document.getElementById("demo3-10").onclick=function(){n.update({pageSize:10})},document.getElementById("demo3-20").onclick=function(){n.update({pageSize:20})}})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"fen-ye"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fen-ye","aria-hidden":"true"}},[this._v("¶")]),this._v(" 分页")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"qi-yong-fen-ye"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#qi-yong-fen-ye","aria-hidden":"true"}},[this._v("¶")]),this._v(" 启用分页")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"zi-ding-yi-tiao-shu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-tiao-shu","aria-hidden":"true"}},[this._v("¶")]),this._v(" 自定义条数")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"sou-suo-fen-ye"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#sou-suo-fen-ye","aria-hidden":"true"}},[this._v("¶")]),this._v(" 搜索+分页")])}],!1,null,null,null);r.options.__file="docs/mds/XM08.md";t.default=r.exports},365:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),t("p",[this._v("实时监听多选的选中状态变化")]),t("demo-block",[t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    on({ arr, item, selected }){\n        alert(`name: ${item.name}, 状态: ${selected}`)\n    },\n    data: [\n        {name: '张三', value: 'zhangsan', selected: true},\n        {name: '李四', value: 'lisi', selected: true},\n        {name: '王五', value: 'wangwu'},\n    ]\n})\n<\/script>\n")])])])],2),this._m(2),t("p",[this._v("选中北京后, 不能选中上海, 二者互斥")]),t("demo-block",[t("template",{slot:"source"},[t("element-demo1")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    on({ arr, item, selected }){\n        if(selected){\n            var index = arr.findIndex(i => i.mutex == item.mutex && i.value != item.value);\n            if(index != -1){\n                arr.splice(index, 1);\n            }\n        }\n    },\n    data: [\n        {name: '北京', value: 1, mutex: 1, selected: true},\n        {name: '上海', value: 2, mutex: 1},\n        {name: '广州', value: 3},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",on:function(e){e.arr;var t=e.item,n=e.selected;alert("name: ".concat(t.name,", 状态: ").concat(n))},data:[{name:"张三",value:"zhangsan",selected:!0},{name:"李四",value:"lisi",selected:!0},{name:"王五",value:"wangwu"}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",on:function(e){var t=e.arr,n=e.item;if(e.selected){var a=t.findIndex(function(e){return e.mutex==n.mutex&&e.value!=n.value});-1!=a&&t.splice(a,1)}},data:[{name:"北京",value:1,mutex:1,selected:!0},{name:"上海",value:2,mutex:1},{name:"广州",value:3}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"jian-ting-xuan-ze"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jian-ting-xuan-ze","aria-hidden":"true"}},[this._v("¶")]),this._v(" 监听选择")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"shi-shi-jian-ting"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#shi-shi-jian-ting","aria-hidden":"true"}},[this._v("¶")]),this._v(" 实时监听")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"jian-ting-dong-tai-fu-zhi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jian-ting-dong-tai-fu-zhi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 监听动态复制")])}],!1,null,null,null);r.options.__file="docs/mds/XM16.md";t.default=r.exports},366:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),t("demo-block",[t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    radio: true,\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),this._m(2),t("demo-block",[t("template",{slot:"source"},[t("element-demo1")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    radio: true,\n    clickClose: true,\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),this._m(3),t("demo-block",[t("template",{slot:"source"},[t("element-demo2")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n    el: '#demo3', \n    radio: true,\n    clickClose: true,\n    model: {\n        label: {\n            type: 'text',\n            text: {\n                //左边拼接的字符\n                left: '',\n                //右边拼接的字符\n                right: '',\n                //中间的分隔符\n                separator: ', ',\n            },\n        }\n    },\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",radio:!0,data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",radio:!0,clickClose:!0,data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo2":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo3"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo3",radio:!0,clickClose:!0,model:{label:{type:"text",text:{left:"",right:"",separator:", "}}},data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"dan-xuan"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dan-xuan","aria-hidden":"true"}},[this._v("¶")]),this._v(" 单选")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"kai-qi-dan-xuan"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#kai-qi-dan-xuan","aria-hidden":"true"}},[this._v("¶")]),this._v(" 开启单选")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"dan-xuan-wan-guan-bi-xia-la"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dan-xuan-wan-guan-bi-xia-la","aria-hidden":"true"}},[this._v("¶")]),this._v(" 单选完关闭下拉")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"geng-huan-xian-shi-fang-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#geng-huan-xian-shi-fang-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 更换显示方式")])}],!1,null,null,null);r.options.__file="docs/mds/XM09.md";t.default=r.exports},367:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),t("p",[this._v("修改一下背景色和外边距吧")]),t("demo-block",[t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    style: {\n        backgroundColor: 'red',\n        marginLeft: '200px',\n    },\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),this._m(2),t("demo-block",[t("template",{slot:"source"},[t("element-demo1")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    height: '50px',\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",style:{backgroundColor:"red",marginLeft:"200px"},data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",height:"50px",data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"zi-ding-yi-yang-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-yang-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 自定义样式")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"sui-bian-shi-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#sui-bian-shi-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 随便试试")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"xiu-gai-xia-la-kuang-de-zui-da-gao-du"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xiu-gai-xia-la-kuang-de-zui-da-gao-du","aria-hidden":"true"}},[this._v("¶")]),this._v(" 修改下拉框的最大高度")])}],!1,null,null,null);r.options.__file="docs/mds/XM07.md";t.default=r.exports},368:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),e._m(2),e._m(3),e._m(4),e._m(5),e._m(6),e._m(7),e._m(8),e._m(9),e._m(10),e._m(11),n("demo-block",[n("div",[n("p",[e._v("只需引入"),n("code",[e._v("xm-select.js")])])]),n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n<button class=\"btn\" id=\"demo1-getValue\">获取选中值</button>\n<pre id=\"demo1-value\"></pre>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    language: 'zn',\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n\ndocument.getElementById('demo1-getValue').onclick = function(){\n    //获取当前多选选中的值\n    var selectArr = demo1.getValue();\n    document.getElementById('demo1-value').innerHTML = JSON.stringify(selectArr, null, 2);\n}\n<\/script>\n\n")])])])],2)],1)},i=[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"an-zhuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#an-zhuang","aria-hidden":"true"}},[this._v("¶")]),this._v(" 安装")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"jian-jie"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jian-jie","aria-hidden":"true"}},[this._v("¶")]),this._v(" 简介")])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"tip"},[t("p",[this._v("基于 "),t("a",{attrs:{href:"https://layui.com"}},[this._v("layui")]),this._v(" 的一个多选解决方案。前身 "),t("a",{attrs:{href:"https://github.com/hnzzmsf/layui-formSelects/"}},[this._v("formSelects")]),this._v("，经历了4个大版本的更新迭代，移除了对 "),t("code",[this._v("jquery")]),this._v(" 的依赖，以一种全新的面貌诞生了。")])])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",[n("li",[e._v("唯一依赖库"),n("a",{attrs:{href:"https://preactjs.com/"}},[e._v("preactjs")])]),n("li",[e._v("打包方式"),n("a",{attrs:{href:"https://www.webpackjs.com/"}},[e._v("webpack")])]),n("li",[e._v("文档借鉴于"),n("a",{attrs:{href:"https://element.eleme.cn/#/zh-CN"}},[e._v("ElementUI")]),e._v("的编写方式")]),n("li",[n("a",{attrs:{href:"https://fly.layui.com/jie/57776/"}},[e._v("Fly社区交流贴")])]),n("li",[e._v("QQ交流群: "),n("code",[e._v("660408068")])])])},function(){var e=this.$createElement,t=this._self._c||e;return t("blockquote",[t("p",[this._v("作者: maplemei, 热爱前端的Java程序猿, 如果喜欢作者的插件, 可以请作者吃雪糕 ^_^")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[t("a",{attrs:{href:"javascript:;"}},[t("img",{attrs:{src:n(361),alt:"打赏",width:"300"}})])])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"xia-zai"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xia-zai","aria-hidden":"true"}},[this._v("¶")]),this._v(" 下载")])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[t("a",{attrs:{href:"https://gitee.com/maplemei/xm-select/stargazers"}},[t("img",{attrs:{src:"https://gitee.com/maplemei/xm-select/badge/star.svg?theme=dark",alt:"star"}})]),t("a",{attrs:{href:"https://gitee.com/maplemei/xm-select/members"}},[t("img",{attrs:{src:"https://gitee.com/maplemei/xm-select/badge/fork.svg?theme=dark",alt:"fork"}})])])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[t("a",{attrs:{href:"https://gitee.com/maplemei/xm-select"}},[this._v("https://gitee.com/maplemei/xm-select")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"er-ci-kai-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#er-ci-kai-fa","aria-hidden":"true"}},[this._v("¶")]),this._v(" 二次开发")])},function(){var e=this.$createElement,t=this._self._c||e;return t("pre",[t("code",[this._v("$ git clone https://gitee.com/maplemei/xm-select.git\n$ cd xm-select\n$ npm install && npm run dev\n")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"hello-world"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hello-world","aria-hidden":"true"}},[this._v("¶")]),this._v(" Hello World")])}];a._withStripped=!0;var s={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}}),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo1-getValue"}},[this._v("获取选中值")]),this._v(" "),t("pre",{attrs:{id:"demo1-value"}})])}],mounted:function(){this.$nextTick(function(){var e=xmSelect.render({el:"#demo1",language:"zn",data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]});document.getElementById("demo1-getValue").onclick=function(){var t=e.getValue();document.getElementById("demo1-value").innerHTML=JSON.stringify(t,null,2)}})}}}()}},r=n(4),l=Object(r.a)(s,a,i,!1,null,null,null);l.options.__file="docs/mds/install.md";t.default=l.exports},369:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),t("demo-block",[t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    data: [\n        {name: '张三', value: 'zhangsan', selected: true},\n        {name: '李四', value: 'lisi', selected: true},\n        {name: '王五', value: 'wangwu'},\n    ]\n})\n<\/script>\n")])])])],2),this._m(2),t("demo-block",[t("template",{slot:"source"},[t("element-demo1")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    template({ item, sels, name, value }){\n        return name  + '<span style=\"position: absolute; right: 10px; color: #8799a3\">'+value+'</span>' \n    },\n    data: [\n        {name: '张三', value: 'zhangsan', selected: true},\n        {name: '李四', value: 'lisi', selected: true},\n        {name: '王五', value: 'wangwu'},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",data:[{name:"张三",value:"zhangsan",selected:!0},{name:"李四",value:"lisi",selected:!0},{name:"王五",value:"wangwu"}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",template:function(e){e.item,e.sels;return e.name+'<span style="position: absolute; right: 10px; color: #8799a3">'+e.value+"</span>"},data:[{name:"张三",value:"zhangsan",selected:!0},{name:"李四",value:"lisi",selected:!0},{name:"王五",value:"wangwu"}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"gou-jian-xuan-xiang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gou-jian-xuan-xiang","aria-hidden":"true"}},[this._v("¶")]),this._v(" 构建选项")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"mo-ren-xuan-ran"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#mo-ren-xuan-ran","aria-hidden":"true"}},[this._v("¶")]),this._v(" 默认渲染")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"zi-ding-yi-xuan-ran"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-xuan-ran","aria-hidden":"true"}},[this._v("¶")]),this._v(" 自定义渲染")])}],!1,null,null,null);r.options.__file="docs/mds/XM15.md";t.default=r.exports},370:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),n("demo-block",[n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2, selected: true},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(2),n("demo-block",[n("template",{slot:"source"},[n("element-demo1")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    model: {\n        label: {\n            type: 'block',\n            block: {\n                //最大显示数量, 0:不限制\n                showCount: 0,\n                //是否显示删除图标\n                showIcon: false,\n            }\n        }\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2, selected: true},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(3),n("demo-block",[n("template",{slot:"source"},[n("element-demo2")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n    el: '#demo3', \n    model: {\n        label: {\n            type: 'block',\n            block: {\n                //最大显示数量, 0:不限制\n                showCount: 1,\n                //是否显示删除图标\n                showIcon: true,\n            }\n        }\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2, selected: true},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(4),n("demo-block",[n("template",{slot:"source"},[n("element-demo3")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo4\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo4 = xmSelect.render({\n    el: '#demo4', \n    model: {\n        label: {\n            type: 'text',\n            //使用字符串拼接的方式\n            text: {\n                //左边拼接的字符\n                left: '【',\n                //右边拼接的字符\n                right: '】',\n                //中间的分隔符\n                separator: '，',\n            },\n        }\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2, selected: true},\n        {name: '王五', value: 3},\n    ],\n})\n<\/script>\n")])])])],2),e._m(5),n("demo-block",[n("template",{slot:"source"},[n("element-demo4")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo5\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo5 = xmSelect.render({\n    el: '#demo5', \n    model: {\n        label: {\n            type: 'xxxx', //自定义与下面的对应\n            xxxx: {\n                template(data, sels){\n                    return \"已选中 \" + sels.length + \" 项, 共 \" + data.length + \" 项\"\n                }\n            },\n        }\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2, selected: true},\n        {name: '王五', value: 3},\n    ],\n})\n<\/script>\n")])])])],2),e._m(6),n("demo-block",[n("template",{slot:"source"},[n("element-demo5")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo6\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo6 = xmSelect.render({\n    el: '#demo6', \n    model: {\n        label: {\n            type: 'xxxx', //自定义与下面的对应\n            xxxx: {\n                template(data, sels){\n                    //也可以是html\n                    return `<div style=\"color: red;\">${sels.length} / ${data.length}</div>`\n                }\n            },\n        }\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2, selected: true},\n        {name: '王五', value: 3},\n    ],\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2,selected:!0},{name:"王五",value:3}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",model:{label:{type:"block",block:{showCount:0,showIcon:!1}}},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2,selected:!0},{name:"王五",value:3}]})})}}}(),"element-demo2":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo3"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo3",model:{label:{type:"block",block:{showCount:1,showIcon:!0}}},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2,selected:!0},{name:"王五",value:3}]})})}}}(),"element-demo3":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo4"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo4",model:{label:{type:"text",text:{left:"【",right:"】",separator:"，"}}},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2,selected:!0},{name:"王五",value:3}]})})}}}(),"element-demo4":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo5"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo5",model:{label:{type:"xxxx",xxxx:{template:function(e,t){return"已选中 "+t.length+" 项, 共 "+e.length+" 项"}}}},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2,selected:!0},{name:"王五",value:3}]})})}}}(),"element-demo5":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo6"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo6",model:{label:{type:"xxxx",xxxx:{template:function(e,t){return'<div style="color: red;">'.concat(t.length," / ").concat(e.length,"</div>")}}}},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2,selected:!0},{name:"王五",value:3}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"xian-shi-fang-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xian-shi-fang-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 显示方式")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"fang-kuai-xing-zhuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fang-kuai-xing-zhuang","aria-hidden":"true"}},[this._v("¶")]),this._v(" 方块形状")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"fang-kuai-xing-zhuang-yin-cang-shan-chu-tu-biao"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fang-kuai-xing-zhuang-yin-cang-shan-chu-tu-biao","aria-hidden":"true"}},[this._v("¶")]),this._v(" 方块形状, 隐藏删除图标")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"fang-kuai-xing-zhuang-chao-guo1-ge-yin-cang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fang-kuai-xing-zhuang-chao-guo1-ge-yin-cang","aria-hidden":"true"}},[this._v("¶")]),this._v(" 方块形状, 超过1个隐藏")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"jian-dan-pin-jie-xing-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jian-dan-pin-jie-xing-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 简单拼接形式")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"zi-ding-yi-xian-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-xian-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 自定义显示")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"zi-ding-yi-xian-shihtml"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-xian-shihtml","aria-hidden":"true"}},[this._v("¶")]),this._v(" 自定义显示HTML")])}],!1,null,null,null);r.options.__file="docs/mds/XM14.md";t.default=r.exports},371:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),n("demo-block",[n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    repeat: true,\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(2),n("demo-block",[n("template",{slot:"source"},[n("element-demo1")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    repeat: true,\n    clickClose: true,\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(3),n("demo-block",[n("div",[n("p",[e._v("好像这样只能增不能减了~~ 有待完善")])]),n("template",{slot:"source"},[n("element-demo2")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n    el: '#demo3', \n    repeat: true,\n    model: {\n        label: {\n            type: 'count',\n            count: {\n                template: function(data, sels){\n                    var res = {};\n                    sels.forEach(item => {\n                       var name = item.name; \n                       !res[name] && (res[name] = 0);\n                       res[name] += 1;\n                    });\n                    return Object.keys(res).map(key => {\n                        return `${key} (${res[key]})`\n                    }).join(',');\n                }\n            },\n        }\n    },\n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",repeat:!0,data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",repeat:!0,clickClose:!0,data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo2":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo3"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo3",repeat:!0,model:{label:{type:"count",count:{template:function(e,t){var n={};return t.forEach(function(e){var t=e.name;!n[t]&&(n[t]=0),n[t]+=1}),Object.keys(n).map(function(e){return"".concat(e," (").concat(n[e],")")}).join(",")}}}},data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"chong-fu-xuan"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#chong-fu-xuan","aria-hidden":"true"}},[this._v("¶")]),this._v(" 重复选")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"kai-qi-chong-fu-xuan"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#kai-qi-chong-fu-xuan","aria-hidden":"true"}},[this._v("¶")]),this._v(" 开启重复选")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"chong-fu-xuan-wan-guan-bi-xia-la"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#chong-fu-xuan-wan-guan-bi-xia-la","aria-hidden":"true"}},[this._v("¶")]),this._v(" 重复选完关闭下拉")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"geng-huan-xian-shi-fang-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#geng-huan-xian-shi-fang-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 更换显示方式")])}],!1,null,null,null);r.options.__file="docs/mds/XM10.md";t.default=r.exports},372:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),t("demo-block",[t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n<button class=\"btn\" id=\"demo1-open\">打开下拉框</button>\n<button class=\"btn\" id=\"demo1-close\">关闭下拉框</button>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n\n\ndocument.getElementById('demo1-open').onclick = function(){\n    //这里延迟1S, 是因为, 点击下拉框外边的位置 会出发关闭事件, 所以延迟演示效果\n    setTimeout(function(){\n        demo1.opened();\n    }, 1000);\n}\n\ndocument.getElementById('demo1-close').onclick = function(){\n    //先点一下关闭, 然后把下拉框点开, 3S后会自动关闭\n    setTimeout(function(){\n        demo1.closed();\n    }, 3000);\n}\n<\/script>\n")])])])],2),this._m(2),t("demo-block",[t("template",{slot:"source"},[t("element-demo1")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ],\n    show(){\n        alert('打开了')\n    },\n    hide(){\n        alert('关闭了')\n    }\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}}),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo1-open"}},[this._v("打开下拉框")]),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo1-close"}},[this._v("关闭下拉框")])])}],mounted:function(){this.$nextTick(function(){var e=xmSelect.render({el:"#demo1",data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]});document.getElementById("demo1-open").onclick=function(){setTimeout(function(){e.opened()},1e3)},document.getElementById("demo1-close").onclick=function(){setTimeout(function(){e.closed()},3e3)}})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}],show:function(){alert("打开了")},hide:function(){alert("关闭了")}})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"xian-shi-yu-yin-cang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xian-shi-yu-yin-cang","aria-hidden":"true"}},[this._v("¶")]),this._v(" 显示与隐藏")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"zhu-dong-da-kai-guan-bi-xia-la-kuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zhu-dong-da-kai-guan-bi-xia-la-kuang","aria-hidden":"true"}},[this._v("¶")]),this._v(" 主动打开/关闭下拉框")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"jian-ting-da-kai-guan-bi-xia-la-kuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jian-ting-da-kai-guan-bi-xia-la-kuang","aria-hidden":"true"}},[this._v("¶")]),this._v(" 监听打开/关闭下拉框")])}],!1,null,null,null);r.options.__file="docs/mds/XM13.md";t.default=r.exports},373:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),n("demo-block",[n("div",[n("p",[e._v("目前仅支持"),n("code",[e._v("中文")]),e._v("和"),n("code",[e._v("英文")]),e._v(", 如需更多语言, 可以"),n("code",[e._v("clone")]),e._v("代码进行二次开发")])]),n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n<div xid=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    language: 'en',\n    data: []\n})\nvar demo2 = xmSelect.render({\n    el: '[xid=demo2]', \n    language: 'en',\n    data: [\n        {name: 'apple', value: 1},\n        {name: 'banana', value: 2},\n        {name: 'orange', value: 3},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}}),this._v(" "),t("div",{staticClass:"xm-select-demo",attrs:{xid:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",language:"en",data:[]}),xmSelect.render({el:"[xid=demo2]",language:"en",data:[{name:"apple",value:1},{name:"banana",value:2},{name:"orange",value:3}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"guo-ji-hua"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#guo-ji-hua","aria-hidden":"true"}},[this._v("¶")]),this._v(" 国际化")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"ying-yu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ying-yu","aria-hidden":"true"}},[this._v("¶")]),this._v(" 英语")])}],!1,null,null,null);r.options.__file="docs/mds/XM02.md";t.default=r.exports},374:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),n("demo-block",[n("div",[n("p",[e._v("当然"),n("code",[e._v("selected")]),e._v("是选中, "),n("code",[e._v("disabled")]),e._v("是禁用")])]),n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    data: [\n        {name: '水果', value: 1, selected: true, disabled: true},\n        {name: '蔬菜', value: 2, selected: true},\n        {name: '桌子', value: 3, disabled: true},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2),e._m(2),n("demo-block",[n("div",[n("p",[n("code",[e._v("initValue")]),e._v("的优先级大于选项中的"),n("code",[e._v("selected")])])]),n("template",{slot:"source"},[n("element-demo1")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo5 = xmSelect.render({\n    el: '#demo1', \n    initValue: [4],\n    data: [\n        {name: '水果', value: 1, selected: true, disabled: true},\n        {name: '蔬菜', value: 2, selected: true},\n        {name: '桌子', value: 3, disabled: true},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",data:[{name:"水果",value:1,selected:!0,disabled:!0},{name:"蔬菜",value:2,selected:!0},{name:"桌子",value:3,disabled:!0},{name:"北京",value:4}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",initValue:[4],data:[{name:"水果",value:1,selected:!0,disabled:!0},{name:"蔬菜",value:2,selected:!0},{name:"桌子",value:3,disabled:!0},{name:"北京",value:4}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"mo-ren-xuan-zhong"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#mo-ren-xuan-zhong","aria-hidden":"true"}},[this._v("¶")]),this._v(" 默认选中")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"shi-yongselected-shu-xing"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#shi-yongselected-shu-xing","aria-hidden":"true"}},[this._v("¶")]),this._v(" 使用"),t("code",[this._v("selected")]),this._v("属性")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"shi-yonginitvalue-jin-xing-chu-shi-hua"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#shi-yonginitvalue-jin-xing-chu-shi-hua","aria-hidden":"true"}},[this._v("¶")]),this._v(" 使用initValue进行初始化")])}],!1,null,null,null);r.options.__file="docs/mds/XM03.md";t.default=r.exports},375:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),n("demo-block",[n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(2),n("demo-block",[n("template",{slot:"source"},[n("element-demo1")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    theme: {\n        color: '#e54d42',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(3),n("demo-block",[n("template",{slot:"source"},[n("element-demo2")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n    el: '#demo3', \n    theme: {\n        color: '#f37b1d',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(4),n("demo-block",[n("template",{slot:"source"},[n("element-demo3")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo4\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo4 = xmSelect.render({\n    el: '#demo4', \n    theme: {\n        color: '#fbbd08',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(5),n("demo-block",[n("template",{slot:"source"},[n("element-demo4")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo5\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo5 = xmSelect.render({\n    el: '#demo5', \n    theme: {\n        color: '#8dc63f',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(6),n("demo-block",[n("template",{slot:"source"},[n("element-demo5")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo6\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo6 = xmSelect.render({\n    el: '#demo6', \n    theme: {\n        color: '#1cbbb4',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(7),n("demo-block",[n("template",{slot:"source"},[n("element-demo6")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo7\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo7 = xmSelect.render({\n    el: '#demo7', \n    theme: {\n        color: '#0081ff',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(8),n("demo-block",[n("template",{slot:"source"},[n("element-demo7")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo8\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo8 = xmSelect.render({\n    el: '#demo8', \n    theme: {\n        color: '#6739b6',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(9),n("demo-block",[n("template",{slot:"source"},[n("element-demo8")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo9\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo9 = xmSelect.render({\n    el: '#demo9', \n    theme: {\n        color: '#9c26b0',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(10),n("demo-block",[n("template",{slot:"source"},[n("element-demo9")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo10\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo10 = xmSelect.render({\n    el: '#demo10', \n    theme: {\n        color: '#e03997',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(11),n("demo-block",[n("template",{slot:"source"},[n("element-demo10")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo11\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo11 = xmSelect.render({\n    el: '#demo11', \n    theme: {\n        color: '#a5673f',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(12),n("demo-block",[n("template",{slot:"source"},[n("element-demo11")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo12\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo12 = xmSelect.render({\n    el: '#demo12', \n    theme: {\n        color: '#8799a3',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(13),n("demo-block",[n("template",{slot:"source"},[n("element-demo12")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo13\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo13 = xmSelect.render({\n    el: '#demo13', \n    theme: {\n        color: '#aaaaaa',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(14),n("demo-block",[n("template",{slot:"source"},[n("element-demo13")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo14\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo14 = xmSelect.render({\n    el: '#demo14', \n    theme: {\n        color: '#333333',\n    },\n    data: [\n        {name: '张三', value: 1, selected: true},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2),e._m(15)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",theme:{color:"#e54d42"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo2":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo3"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo3",theme:{color:"#f37b1d"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo3":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo4"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo4",theme:{color:"#fbbd08"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo4":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo5"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo5",theme:{color:"#8dc63f"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo5":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo6"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo6",theme:{color:"#1cbbb4"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo6":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo7"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo7",theme:{color:"#0081ff"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo7":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo8"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo8",theme:{color:"#6739b6"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo8":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo9"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo9",theme:{color:"#9c26b0"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo9":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo10"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo10",theme:{color:"#e03997"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo10":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo11"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo11",theme:{color:"#a5673f"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo11":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo12"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo12",theme:{color:"#8799a3"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo12":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo13"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo13",theme:{color:"#aaaaaa"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}(),"element-demo13":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo14"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo14",theme:{color:"#333333"},data:[{name:"张三",value:1,selected:!0},{name:"李四",value:2},{name:"王五",value:3}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"zhu-ti"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zhu-ti","aria-hidden":"true"}},[this._v("¶")]),this._v(" 主题")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"jing-dian-lu-009688"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jing-dian-lu-009688","aria-hidden":"true"}},[this._v("¶")]),this._v(" 经典绿 ( #009688 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"yan-hong-e54d42"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#yan-hong-e54d42","aria-hidden":"true"}},[this._v("¶")]),this._v(" 嫣红 ( #e54d42 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"jie-cheng-f37b1d"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jie-cheng-f37b1d","aria-hidden":"true"}},[this._v("¶")]),this._v(" 桔橙 ( #f37b1d )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"ming-huang-fbbd08"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ming-huang-fbbd08","aria-hidden":"true"}},[this._v("¶")]),this._v(" 明黄 ( #fbbd08 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"gan-lan-8dc63f"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gan-lan-8dc63f","aria-hidden":"true"}},[this._v("¶")]),this._v(" 橄榄 ( #8dc63f )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"tian-qing-1cbbb4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#tian-qing-1cbbb4","aria-hidden":"true"}},[this._v("¶")]),this._v(" 天青 ( #1cbbb4 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"hai-lan-0081ff"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hai-lan-0081ff","aria-hidden":"true"}},[this._v("¶")]),this._v(" 海蓝 ( #0081ff )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"cha-zi-6739b6"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#cha-zi-6739b6","aria-hidden":"true"}},[this._v("¶")]),this._v(" 姹紫 ( #6739b6 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"mu-jin-9c26b0"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#mu-jin-9c26b0","aria-hidden":"true"}},[this._v("¶")]),this._v(" 木槿 ( #9c26b0 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"tao-fen-e03997"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#tao-fen-e03997","aria-hidden":"true"}},[this._v("¶")]),this._v(" 桃粉 ( #e03997 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"zong-he-a5673f"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zong-he-a5673f","aria-hidden":"true"}},[this._v("¶")]),this._v(" 棕褐 ( #a5673f )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"xuan-hui-8799a3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xuan-hui-8799a3","aria-hidden":"true"}},[this._v("¶")]),this._v(" 玄灰 ( #8799a3 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"cao-hui-aaaaaa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#cao-hui-aaaaaa","aria-hidden":"true"}},[this._v("¶")]),this._v(" 草灰 ( #aaaaaa )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"mo-hei-333333"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#mo-hei-333333","aria-hidden":"true"}},[this._v("¶")]),this._v(" 墨黑 ( #333333 )")])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"warning"},[t("p",[this._v("颜色值来源于"),t("a",{attrs:{href:"https://github.com/weilanwl/ColorUI"}},[this._v("ColorUI")]),this._v(", 有兴趣的可以看看")])])}],!1,null,null,null);r.options.__file="docs/mds/XM12.md";t.default=r.exports},376:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),t("demo-block",[t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    tips: '你喜欢什么水果呢?',\n    data: [\n        {name: '水果', value: 1},\n        {name: '蔬菜', value: 2},\n        {name: '桌子', value: 3},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2),this._m(2),t("demo-block",[t("template",{slot:"source"},[t("element-demo1")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    empty: '呀, 没有数据呢',\n    data: [ ]\n})\n<\/script>\n")])])])],2),this._m(3),t("demo-block",[t("template",{slot:"source"},[t("element-demo2")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n    el: '#demo3', \n    filterable: true,\n    searchTips: '你想吃什么水果吧',\n    data: [\n        {name: '水果', value: 1},\n        {name: '蔬菜', value: 2},\n        {name: '桌子', value: 3},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",tips:"你喜欢什么水果呢?",data:[{name:"水果",value:1},{name:"蔬菜",value:2},{name:"桌子",value:3},{name:"北京",value:4}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",empty:"呀, 没有数据呢",data:[]})})}}}(),"element-demo2":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo3"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo3",filterable:!0,searchTips:"你想吃什么水果吧",data:[{name:"水果",value:1},{name:"蔬菜",value:2},{name:"桌子",value:3},{name:"北京",value:4}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"xiu-gai-ti-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xiu-gai-ti-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 修改提示")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"xiu-gai-xuan-xiang-ti-shi-wen-zi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xiu-gai-xuan-xiang-ti-shi-wen-zi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 修改选项提示文字")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"xiu-gai-kong-shu-ju-ti-shi-wen-zi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xiu-gai-kong-shu-ju-ti-shi-wen-zi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 修改空数据提示文字")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"xiu-gai-sou-suo-ti-shi-wen-zi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xiu-gai-sou-suo-ti-shi-wen-zi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 修改搜索提示文字")])}],!1,null,null,null);r.options.__file="docs/mds/XM04.md";t.default=r.exports},377:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),e._m(2),n("demo-block",[n("div",[n("p",[e._v("我的"),n("code",[e._v("name")]),e._v("是"),n("code",[e._v("label")]),e._v(", 我的"),n("code",[e._v("value")]),e._v("是"),n("code",[e._v("id")]),e._v(", 我有其他属性"),n("code",[e._v("group")])])]),n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n<button class=\"btn\" id=\"demo1-getValue\">获取选中值</button>\n<pre id=\"demo1-value\"></pre>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    prop: {\n        name: 'label',\n        value: 'id',\n    },\n    data: [\n        {label: '张三', id: 1, group: 1},\n        {label: '李四', id: 2, group: 1},\n        {label: '王五', id: 3, group: 2},\n    ]\n})\n\ndocument.getElementById('demo1-getValue').onclick = function(){\n    //获取当前多选选中的值\n    var selectArr = demo1.getValue();\n    document.getElementById('demo1-value').innerHTML = JSON.stringify(selectArr, null, 2);\n}\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}}),this._v(" "),t("button",{staticClass:"btn",attrs:{id:"demo1-getValue"}},[this._v("获取选中值")]),this._v(" "),t("pre",{attrs:{id:"demo1-value"}})])}],mounted:function(){this.$nextTick(function(){var e=xmSelect.render({el:"#demo1",prop:{name:"label",value:"id"},data:[{label:"张三",id:1,group:1},{label:"李四",id:2,group:1},{label:"王五",id:3,group:2}]});document.getElementById("demo1-getValue").onclick=function(){var t=e.getValue();document.getElementById("demo1-value").innerHTML=JSON.stringify(t,null,2)}})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"zi-ding-yi-shu-xing"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-shu-xing","aria-hidden":"true"}},[this._v("¶")]),this._v(" 自定义属性")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"geng-huan-shu-xingkey"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#geng-huan-shu-xingkey","aria-hidden":"true"}},[this._v("¶")]),this._v(" 更换属性key")])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("p",[e._v("也许你的数据库返回的并不是"),n("code",[e._v("name")]),e._v("和"),n("code",[e._v("value")]),e._v(", 也许你提交的时候不止"),n("code",[e._v("name")]),e._v("和"),n("code",[e._v("value")]),e._v(", 怎么办? 自定义就行")])}],!1,null,null,null);r.options.__file="docs/mds/XM11.md";t.default=r.exports},378:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[e._m(0),e._m(1),n("demo-block",[n("div",[n("p",[e._v("默认按照"),n("code",[e._v("name")]),e._v("进行搜索")])]),n("template",{slot:"source"},[n("element-demo0")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    filterable: true,\n    data: [\n        {name: '水果', value: 1},\n        {name: '蔬菜', value: 2},\n        {name: '桌子', value: 3},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2),e._m(2),n("demo-block",[n("template",{slot:"source"},[n("element-demo1")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    filterable: true,\n    filterMethod: function(val, item, index, prop){\n        if(val == item.value){//把value相同的搜索出来\n            return true;\n        }\n        if(item.name.indexOf(val) != -1){//名称中包含的搜索出来\n            return true;\n        }\n        return false;//不知道的就不管了\n    },\n    data: [\n        {name: '水果', value: 1},\n        {name: '蔬菜', value: 2},\n        {name: '桌子', value: 3},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2),e._m(3),e._m(4),n("demo-block",[n("div",[n("p",[n("code",[e._v("delay: 2000")]),e._v(" 输入停止2s后进行搜索过滤")])]),n("template",{slot:"source"},[n("element-demo2")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n    el: '#demo3', \n    filterable: true,\n    delay: 2000,\n    data: [\n        {name: '水果', value: 1},\n        {name: '蔬菜', value: 2},\n        {name: '桌子', value: 3},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2),e._m(5),e._m(6),e._m(7),n("p",[e._v("第三部: 重写搜索回调")]),n("p",[e._v("简单吧, 记得Star ^_^")]),n("demo-block",[n("div",[n("p",[n("code",[e._v("render")]),e._v("后, 就会进行一次回调, 用于渲染第一次数据")])]),n("template",{slot:"source"},[n("element-demo3")],1),n("template",{slot:"highlight"},[n("pre",{pre:!0},[n("code",{pre:!0,attrs:{class:"html"}},[e._v("<div id=\"demo4\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo4 = xmSelect.render({\n    el: '#demo4', \n    filterable: true,\n    remoteSearch: true,\n    remoteMethod: function(val, cb){\n        //这里模拟3s后返回数据\n        setTimeout(function(){\n            //需要回传一个数组\n            cb([\n                {name: '水果' + val, value: val + 1},\n                {name: '蔬菜' + val, value: val + 2},\n                {name: '桌子' + val, value: val + 3},\n                {name: '北京' + val, value: val + 4},\n            ])\n        }, 3000)\n    },\n    data: []\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",filterable:!0,data:[{name:"水果",value:1},{name:"蔬菜",value:2},{name:"桌子",value:3},{name:"北京",value:4}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",filterable:!0,filterMethod:function(e,t,n,a){return e==t.value||-1!=t.name.indexOf(e)},data:[{name:"水果",value:1},{name:"蔬菜",value:2},{name:"桌子",value:3},{name:"北京",value:4}]})})}}}(),"element-demo2":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo3"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo3",filterable:!0,delay:2e3,data:[{name:"水果",value:1},{name:"蔬菜",value:2},{name:"桌子",value:3},{name:"北京",value:4}]})})}}}(),"element-demo3":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo4"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo4",filterable:!0,remoteSearch:!0,remoteMethod:function(e,t){setTimeout(function(){t([{name:"水果"+e,value:e+1},{name:"蔬菜"+e,value:e+2},{name:"桌子"+e,value:e+3},{name:"北京"+e,value:e+4}])},3e3)},data:[]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"sou-suo-mo-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#sou-suo-mo-shi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 搜索模式")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"mo-ren-sou-suo"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#mo-ren-sou-suo","aria-hidden":"true"}},[this._v("¶")]),this._v(" 默认搜索")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"chong-xie-sou-suo-fang-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#chong-xie-sou-suo-fang-fa","aria-hidden":"true"}},[this._v("¶")]),this._v(" 重写搜索方法")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"sou-suo-yan-chi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#sou-suo-yan-chi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 搜索延迟")])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[this._v("为了提高有效搜索, 当停止输入"),t("code",[this._v("500ms")]),this._v("后才开始进行过滤搜索, 当然这个"),t("code",[this._v("500")]),this._v("你也可以进行修改")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"zi-ding-yi-sou-suo-yuan-cheng-sou-suo"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-sou-suo-yuan-cheng-sou-suo","aria-hidden":"true"}},[this._v("¶")]),this._v(" 自定义搜索 (远程搜索)")])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[this._v("第一步: 需要先开启搜索 "),t("code",[this._v("filterable: true,")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[this._v("第二步: 开启自定义搜索 "),t("code",[this._v("remoteSearch: true")])])}],!1,null,null,null);r.options.__file="docs/mds/XM05.md";t.default=r.exports},379:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),t("demo-block",[t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div style=\"height: 500px\">占位div, 演示效果使用, 底部空间不足时会自动向上展开</div>\n\n<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    direction: 'auto',\n    data: [\n        {name: '水果', value: 1},\n        {name: '蔬菜', value: 2},\n        {name: '桌子', value: 3},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2),this._m(2),t("demo-block",[t("template",{slot:"source"},[t("element-demo1")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n    el: '#demo2', \n    direction: 'up',\n    data: [\n        {name: '水果', value: 1},\n        {name: '蔬菜', value: 2},\n        {name: '桌子', value: 3},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2),this._m(3),t("demo-block",[t("template",{slot:"source"},[t("element-demo2")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n    el: '#demo3', \n    direction: 'down',\n    data: [\n        {name: '水果', value: 1},\n        {name: '蔬菜', value: 2},\n        {name: '桌子', value: 3},\n        {name: '北京', value: 4},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticStyle:{height:"500px"}},[this._v("占位div, 演示效果使用, 底部空间不足时会自动向上展开")]),this._v(" "),t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",direction:"auto",data:[{name:"水果",value:1},{name:"蔬菜",value:2},{name:"桌子",value:3},{name:"北京",value:4}]})})}}}(),"element-demo1":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo2"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo2",direction:"up",data:[{name:"水果",value:1},{name:"蔬菜",value:2},{name:"桌子",value:3},{name:"北京",value:4}]})})}}}(),"element-demo2":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo3"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo3",direction:"down",data:[{name:"水果",value:1},{name:"蔬菜",value:2},{name:"桌子",value:3},{name:"北京",value:4}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"xia-la-fang-xiang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#xia-la-fang-xiang","aria-hidden":"true"}},[this._v("¶")]),this._v(" 下拉方向")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"zi-dongauto"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-dongauto","aria-hidden":"true"}},[this._v("¶")]),this._v(" 自动"),t("code",[this._v("auto")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"da-qia-xiang-shangup"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#da-qia-xiang-shangup","aria-hidden":"true"}},[this._v("¶")]),this._v(" 打卡向上"),t("code",[this._v("up")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"da-kai-xiang-xiadown"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#da-kai-xiang-xiadown","aria-hidden":"true"}},[this._v("¶")]),this._v(" 打开向下"),t("code",[this._v("down")])])}],!1,null,null,null);r.options.__file="docs/mds/XM06.md";t.default=r.exports},380:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement,t=this._self._c||e;return t("section",{staticClass:"content element-doc"},[this._m(0),this._m(1),this._m(2),t("demo-block",[t("div",[t("p",[t("code",[this._v("el")]),this._v("绑定的不一定是id, 也可以是其他css选择器")])]),t("template",{slot:"source"},[t("element-demo0")],1),t("template",{slot:"highlight"},[t("pre",{pre:!0},[t("code",{pre:!0,attrs:{class:"html"}},[this._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n    el: '#demo1', \n    data: [\n        {name: '张三', value: 1},\n        {name: '李四', value: 2},\n        {name: '王五', value: 3},\n    ]\n})\n<\/script>\n")])])])],2)],1)};a._withStripped=!0;var i={name:"component-doc",components:{"element-demo0":function(){var e=function(){var e=this.$createElement;this._self._c;return this._m(0)};return e._withStripped=!0,{render:e,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"xm-select-demo",attrs:{id:"demo1"}})])}],mounted:function(){this.$nextTick(function(){xmSelect.render({el:"#demo1",data:[{name:"张三",value:1},{name:"李四",value:2},{name:"王五",value:3}]})})}}}()}},s=n(4),r=Object(s.a)(i,a,[function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"ji-chu-shi-yong"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-shi-yong","aria-hidden":"true"}},[this._v("¶")]),this._v(" 基础使用")])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"tip"},[t("p",[this._v("只需引入"),t("code",[this._v("xm-select.js")]),this._v(", 剩下的就只有渲染了")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"yi-ge-xiao-li-zi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#yi-ge-xiao-li-zi","aria-hidden":"true"}},[this._v("¶")]),this._v(" 一个小栗子")])}],!1,null,null,null);r.options.__file="docs/mds/XM01.md";t.default=r.exports},381:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement;this._self._c;return this._m(0)};a._withStripped=!0;var i=n(4),s=Object(i.a)({},a,[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[n("h2",{attrs:{id:"pei-zhi-xiang-yu-fang-fa"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#pei-zhi-xiang-yu-fang-fa","aria-hidden":"true"}},[e._v("¶")]),e._v(" 配置项与方法")]),n("h3",{attrs:{id:"pei-zhi-xiang"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#pei-zhi-xiang","aria-hidden":"true"}},[e._v("¶")]),e._v(" 配置项")]),n("table",[n("thead",[n("tr",[n("th",[e._v("参数")]),n("th",[e._v("说明")]),n("th",[e._v("类型")]),n("th",[e._v("可选值")]),n("th",[e._v("默认值")])])]),n("tbody",[n("tr",[n("td",[e._v("el")]),n("td",[e._v("渲染对象, css选择器")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("language")]),n("td",[e._v("语言选择")]),n("td",[e._v("string")]),n("td",[e._v("zn / en")]),n("td",[e._v("zn")])]),n("tr",[n("td",[e._v("data")]),n("td",[e._v("显示的数据")]),n("td",[e._v("array")]),n("td",[e._v("-")]),n("td",[e._v("[ ]")])]),n("tr",[n("td",[e._v("initValue")]),n("td",[e._v("初始化选中的数据, 需要在data中存在")]),n("td",[e._v("array")]),n("td",[e._v("-")]),n("td",[e._v("null")])]),n("tr",[n("td",[e._v("tips")]),n("td",[e._v("默认提示, 类似于placeholder")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("请选择")])]),n("tr",[n("td",[e._v("empty")]),n("td",[e._v("空数据提示")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("暂无数据")])]),n("tr",[n("td",[e._v("filterable")]),n("td",[e._v("是否开启搜索")]),n("td",[e._v("boolean")]),n("td",[e._v("true / false")]),n("td",[e._v("false")])]),n("tr",[n("td",[e._v("searchTips")]),n("td",[e._v("搜索提示")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("请选择")])]),n("tr",[n("td",[e._v("delay")]),n("td",[e._v("搜索延迟 ms")]),n("td",[e._v("int")]),n("td",[e._v("-")]),n("td",[e._v("500")])]),n("tr",[n("td",[e._v("filterMethod")]),n("td",[e._v("搜索回调函数")]),n("td",[e._v("function(val, item, index, prop)  val: 当前搜索值, item: 每个option选项, index: 位置数据中的下标, prop: 定义key")]),n("td",[e._v("-")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("remoteSearch")]),n("td",[e._v("是否开启自定义搜索 (远程搜索)")]),n("td",[e._v("boolean")]),n("td",[e._v("true / false")]),n("td",[e._v("false")])]),n("tr",[n("td",[e._v("remoteMethod")]),n("td",[e._v("自定义搜索回调函数")]),n("td",[e._v("function(val, cb)  val: 当前搜索值, cb: 回调函数, 需要回调一个数组, 结构同data")]),n("td",[e._v("-")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("direction")]),n("td",[e._v("下拉方向")]),n("td",[e._v("string")]),n("td",[e._v("auto / up / down")]),n("td",[e._v("auto")])]),n("tr",[n("td",[e._v("style")]),n("td",[e._v("自定义样式")]),n("td",[e._v("object")]),n("td",[e._v("-")]),n("td",[e._v("{ }")])]),n("tr",[n("td",[e._v("height")]),n("td",[e._v("默认最大高度")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("200px")])]),n("tr",[n("td",[e._v("paging")]),n("td",[e._v("是否开启自定义分页")]),n("td",[e._v("boolean")]),n("td",[e._v("true / false")]),n("td",[e._v("false")])]),n("tr",[n("td",[e._v("pageSize")]),n("td",[e._v("分页条数")]),n("td",[e._v("int")]),n("td",[e._v("-")]),n("td",[e._v("10")])]),n("tr",[n("td",[e._v("radio")]),n("td",[e._v("是否开启单选模式")]),n("td",[e._v("boolean")]),n("td",[e._v("true / false")]),n("td",[e._v("false")])]),n("tr",[n("td",[e._v("repeat")]),n("td",[e._v("是否开启重复性模式")]),n("td",[e._v("boolean")]),n("td",[e._v("true / false")]),n("td",[e._v("false")])]),n("tr",[n("td",[e._v("clickClose")]),n("td",[e._v("是否点击选项后自动关闭下拉框")]),n("td",[e._v("boolean")]),n("td",[e._v("true / false")]),n("td",[e._v("false")])]),n("tr",[n("td",[e._v("prop")]),n("td",[e._v("自定义属性名称, 具体看下表")]),n("td",[e._v("object")]),n("td",[e._v("-")]),n("td")]),n("tr",[n("td",[e._v("theme")]),n("td",[e._v("主题配置, 具体看下表")]),n("td",[e._v("object")]),n("td",[e._v("-")]),n("td")]),n("tr",[n("td",[e._v("model")]),n("td",[e._v("模型, 多选的展示方式, 具体见下表")]),n("td",[e._v("object")]),n("td",[e._v("-")]),n("td")]),n("tr",[n("td",[e._v("show")]),n("td",[e._v("展开下拉的回调")]),n("td",[e._v("function")]),n("td",[e._v("-")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("hide")]),n("td",[e._v("隐藏下拉的回调")]),n("td",[e._v("function")]),n("td",[e._v("-")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("template")]),n("td",[e._v("自定义渲染选项")]),n("td",[e._v("function({ item, sels, name, value })")]),n("td",[e._v("-")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("on")]),n("td",[e._v("监听选中变化")]),n("td",[e._v("function({ arr, item, selected })")]),n("td",[e._v("-")]),n("td",[e._v("-")])])])]),n("h3",{attrs:{id:"prop"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#prop","aria-hidden":"true"}},[e._v("¶")]),e._v(" prop")]),n("table",[n("thead",[n("tr",[n("th",[e._v("参数")]),n("th",[e._v("说明")]),n("th",[e._v("类型")]),n("th",[e._v("可选值")]),n("th",[e._v("默认值")])])]),n("tbody",[n("tr",[n("td",[e._v("name")]),n("td",[e._v("显示名称")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("name")])]),n("tr",[n("td",[e._v("value")]),n("td",[e._v("选中值")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("value")])]),n("tr",[n("td",[e._v("selected")]),n("td",[e._v("是否选中")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("selected")])]),n("tr",[n("td",[e._v("disabled")]),n("td",[e._v("是否警用")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("disabled")])])])]),n("h3",{attrs:{id:"theme"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#theme","aria-hidden":"true"}},[e._v("¶")]),e._v(" theme")]),n("table",[n("thead",[n("tr",[n("th",[e._v("参数")]),n("th",[e._v("说明")]),n("th",[e._v("类型")]),n("th",[e._v("可选值")]),n("th",[e._v("默认值")])])]),n("tbody",[n("tr",[n("td",[e._v("color")]),n("td",[e._v("颜色")]),n("td",[e._v("string")]),n("td",[e._v("-")]),n("td",[e._v("#009688")])])])]),n("h3",{attrs:{id:"model"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#model","aria-hidden":"true"}},[e._v("¶")]),e._v(" model")]),n("p",[e._v("目前仅配置label即可")]),n("pre",[n("code",[e._v("model: {\n    label: {\n        //使用方式\n        type: 'block',\n        //使用字符串拼接的方式\n        text: {\n            //左边拼接的字符\n            left: '',\n            //右边拼接的字符\n            right: '',\n            //中间的分隔符\n            separator: ', ',\n        },\n        //使用方块显示\n        block: {\n            //最大显示数量, 0:不限制\n            showCount: 0,\n            //是否显示删除图标\n            showIcon: true,\n        },\n        //自定义文字\n        count: {\n            //函数处理\n            template(data, sels){\n                //data: 所有的数据\n                //sels: 选中的数据\n                return `已选中 ${sels.length} 项, 共 ${data.length} 项`\n            }\n        },\n    },\n},\n")])]),n("h3",{attrs:{id:"fang-fa"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#fang-fa","aria-hidden":"true"}},[e._v("¶")]),e._v(" 方法")]),n("div",{staticClass:"warning"},[n("p",[e._v("xmSelect.render()后会返回一个xmSelect对象, 可以进行方法调用")])]),n("table",[n("thead",[n("tr",[n("th",[e._v("事件名")]),n("th",[e._v("说明")]),n("th",[e._v("参数")])])]),n("tbody",[n("tr",[n("td",[e._v("getValue")]),n("td",[e._v("获取当前选中的数据")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("setValue")]),n("td",[e._v("动态设置数据")]),n("td",[e._v("array: 选中的数据, show: 是否展开下拉")])]),n("tr",[n("td",[e._v("opened")]),n("td",[e._v("主动展开下拉")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("closed")]),n("td",[e._v("主动关闭下拉")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("render")]),n("td",[e._v("重新渲染多选")]),n("td",[e._v("(options):见配置项")])]),n("tr",[n("td",[e._v("reset")]),n("td",[e._v("重置为上一次的render状态")]),n("td",[e._v("-")])]),n("tr",[n("td",[e._v("update")]),n("td",[e._v("更新多选选中, reset不保留")]),n("td",[e._v("-")])])])])])}],!1,null,null,null);s.options.__file="docs/mds/options.md";t.default=s.exports},382:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this.$createElement;this._self._c;return this._m(0)};a._withStripped=!0;var i=n(4),s=Object(i.a)({},a,[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",{staticClass:"content element-doc"},[n("h2",{attrs:{id:"chang-jian-wen-ti"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#chang-jian-wen-ti","aria-hidden":"true"}},[e._v("¶")]),e._v(" 常见问题")]),n("h3",{attrs:{id:"1.-zai-na-li-xia-zai"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#1.-zai-na-li-xia-zai","aria-hidden":"true"}},[e._v("¶")]),e._v(" 1.在哪里下载")]),n("p",[n("a",{attrs:{href:"https://gitee.com/maplemei/xm-select"}},[e._v("Gitee码云下载")]),e._v(", 使用时引入"),n("code",[e._v("xm-select.js")]),e._v("即可, 具体请看"),n("a",{attrs:{href:"/#/component/install"}},[e._v("入门指南")])]),n("h3",{attrs:{id:"2.-wei-shi-me-duo-xuan-bu-xian-shi"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#2.-wei-shi-me-duo-xuan-bu-xian-shi","aria-hidden":"true"}},[e._v("¶")]),e._v(" 2.为什么多选不显示")]),n("p",[e._v("重要的事情说三遍, 需要渲染, 需要渲染, 需要渲染")]),n("h3",{attrs:{id:"3.-xuan-ran-hou-huan-shi-bu-xian-shi"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#3.-xuan-ran-hou-huan-shi-bu-xian-shi","aria-hidden":"true"}},[e._v("¶")]),e._v(" 3.渲染后还是不显示")]),n("p",[e._v("打开控制台查看是否报错, 加群: 660408068, 询问")])])}],!1,null,null,null);s.options.__file="docs/mds/question.md";t.default=s.exports},384:function(e,t,n){var a={"./mds/XM01.md":380,"./mds/XM02.md":373,"./mds/XM03.md":374,"./mds/XM04.md":376,"./mds/XM05.md":378,"./mds/XM06.md":379,"./mds/XM07.md":367,"./mds/XM08.md":364,"./mds/XM09.md":366,"./mds/XM10.md":371,"./mds/XM11.md":377,"./mds/XM12.md":375,"./mds/XM13.md":372,"./mds/XM14.md":370,"./mds/XM15.md":369,"./mds/XM16.md":365,"./mds/XM17.md":363,"./mds/install.md":368,"./mds/options.md":381,"./mds/question.md":382};function i(e){var t=s(e);return n(t)}function s(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}i.keys=function(){return Object.keys(a)},i.resolve=s,e.exports=i,i.id=384}}]);
\ No newline at end of file
diff --git a/docs/mds/XM05.md b/docs/mds/XM05.md
index 1ee3f24..873cb92 100644
--- a/docs/mds/XM05.md
+++ b/docs/mds/XM05.md
@@ -11,7 +11,7 @@
 <script>
 var demo1 = xmSelect.render({
     el: '#demo1', 
-	filterable: true,
+    filterable: true,
     data: [
         {name: '水果', value: 1},
         {name: '蔬菜', value: 2},
diff --git a/docs/mds/XM06.md b/docs/mds/XM06.md
index 372dc52..85c7e9a 100644
--- a/docs/mds/XM06.md
+++ b/docs/mds/XM06.md
@@ -12,7 +12,7 @@
 <script>
 var demo1 = xmSelect.render({
     el: '#demo1', 
-	direction: 'auto',
+    direction: 'auto',
     data: [
         {name: '水果', value: 1},
         {name: '蔬菜', value: 2},
diff --git a/docs/mds/XM16.md b/docs/mds/XM16.md
index 9f56f55..e3874d4 100644
--- a/docs/mds/XM16.md
+++ b/docs/mds/XM16.md
@@ -12,9 +12,9 @@
 <script>
 var demo1 = xmSelect.render({
     el: '#demo1', 
-	on({ arr, item, selected }){
-		alert(`name: ${item.name}, 状态: ${selected}`)
-	},
+    on({ arr, item, selected }){
+        alert(`name: ${item.name}, 状态: ${selected}`)
+    },
     data: [
         {name: '张三', value: 'zhangsan', selected: true},
         {name: '李四', value: 'lisi', selected: true},
@@ -37,14 +37,14 @@ var demo1 = xmSelect.render({
 <script>
 var demo2 = xmSelect.render({
     el: '#demo2', 
-	on({ arr, item, selected }){
-		if(selected){
+    on({ arr, item, selected }){
+        if(selected){
             var index = arr.findIndex(i => i.mutex == item.mutex && i.value != item.value);
             if(index != -1){
                 arr.splice(index, 1);
             }
         }
-	},
+    },
     data: [
         {name: '北京', value: 1, mutex: 1, selected: true},
         {name: '上海', value: 2, mutex: 1},