/*!
 * @Title: xm-select
 * @Version: 1.2.4
 * @Description：基于layui的多选解决方案
 * @Site: https://gitee.com/maplemei/xm-select
 * @Author: maplemei
 * @License：Apache License 2.0
 */
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[2],{

/***/ 696:
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "static/wx.b556b2e.jpg";

/***/ }),

/***/ 697:
/***/ (function(module, exports) {

module.exports = "data:image/png;base64,[encoded data, 6368 characters]"

/***/ }),

/***/ 699:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM01.md?vue&type=template&id=155485d8&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _vm._m(2), _c("demo-block", [_c("div", [_c("p", [_c("code", [_vm._v("el")]), _vm._v("绑定的不一定是id, 也可以是其他css选择器")])]), _c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(3), _c("demo-block", [_c("div", [_c("p", [_c("code", [_vm._v("el")]), _vm._v("绑定的不一定是id, 也可以是dom元素, 不支持jQuery dom对象")])]), _c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: document.querySelector('#demo2'), \n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "ji-chu-shi-yong"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#ji-chu-shi-yong"
    }
  }, [_vm._v("¶")]), _vm._v(" 基础使用")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("div", {
    staticClass: "tip"
  }, [_c("p", [_vm._v("只需引入"), _c("code", [_vm._v("xm-select.js")]), _vm._v(", 剩下的就只有渲染了")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "yi-ge-xiao-li-zi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#yi-ge-xiao-li-zi"
    }
  }, [_vm._v("¶")]), _vm._v(" 一个小栗子")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "yong-domjin-xing-xuan-ran"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#yong-domjin-xing-xuan-ran"
    }
  }, [_vm._v("¶")]), _vm._v(" 用dom进行渲染")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM01.md?vue&type=template&id=155485d8&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM01.md?vue&type=script&lang=js&
/* harmony default export */ var XM01vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: document.querySelector('#demo2'),
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM01.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM01vue_type_script_lang_js_ = (XM01vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM01.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM01vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM01 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 700:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM02.md?vue&type=template&id=2d0c8f5e&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("div", [_c("p", [_vm._v("目前仅支持"), _c("code", [_vm._v("中文")]), _vm._v("和"), _c("code", [_vm._v("英文")]), _vm._v(", 如需更多语言, 可以"), _c("code", [_vm._v("clone")]), _vm._v("代码进行二次开发")])]), _c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._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\tel: '#demo1', \n\tlanguage: 'en',\n\tdata: []\n})\nvar demo2 = xmSelect.render({\n\tel: '[xid=demo2]', \n\tlanguage: 'en',\n\tdata: [\n\t\t{name: 'apple', value: 1},\n\t\t{name: 'banana', value: 2},\n\t\t{name: 'orange', value: 3},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "guo-ji-hua"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#guo-ji-hua"
    }
  }, [_vm._v("¶")]), _vm._v(" 国际化")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "ying-yu"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#ying-yu"
    }
  }, [_vm._v("¶")]), _vm._v(" 英语")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM02.md?vue&type=template&id=2d0c8f5e&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM02.md?vue&type=script&lang=js&
/* harmony default export */ var XM02vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        }), _vm._v(" "), _c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            xid: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              language: 'en',
              data: []
            });
            var demo2 = xmSelect.render({
              el: '[xid=demo2]',
              language: 'en',
              data: [{
                name: 'apple',
                value: 1
              }, {
                name: 'banana',
                value: 2
              }, {
                name: 'orange',
                value: 3
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM02.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM02vue_type_script_lang_js_ = (XM02vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM02.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM02vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM02 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 701:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM03.md?vue&type=template&id=647c44de&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("div", [_c("p", [_vm._v("当然"), _c("code", [_vm._v("selected")]), _vm._v("是选中, "), _c("code", [_vm._v("disabled")]), _vm._v("是禁用")])]), _c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\tdata: [\n\t\t{name: '水果', value: 1, selected: true, disabled: true},\n\t\t{name: '蔬菜', value: 2, selected: true},\n\t\t{name: '桌子', value: 3, disabled: true},\n\t\t{name: '北京', value: 4},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(2), _c("demo-block", [_c("div", [_c("p", [_c("code", [_vm._v("initValue")]), _vm._v("的优先级大于选项中的"), _c("code", [_vm._v("selected")])])]), _c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo5 = xmSelect.render({\n\tel: '#demo1', \n\tinitValue: [4],\n\tdata: [\n\t\t{name: '水果', value: 1, selected: true, disabled: true},\n\t\t{name: '蔬菜', value: 2, selected: true},\n\t\t{name: '桌子', value: 3, disabled: true},\n\t\t{name: '北京', value: 4},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "mo-ren-xuan-zhong"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#mo-ren-xuan-zhong"
    }
  }, [_vm._v("¶")]), _vm._v(" 默认选中")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "shi-yong-selectedshu-xing"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#shi-yong-selectedshu-xing"
    }
  }, [_vm._v("¶")]), _vm._v(" 使用"), _c("code", [_vm._v("selected")]), _vm._v("属性")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "shi-yong-initvaluejin-xing-chu-shi-hua"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#shi-yong-initvaluejin-xing-chu-shi-hua"
    }
  }, [_vm._v("¶")]), _vm._v(" 使用initValue进行初始化")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM03.md?vue&type=template&id=647c44de&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM03.md?vue&type=script&lang=js&
/* harmony default export */ var XM03vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              data: [{
                name: '水果',
                value: 1,
                selected: true,
                disabled: true
              }, {
                name: '蔬菜',
                value: 2,
                selected: true
              }, {
                name: '桌子',
                value: 3,
                disabled: true
              }, {
                name: '北京',
                value: 4
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo5 = xmSelect.render({
              el: '#demo1',
              initValue: [4],
              data: [{
                name: '水果',
                value: 1,
                selected: true,
                disabled: true
              }, {
                name: '蔬菜',
                value: 2,
                selected: true
              }, {
                name: '桌子',
                value: 3,
                disabled: true
              }, {
                name: '北京',
                value: 4
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM03.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM03vue_type_script_lang_js_ = (XM03vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM03.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM03vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM03 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 702:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM04.md?vue&type=template&id=ed5baba4&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\ttips: '你喜欢什么水果呢?',\n\tdata: [\n\t\t{name: '水果', value: 1},\n\t\t{name: '蔬菜', value: 2},\n\t\t{name: '桌子', value: 3},\n\t\t{name: '北京', value: 4},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\tempty: '呀, 没有数据呢',\n\tdata: [ ]\n})\n</script>\n")])])])], 2), _vm._m(3), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo2")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n\tel: '#demo3', \n\tfilterable: true,\n\tsearchTips: '你想吃什么水果吧',\n\tdata: [\n\t\t{name: '水果', value: 1},\n\t\t{name: '蔬菜', value: 2},\n\t\t{name: '桌子', value: 3},\n\t\t{name: '北京', value: 4},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "xiu-gai-ti-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xiu-gai-ti-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 修改提示")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "xiu-gai-xuan-xiang-ti-shi-wen-zi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xiu-gai-xuan-xiang-ti-shi-wen-zi"
    }
  }, [_vm._v("¶")]), _vm._v(" 修改选项提示文字")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "xiu-gai-kong-shu-ju-ti-shi-wen-zi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xiu-gai-kong-shu-ju-ti-shi-wen-zi"
    }
  }, [_vm._v("¶")]), _vm._v(" 修改空数据提示文字")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "xiu-gai-sou-suo-ti-shi-wen-zi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xiu-gai-sou-suo-ti-shi-wen-zi"
    }
  }, [_vm._v("¶")]), _vm._v(" 修改搜索提示文字")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM04.md?vue&type=template&id=ed5baba4&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM04.md?vue&type=script&lang=js&
/* harmony default export */ var XM04vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              tips: '你喜欢什么水果呢?',
              data: [{
                name: '水果',
                value: 1
              }, {
                name: '蔬菜',
                value: 2
              }, {
                name: '桌子',
                value: 3
              }, {
                name: '北京',
                value: 4
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              empty: '呀, 没有数据呢',
              data: []
            });
          });
        }
      };
    }(),
    "element-demo2": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo3"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo3 = xmSelect.render({
              el: '#demo3',
              filterable: true,
              searchTips: '你想吃什么水果吧',
              data: [{
                name: '水果',
                value: 1
              }, {
                name: '蔬菜',
                value: 2
              }, {
                name: '桌子',
                value: 3
              }, {
                name: '北京',
                value: 4
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM04.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM04vue_type_script_lang_js_ = (XM04vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM04.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM04vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM04 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 703:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM05.md?vue&type=template&id=2362cbff&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("div", [_c("p", [_vm._v("默认按照"), _c("code", [_vm._v("name")]), _vm._v("进行搜索")])]), _c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tfilterable: true,\n\tdata: [\n\t\t{name: '水果', value: 1},\n\t\t{name: '蔬菜', value: 2},\n\t\t{name: '桌子', value: 3},\n\t\t{name: '北京', value: 4},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\tfilterable: true,\n\tfilterMethod: function(val, item, index, prop){\n\t\tif(val == item.value){//把value相同的搜索出来\n\t\t\treturn true;\n\t\t}\n\t\tif(item.name.indexOf(val) != -1){//名称中包含的搜索出来\n\t\t\treturn true;\n\t\t}\n\t\treturn false;//不知道的就不管了\n\t},\n\tdata: [\n\t\t{name: '水果', value: 1},\n\t\t{name: '蔬菜', value: 2},\n\t\t{name: '桌子', value: 3},\n\t\t{name: '北京', value: 4},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(3), _vm._m(4), _c("demo-block", [_c("div", [_c("p", [_c("code", [_vm._v("delay: 2000")]), _vm._v(" 输入停止2s后进行搜索过滤")])]), _c("template", {
    slot: "source"
  }, [_c("element-demo2")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n\tel: '#demo3', \n\tfilterable: true,\n\tdelay: 2000,\n\tdata: [\n\t\t{name: '水果', value: 1},\n\t\t{name: '蔬菜', value: 2},\n\t\t{name: '桌子', value: 3},\n\t\t{name: '北京', value: 4},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(5), _vm._m(6), _vm._m(7), _c("p", [_vm._v("第三部: 重写搜索回调")]), _c("p", [_vm._v("简单吧, 记得Star ^_^")]), _c("demo-block", [_c("div", [_c("p", [_c("code", [_vm._v("render")]), _vm._v("后, 就会进行一次回调, 用于渲染第一次数据")])]), _c("template", {
    slot: "source"
  }, [_c("element-demo3")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo4\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo4 = xmSelect.render({\n\tel: '#demo4', \n\tfilterable: true,\n\tremoteSearch: true,\n\tremoteMethod: function(val, cb, show){\n\t\t//这里模拟3s后返回数据\n\t\tsetTimeout(function(){\n\t\t\t//需要回传一个数组\n\t\t\tcb([\n\t\t\t\t{name: '水果' + val, value: val + 1},\n\t\t\t\t{name: '蔬菜' + val, value: val + 2, selected: true},\n\t\t\t\t{name: '桌子' + val, value: val + 3},\n\t\t\t\t{name: '北京' + val, value: val + 4},\n\t\t\t])\n\t\t}, 3000)\n\t},\n\tdata: []\n})\n</script>\n")])])])], 2), _vm._m(8), _vm._m(9), _vm._m(10), _c("p", [_vm._v("第三部: 重写搜索回调")]), _c("p", [_vm._v("简单吧, 记得Star ^_^")]), _c("demo-block", [_c("div", [_c("p", [_c("code", [_vm._v("render")]), _vm._v("后, 就会进行一次回调, 用于渲染第一次数据")])]), _c("template", {
    slot: "source"
  }, [_c("element-demo4")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo5\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo5 = xmSelect.render({\n\tel: '#demo5', \n\tfilterable: true,\n\tremoteSearch: true,\n\tremoteMethod: function(val, cb, show){\n\t\taxios({\n\t\t\tmethod: 'get',\n\t\t\turl: 'https://www.fastmock.site/mock/98228b1f16b7e5112d6c0c87921eabc1/xmSelect/search',\n\t\t\tparams: {\n\t\t\t\tkeyword: val,\n\t\t\t}\n\t\t}).then(response => {\n\t\t\tvar res = response.data;\n\t\t\tcb(res.data)\n\t\t}).catch(err => {\n\t\t\tcb([]);\n\t\t});\n\t},\n\tdata: []\n})\n</script>\n")])])])], 2), _vm._m(11), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo5")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo6\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo6 = xmSelect.render({\n\tel: '#demo6', \n\tfilterable: true,\n\tfilterDone: function(val, list){\n\t\talert(`搜索完毕, 搜索关键词: ${val}, 过滤数据: ${list.length}个`)\n\t},\n\tdata: [\n\t\t{name: '水果', value: 1},\n\t\t{name: '蔬菜', value: 2},\n\t\t{name: '桌子', value: 3},\n\t\t{name: '北京', value: 4},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "sou-suo-mo-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#sou-suo-mo-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 搜索模式")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "mo-ren-sou-suo"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#mo-ren-sou-suo"
    }
  }, [_vm._v("¶")]), _vm._v(" 默认搜索")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "chong-xie-sou-suo-fang-fa"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#chong-xie-sou-suo-fang-fa"
    }
  }, [_vm._v("¶")]), _vm._v(" 重写搜索方法")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "sou-suo-yan-chi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#sou-suo-yan-chi"
    }
  }, [_vm._v("¶")]), _vm._v(" 搜索延迟")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("p", [_vm._v("为了提高有效搜索, 当停止输入"), _c("code", [_vm._v("500ms")]), _vm._v("后才开始进行过滤搜索, 当然这个"), _c("code", [_vm._v("500")]), _vm._v("你也可以进行修改")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "zi-ding-yi-sou-suo-yuan-cheng-sou-suo"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zi-ding-yi-sou-suo-yuan-cheng-sou-suo"
    }
  }, [_vm._v("¶")]), _vm._v(" 自定义搜索 (远程搜索)")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("p", [_vm._v("第一步: 需要先开启搜索 "), _c("code", [_vm._v("filterable: true,")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("p", [_vm._v("第二步: 开启自定义搜索 "), _c("code", [_vm._v("remoteSearch: true")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "yuan-cheng-sou-suo"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#yuan-cheng-sou-suo"
    }
  }, [_vm._v("¶")]), _vm._v(" 远程搜索")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("p", [_vm._v("第一步: 需要先开启搜索 "), _c("code", [_vm._v("filterable: true,")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("p", [_vm._v("第二步: 开启自定义搜索 "), _c("code", [_vm._v("remoteSearch: true")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "sou-suo-wan-cheng-hui-diao"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#sou-suo-wan-cheng-hui-diao"
    }
  }, [_vm._v("¶")]), _vm._v(" 搜索完成回调")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM05.md?vue&type=template&id=2362cbff&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM05.md?vue&type=script&lang=js&
/* harmony default export */ var XM05vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              filterable: true,
              data: [{
                name: '水果',
                value: 1
              }, {
                name: '蔬菜',
                value: 2
              }, {
                name: '桌子',
                value: 3
              }, {
                name: '北京',
                value: 4
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              filterable: true,
              filterMethod: function filterMethod(val, item, index, prop) {
                if (val == item.value) {
                  //把value相同的搜索出来
                  return true;
                }
                if (item.name.indexOf(val) != -1) {
                  //名称中包含的搜索出来
                  return true;
                }
                return false; //不知道的就不管了
              },

              data: [{
                name: '水果',
                value: 1
              }, {
                name: '蔬菜',
                value: 2
              }, {
                name: '桌子',
                value: 3
              }, {
                name: '北京',
                value: 4
              }]
            });
          });
        }
      };
    }(),
    "element-demo2": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo3"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo3 = xmSelect.render({
              el: '#demo3',
              filterable: true,
              delay: 2000,
              data: [{
                name: '水果',
                value: 1
              }, {
                name: '蔬菜',
                value: 2
              }, {
                name: '桌子',
                value: 3
              }, {
                name: '北京',
                value: 4
              }]
            });
          });
        }
      };
    }(),
    "element-demo3": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo4"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo4 = xmSelect.render({
              el: '#demo4',
              filterable: true,
              remoteSearch: true,
              remoteMethod: function remoteMethod(val, cb, show) {
                //这里模拟3s后返回数据
                setTimeout(function () {
                  //需要回传一个数组
                  cb([{
                    name: '水果' + val,
                    value: val + 1
                  }, {
                    name: '蔬菜' + val,
                    value: val + 2,
                    selected: true
                  }, {
                    name: '桌子' + val,
                    value: val + 3
                  }, {
                    name: '北京' + val,
                    value: val + 4
                  }]);
                }, 3000);
              },
              data: []
            });
          });
        }
      };
    }(),
    "element-demo4": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo5"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo5 = xmSelect.render({
              el: '#demo5',
              filterable: true,
              remoteSearch: true,
              remoteMethod: function remoteMethod(val, cb, show) {
                axios({
                  method: 'get',
                  url: 'https://www.fastmock.site/mock/98228b1f16b7e5112d6c0c87921eabc1/xmSelect/search',
                  params: {
                    keyword: val
                  }
                }).then(function (response) {
                  var res = response.data;
                  cb(res.data);
                })["catch"](function (err) {
                  cb([]);
                });
              },
              data: []
            });
          });
        }
      };
    }(),
    "element-demo5": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo6"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo6 = xmSelect.render({
              el: '#demo6',
              filterable: true,
              filterDone: function filterDone(val, list) {
                alert("\u641C\u7D22\u5B8C\u6BD5, \u641C\u7D22\u5173\u952E\u8BCD: ".concat(val, ", \u8FC7\u6EE4\u6570\u636E: ").concat(list.length, "\u4E2A"));
              },
              data: [{
                name: '水果',
                value: 1
              }, {
                name: '蔬菜',
                value: 2
              }, {
                name: '桌子',
                value: 3
              }, {
                name: '北京',
                value: 4
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM05.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM05vue_type_script_lang_js_ = (XM05vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM05.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM05vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM05 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 704:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM06.md?vue&type=template&id=f8bc6b06&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._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\tel: '#demo1', \n\tdirection: 'auto',\n\tdata: [\n\t\t{name: '水果', value: 1},\n\t\t{name: '蔬菜', value: 2},\n\t\t{name: '桌子', value: 3},\n\t\t{name: '北京', value: 4},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\tdirection: 'up',\n\tdata: [\n\t\t{name: '水果', value: 1},\n\t\t{name: '蔬菜', value: 2},\n\t\t{name: '桌子', value: 3},\n\t\t{name: '北京', value: 4},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(3), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo2")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n\tel: '#demo3', \n\tdirection: 'down',\n\tdata: [\n\t\t{name: '水果', value: 1},\n\t\t{name: '蔬菜', value: 2},\n\t\t{name: '桌子', value: 3},\n\t\t{name: '北京', value: 4},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "xia-la-fang-xiang"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xia-la-fang-xiang"
    }
  }, [_vm._v("¶")]), _vm._v(" 下拉方向")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "zi-dong-auto"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zi-dong-auto"
    }
  }, [_vm._v("¶")]), _vm._v(" 自动"), _c("code", [_vm._v("auto")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "da-qia-xiang-shang-up"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#da-qia-xiang-shang-up"
    }
  }, [_vm._v("¶")]), _vm._v(" 打卡向上"), _c("code", [_vm._v("up")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "da-kai-xiang-xia-down"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#da-kai-xiang-xia-down"
    }
  }, [_vm._v("¶")]), _vm._v(" 打开向下"), _c("code", [_vm._v("down")])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM06.md?vue&type=template&id=f8bc6b06&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM06.md?vue&type=script&lang=js&
/* harmony default export */ var XM06vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticStyle: {
            height: "500px"
          }
        }, [_vm._v("占位div, 演示效果使用, 底部空间不足时会自动向上展开")]), _vm._v(" "), _c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              direction: 'auto',
              data: [{
                name: '水果',
                value: 1
              }, {
                name: '蔬菜',
                value: 2
              }, {
                name: '桌子',
                value: 3
              }, {
                name: '北京',
                value: 4
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              direction: 'up',
              data: [{
                name: '水果',
                value: 1
              }, {
                name: '蔬菜',
                value: 2
              }, {
                name: '桌子',
                value: 3
              }, {
                name: '北京',
                value: 4
              }]
            });
          });
        }
      };
    }(),
    "element-demo2": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo3"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo3 = xmSelect.render({
              el: '#demo3',
              direction: 'down',
              data: [{
                name: '水果',
                value: 1
              }, {
                name: '蔬菜',
                value: 2
              }, {
                name: '桌子',
                value: 3
              }, {
                name: '北京',
                value: 4
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM06.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM06vue_type_script_lang_js_ = (XM06vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM06.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM06vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM06 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 705:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM07.md?vue&type=template&id=bbf4dfc6&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("p", [_vm._v("修改一下外边距, 加上圆角, 更改一下高度")]), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tstyle: {\n\t\tmarginLeft: '200px',\n\t\tborderRadius: '50px',\n\t\theight: '50px',\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\theight: '50px',\n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "zi-ding-yi-yang-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zi-ding-yi-yang-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 自定义样式")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "sui-bian-shi-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#sui-bian-shi-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 随便试试")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "xiu-gai-xia-la-kuang-de-zui-da-gao-du"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xiu-gai-xia-la-kuang-de-zui-da-gao-du"
    }
  }, [_vm._v("¶")]), _vm._v(" 修改下拉框的最大高度")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM07.md?vue&type=template&id=bbf4dfc6&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM07.md?vue&type=script&lang=js&
/* harmony default export */ var XM07vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              style: {
                marginLeft: '200px',
                borderRadius: '50px',
                height: '50px'
              },
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              height: '50px',
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM07.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM07vue_type_script_lang_js_ = (XM07vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM07.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM07vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM07 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 706:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM08.md?vue&type=template&id=14f770b6&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tpaging: true,\n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t\t{name: '赵六', value: 4},\n\t\t{name: '苹果', value: 5},\n\t\t{name: '香蕉', value: 6},\n\t\t{name: '凤梨', value: 7},\n\t\t{name: '葡萄', value: 8},\n\t\t{name: '樱桃', value: 9},\n\t\t{name: '车厘子', value: 10},\n\t\t{name: '火龙果', value: 11},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(3), _c("p", [_vm._v("每页3条")]), _vm._m(4), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\tpaging: true,\n\tpageSize: 3,\n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t\t{name: '赵六', value: 4},\n\t\t{name: '苹果', value: 5},\n\t\t{name: '香蕉', value: 6},\n\t\t{name: '凤梨', value: 7},\n\t\t{name: '葡萄', value: 8},\n\t\t{name: '樱桃', value: 9},\n\t\t{name: '车厘子', value: 10},\n\t\t{name: '火龙果', value: 11},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(5), _vm._m(6), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo2")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._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\tdata.push({\n\t\tname: \'测试数据\' + i,\n\t\tvalue: i,\n\t})\n}\n\nvar demo3 = xmSelect.render({\n\tel: \'#demo3\', \n\tpaging: true,\n\tpageSize: 5,\n\tfilterable: true,\n\tdata\n})\n\ndocument.getElementById(\'demo3-5\').onclick = function(){\n\tdemo3.update({\n\t\tpageSize: 5\n\t})\n}\n\ndocument.getElementById(\'demo3-10\').onclick = function(){\n\tdemo3.update({\n\t\tpageSize: 10\n\t})\n}\n\ndocument.getElementById(\'demo3-20\').onclick = function(){\n\tdemo3.update({\n\t\tpageSize: 20\n\t})\n}\n\n</script>\n')])])])], 2), _vm._m(7), _vm._m(8), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo3")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo4\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo4 = xmSelect.render({\n\tel: '#demo4', \n\tpaging: true,\n\tpageSize: 3,\n\tfilterable: true,\n\tpageEmptyShow: false,\n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t\t{name: '赵六', value: 4},\n\t\t{name: '苹果', value: 5},\n\t\t{name: '香蕉', value: 6},\n\t\t{name: '凤梨', value: 7},\n\t\t{name: '葡萄', value: 8},\n\t\t{name: '樱桃', value: 9},\n\t\t{name: '车厘子', value: 10},\n\t\t{name: '火龙果', value: 11},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(9), _vm._m(10), _c("demo-block", [_c("div", [_c("p", [_c("code", [_vm._v("render")]), _vm._v("后, 就会进行一次回调, 用于渲染第一次数据")])]), _c("template", {
    slot: "source"
  }, [_c("element-demo4")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo5\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo5 = xmSelect.render({\n\tel: '#demo5', \n\tpaging: true,\n\tpageRemote: true,\n\tremoteMethod: function(val, cb, show, pageIndex){\n\t\t//val: 搜索框的内容, 不开启搜索默认为空, cb: 回调函数, show: 当前下拉框是否展开, pageIndex: 当前第几页\n\t\t\n\t\t//这里的axios类似于ajax\n\t\taxios({\n\t\t\tmethod: 'get',\n\t\t\turl: 'https://www.fastmock.site/mock/98228b1f16b7e5112d6c0c87921eabc1/xmSelect/search',\n\t\t\tparams: {\n\t\t\t\tkeyword: val + '_' + pageIndex,\n\t\t\t}\n\t\t}).then(response => {\n\t\t\t//这里是success的处理\n\t\t\tvar res = response.data;\n\t\t\t//回调需要两个参数, 第一个: 数据数组, 第二个: 总页码\n\t\t\tcb(res.data, 10)\n\t\t}).catch(err => {\n\t\t\t//这里是error的处理\n\t\t\tcb([], 0);\n\t\t});\n\t}\n})\n</script>\n")])])])], 2), _vm._m(11), _vm._m(12), _c("demo-block", [_c("div", [_c("p", [_c("code", [_vm._v("render")]), _vm._v("后, 就会进行一次回调, 用于渲染第一次数据")])]), _c("template", {
    slot: "source"
  }, [_c("element-demo5")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo6\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo6 = xmSelect.render({\n\tel: '#demo6', \n\t//配置搜索\n\tfilterable: true,\n\t//配置远程分页\n\tpaging: true,\n\tpageRemote: true,\n\t//数据处理\n\tremoteMethod: function(val, cb, show, pageIndex){\n\t\t//val: 搜索框的内容, 不开启搜索默认为空, cb: 回调函数, show: 当前下拉框是否展开, pageIndex: 当前第几页\n\t\t\n\t\t//这里的axios类似于ajax\n\t\taxios({\n\t\t\tmethod: 'get',\n\t\t\turl: 'https://www.fastmock.site/mock/98228b1f16b7e5112d6c0c87921eabc1/xmSelect/search',\n\t\t\tparams: {\n\t\t\t\tkeyword: val + '_' + pageIndex,\n\t\t\t}\n\t\t}).then(response => {\n\t\t\t//这里是success的处理\n\t\t\tvar res = response.data;\n\t\t\t//回调需要两个参数, 第一个: 数据数组, 第二个: 总页码\n\t\t\tcb(res.data, 10)\n\t\t}).catch(err => {\n\t\t\t//这里是error的处理\n\t\t\tcb([], 0);\n\t\t});\n\t}\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "fen-ye"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#fen-ye"
    }
  }, [_vm._v("¶")]), _vm._v(" 分页")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "qi-yong-fen-ye"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#qi-yong-fen-ye"
    }
  }, [_vm._v("¶")]), _vm._v(" 启用分页")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("xmSelect.render({\n\t//...\n\tpaging: true,\n})\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "zi-ding-yi-tiao-shu"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zi-ding-yi-tiao-shu"
    }
  }, [_vm._v("¶")]), _vm._v(" 自定义条数")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("xmSelect.render({\n\t//...\n\tpaging: true,\n\tpageSize: 3,\n})\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "sou-suo-fen-ye"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#sou-suo-fen-ye"
    }
  }, [_vm._v("¶")]), _vm._v(" 搜索+分页")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("xmSelect.render({\n\t//...\n\tpaging: true,\n\tpageSize: 5,\n\tfilterable: true,\n})\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "sou-suo-fen-ye-wu-shu-ju-bu-zhan-shi-fen-ye"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#sou-suo-fen-ye-wu-shu-ju-bu-zhan-shi-fen-ye"
    }
  }, [_vm._v("¶")]), _vm._v(" 搜索 + 分页 无数据 不展示分页")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("xmSelect.render({\n\t//...\n\tpaging: true,\n\tpageSize: 3,\n\tfilterable: true,\n\tpageEmptyShow: false,\n})\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "yuan-cheng-fen-ye"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#yuan-cheng-fen-ye"
    }
  }, [_vm._v("¶")]), _vm._v(" 远程分页")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("xmSelect.render({\n    //...\n\t//开启分页\n    paging: true,\n\t//远程分页\n    pageRemote: true,\n\t//实现方法\n    remoteMethod: function(val, cb, show, pageIndex),\n})\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "sou-suo-yuan-cheng-fen-ye"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#sou-suo-yuan-cheng-fen-ye"
    }
  }, [_vm._v("¶")]), _vm._v(" 搜索 + 远程分页")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("xmSelect.render({\n    //...\n\t//开启分页\n    paging: true,\n\t//远程分页\n    pageRemote: true,\n\t//实现方法\n    remoteMethod: function(val, cb, show, pageIndex),\n})\n")])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM08.md?vue&type=template&id=14f770b6&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM08.md?vue&type=script&lang=js&
/* harmony default export */ var XM08vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              paging: true,
              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 render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              paging: true,
              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 render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo3"
          }
        }), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo3-5"
          }
        }, [_vm._v("每页5条")]), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo3-10"
          }
        }, [_vm._v("每页10条")]), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo3-20"
          }
        }, [_vm._v("每页20条")])]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var data = [];
            for (var i = 0; i < 100; i++) {
              data.push({
                name: '测试数据' + i,
                value: i
              });
            }
            var demo3 = xmSelect.render({
              el: '#demo3',
              paging: true,
              pageSize: 5,
              filterable: true,
              data: data
            });
            document.getElementById('demo3-5').onclick = function () {
              demo3.update({
                pageSize: 5
              });
            };
            document.getElementById('demo3-10').onclick = function () {
              demo3.update({
                pageSize: 10
              });
            };
            document.getElementById('demo3-20').onclick = function () {
              demo3.update({
                pageSize: 20
              });
            };
          });
        }
      };
    }(),
    "element-demo3": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo4"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo4 = xmSelect.render({
              el: '#demo4',
              paging: true,
              pageSize: 3,
              filterable: true,
              pageEmptyShow: false,
              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-demo4": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo5"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo5 = xmSelect.render({
              el: '#demo5',
              paging: true,
              pageRemote: true,
              remoteMethod: function remoteMethod(val, cb, show, pageIndex) {
                //val: 搜索框的内容, 不开启搜索默认为空, cb: 回调函数, show: 当前下拉框是否展开, pageIndex: 当前第几页

                //这里的axios类似于ajax
                axios({
                  method: 'get',
                  url: 'https://www.fastmock.site/mock/98228b1f16b7e5112d6c0c87921eabc1/xmSelect/search',
                  params: {
                    keyword: val + '_' + pageIndex
                  }
                }).then(function (response) {
                  //这里是success的处理
                  var res = response.data;
                  //回调需要两个参数, 第一个: 数据数组, 第二个: 总页码
                  cb(res.data, 10);
                })["catch"](function (err) {
                  //这里是error的处理
                  cb([], 0);
                });
              }
            });
          });
        }
      };
    }(),
    "element-demo5": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo6"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo6 = xmSelect.render({
              el: '#demo6',
              //配置搜索
              filterable: true,
              //配置远程分页
              paging: true,
              pageRemote: true,
              //数据处理
              remoteMethod: function remoteMethod(val, cb, show, pageIndex) {
                //val: 搜索框的内容, 不开启搜索默认为空, cb: 回调函数, show: 当前下拉框是否展开, pageIndex: 当前第几页

                //这里的axios类似于ajax
                axios({
                  method: 'get',
                  url: 'https://www.fastmock.site/mock/98228b1f16b7e5112d6c0c87921eabc1/xmSelect/search',
                  params: {
                    keyword: val + '_' + pageIndex
                  }
                }).then(function (response) {
                  //这里是success的处理
                  var res = response.data;
                  //回调需要两个参数, 第一个: 数据数组, 第二个: 总页码
                  cb(res.data, 10);
                })["catch"](function (err) {
                  //这里是error的处理
                  cb([], 0);
                });
              }
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM08.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM08vue_type_script_lang_js_ = (XM08vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM08.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM08vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM08 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 707:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM09.md?vue&type=template&id=3fbeb68a&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tradio: true,\n\ttoolbar: {show: true},\n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\tradio: true,\n\tclickClose: true,\n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(3), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo2")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n\tel: '#demo3', \n\tradio: true,\n\tclickClose: true,\n\tmodel: {\n\t\tlabel: {\n\t\t\ttype: 'text',\n\t\t\ttext: {\n\t\t\t\t//左边拼接的字符\n\t\t\t\tleft: '',\n\t\t\t\t//右边拼接的字符\n\t\t\t\tright: '',\n\t\t\t\t//中间的分隔符\n\t\t\t\tseparator: ', ',\n\t\t\t},\n\t\t}\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "dan-xuan"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#dan-xuan"
    }
  }, [_vm._v("¶")]), _vm._v(" 单选")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "kai-qi-dan-xuan"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#kai-qi-dan-xuan"
    }
  }, [_vm._v("¶")]), _vm._v(" 开启单选")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "dan-xuan-wan-guan-bi-xia-la"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#dan-xuan-wan-guan-bi-xia-la"
    }
  }, [_vm._v("¶")]), _vm._v(" 单选完关闭下拉")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "geng-huan-xian-shi-fang-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#geng-huan-xian-shi-fang-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 更换显示方式")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM09.md?vue&type=template&id=3fbeb68a&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM09.md?vue&type=script&lang=js&
/* harmony default export */ var XM09vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              radio: true,
              toolbar: {
                show: true
              },
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              radio: true,
              clickClose: true,
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo2": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo3"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo3 = xmSelect.render({
              el: '#demo3',
              radio: true,
              clickClose: true,
              model: {
                label: {
                  type: 'text',
                  text: {
                    //左边拼接的字符
                    left: '',
                    //右边拼接的字符
                    right: '',
                    //中间的分隔符
                    separator: ', '
                  }
                }
              },
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM09.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM09vue_type_script_lang_js_ = (XM09vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM09.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM09vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM09 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 708:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM10.md?vue&type=template&id=4c510d6d&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\trepeat: true,\n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\trepeat: true,\n\tclickClose: true,\n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(3), _c("demo-block", [_c("div", [_c("p", [_vm._v("好像这样只能增不能减了~~ 有待完善")])]), _c("template", {
    slot: "source"
  }, [_c("element-demo2")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n\tel: '#demo3', \n\trepeat: true,\n\tmodel: {\n\t\tlabel: {\n\t\t\ttype: 'count',\n\t\t\tcount: {\n\t\t\t\ttemplate: function(data, sels){\n\t\t\t\t\tvar res = {};\n\t\t\t\t\tsels.forEach(item => {\n\t\t\t\t\t   var name = item.name; \n\t\t\t\t\t   !res[name] && (res[name] = 0);\n\t\t\t\t\t   res[name] += 1;\n\t\t\t\t\t});\n\t\t\t\t\treturn Object.keys(res).map(key => {\n\t\t\t\t\t\treturn `${key} (${res[key]})`\n\t\t\t\t\t}).join(',');\n\t\t\t\t}\n\t\t\t},\n\t\t}\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "chong-fu-xuan"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#chong-fu-xuan"
    }
  }, [_vm._v("¶")]), _vm._v(" 重复选")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "kai-qi-chong-fu-xuan"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#kai-qi-chong-fu-xuan"
    }
  }, [_vm._v("¶")]), _vm._v(" 开启重复选")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "chong-fu-xuan-wan-guan-bi-xia-la"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#chong-fu-xuan-wan-guan-bi-xia-la"
    }
  }, [_vm._v("¶")]), _vm._v(" 重复选完关闭下拉")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "geng-huan-xian-shi-fang-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#geng-huan-xian-shi-fang-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 更换显示方式")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM10.md?vue&type=template&id=4c510d6d&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM10.md?vue&type=script&lang=js&
/* harmony default export */ var XM10vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              repeat: true,
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              repeat: true,
              clickClose: true,
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo2": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo3"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo3 = xmSelect.render({
              el: '#demo3',
              repeat: true,
              model: {
                label: {
                  type: 'count',
                  count: {
                    template: function template(data, sels) {
                      var res = {};
                      sels.forEach(function (item) {
                        var name = item.name;
                        !res[name] && (res[name] = 0);
                        res[name] += 1;
                      });
                      return Object.keys(res).map(function (key) {
                        return "".concat(key, " (").concat(res[key], ")");
                      }).join(',');
                    }
                  }
                }
              },
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM10.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM10vue_type_script_lang_js_ = (XM10vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM10.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM10vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM10 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 709:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM11.md?vue&type=template&id=815da6f6&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _vm._m(2), _c("demo-block", [_c("div", [_c("p", [_vm._v("我的"), _c("code", [_vm._v("name")]), _vm._v("是"), _c("code", [_vm._v("label")]), _vm._v(", 我的"), _c("code", [_vm._v("value")]), _vm._v("是"), _c("code", [_vm._v("id")]), _vm._v(", 我有其他属性"), _c("code", [_vm._v("group")])])]), _c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._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\tel: '#demo1', \n\tprop: {\n\t\tname: 'label',\n\t\tvalue: 'id',\n\t},\n\tdata: [\n\t\t{label: '张三', id: 1, group: 1},\n\t\t{label: '李四', id: 2, group: 1},\n\t\t{label: '王五', id: 3, group: 2},\n\t]\n})\n\ndocument.getElementById('demo1-getValue').onclick = function(){\n\t//获取当前多选选中的值\n\tvar selectArr = demo1.getValue();\n\tdocument.getElementById('demo1-value').innerHTML = JSON.stringify(selectArr, null, 2);\n}\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "zi-ding-yi-shu-xing"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zi-ding-yi-shu-xing"
    }
  }, [_vm._v("¶")]), _vm._v(" 自定义属性")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "geng-huan-shu-xing-key"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#geng-huan-shu-xing-key"
    }
  }, [_vm._v("¶")]), _vm._v(" 更换属性key")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("p", [_vm._v("也许你的数据库返回的并不是"), _c("code", [_vm._v("name")]), _vm._v("和"), _c("code", [_vm._v("value")]), _vm._v(", 也许你提交的时候不止"), _c("code", [_vm._v("name")]), _vm._v("和"), _c("code", [_vm._v("value")]), _vm._v(", 怎么办? 自定义就行")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM11.md?vue&type=template&id=815da6f6&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM11.md?vue&type=script&lang=js&
/* harmony default export */ var XM11vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        }), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo1-getValue"
          }
        }, [_vm._v("获取选中值")]), _vm._v(" "), _c("pre", {
          attrs: {
            id: "demo1-value"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = 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 selectArr = demo1.getValue();
              document.getElementById('demo1-value').innerHTML = JSON.stringify(selectArr, null, 2);
            };
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM11.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM11vue_type_script_lang_js_ = (XM11vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM11.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM11vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM11 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 710:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM12.md?vue&type=template&id=36ac84aa&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\ttheme: {\n\t\tcolor: '#e54d42',\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(3), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo2")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n\tel: '#demo3', \n\ttheme: {\n\t\tcolor: '#f37b1d',\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(4), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo3")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo4\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo4 = xmSelect.render({\n\tel: '#demo4', \n\ttheme: {\n\t\tcolor: '#fbbd08',\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(5), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo4")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo5\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo5 = xmSelect.render({\n\tel: '#demo5', \n\ttheme: {\n\t\tcolor: '#8dc63f',\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(6), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo5")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo6\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo6 = xmSelect.render({\n\tel: '#demo6', \n\ttheme: {\n\t\tcolor: '#1cbbb4',\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(7), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo6")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo7\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo7 = xmSelect.render({\n\tel: '#demo7', \n\ttheme: {\n\t\tcolor: '#0081ff',\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(8), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo7")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo8\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo8 = xmSelect.render({\n\tel: '#demo8', \n\ttheme: {\n\t\tcolor: '#6739b6',\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(9), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo8")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo9\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo9 = xmSelect.render({\n\tel: '#demo9', \n\ttheme: {\n\t\tcolor: '#9c26b0',\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(10), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo9")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo10\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo10 = xmSelect.render({\n\tel: '#demo10', \n\ttheme: {\n\t\tcolor: '#e03997',\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(11), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo10")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo11\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo11 = xmSelect.render({\n\tel: '#demo11', \n\ttheme: {\n\t\tcolor: '#a5673f',\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(12), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo11")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo12\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo12 = xmSelect.render({\n\tel: '#demo12', \n\ttheme: {\n\t\tcolor: '#8799a3',\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(13), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo12")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo13\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo13 = xmSelect.render({\n\tel: '#demo13', \n\ttheme: {\n\t\tcolor: '#aaaaaa',\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(14), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo13")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo14\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo14 = xmSelect.render({\n\tel: '#demo14', \n\ttheme: {\n\t\tcolor: '#333333',\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(15)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "zhu-ti"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zhu-ti"
    }
  }, [_vm._v("¶")]), _vm._v(" 主题")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "jing-dian-lu-009688"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#jing-dian-lu-009688"
    }
  }, [_vm._v("¶")]), _vm._v(" 经典绿 ( #009688 )")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "yan-hong-e54d42"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#yan-hong-e54d42"
    }
  }, [_vm._v("¶")]), _vm._v(" 嫣红 ( #e54d42 )")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "jie-cheng-f37b1d"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#jie-cheng-f37b1d"
    }
  }, [_vm._v("¶")]), _vm._v(" 桔橙 ( #f37b1d )")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "ming-huang-fbbd08"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#ming-huang-fbbd08"
    }
  }, [_vm._v("¶")]), _vm._v(" 明黄 ( #fbbd08 )")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "gan-lan-8dc63f"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#gan-lan-8dc63f"
    }
  }, [_vm._v("¶")]), _vm._v(" 橄榄 ( #8dc63f )")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "tian-qing-1cbbb4"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#tian-qing-1cbbb4"
    }
  }, [_vm._v("¶")]), _vm._v(" 天青 ( #1cbbb4 )")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "hai-lan-0081ff"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#hai-lan-0081ff"
    }
  }, [_vm._v("¶")]), _vm._v(" 海蓝 ( #0081ff )")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "cha-zi-6739b6"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#cha-zi-6739b6"
    }
  }, [_vm._v("¶")]), _vm._v(" 姹紫 ( #6739b6 )")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "mu-jin-9c26b0"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#mu-jin-9c26b0"
    }
  }, [_vm._v("¶")]), _vm._v(" 木槿 ( #9c26b0 )")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "tao-fen-e03997"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#tao-fen-e03997"
    }
  }, [_vm._v("¶")]), _vm._v(" 桃粉 ( #e03997 )")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "zong-he-a5673f"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zong-he-a5673f"
    }
  }, [_vm._v("¶")]), _vm._v(" 棕褐 ( #a5673f )")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "xuan-hui-8799a3"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xuan-hui-8799a3"
    }
  }, [_vm._v("¶")]), _vm._v(" 玄灰 ( #8799a3 )")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "cao-hui-aaaaaa"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#cao-hui-aaaaaa"
    }
  }, [_vm._v("¶")]), _vm._v(" 草灰 ( #aaaaaa )")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "mo-hei-333333"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#mo-hei-333333"
    }
  }, [_vm._v("¶")]), _vm._v(" 墨黑 ( #333333 )")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("div", {
    staticClass: "warning"
  }, [_c("p", [_vm._v("颜色值来源于"), _c("a", {
    attrs: {
      href: "https://github.com/weilanwl/ColorUI"
    }
  }, [_vm._v("ColorUI")]), _vm._v(", 有兴趣的可以看看")])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM12.md?vue&type=template&id=36ac84aa&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM12.md?vue&type=script&lang=js&
/* harmony default export */ var XM12vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              theme: {
                color: '#e54d42'
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo2": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo3"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo3 = xmSelect.render({
              el: '#demo3',
              theme: {
                color: '#f37b1d'
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo3": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo4"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo4 = xmSelect.render({
              el: '#demo4',
              theme: {
                color: '#fbbd08'
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo4": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo5"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo5 = xmSelect.render({
              el: '#demo5',
              theme: {
                color: '#8dc63f'
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo5": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo6"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo6 = xmSelect.render({
              el: '#demo6',
              theme: {
                color: '#1cbbb4'
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo6": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo7"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo7 = xmSelect.render({
              el: '#demo7',
              theme: {
                color: '#0081ff'
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo7": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo8"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo8 = xmSelect.render({
              el: '#demo8',
              theme: {
                color: '#6739b6'
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo8": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo9"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo9 = xmSelect.render({
              el: '#demo9',
              theme: {
                color: '#9c26b0'
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo9": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo10"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo10 = xmSelect.render({
              el: '#demo10',
              theme: {
                color: '#e03997'
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo10": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo11"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo11 = xmSelect.render({
              el: '#demo11',
              theme: {
                color: '#a5673f'
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo11": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo12"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo12 = xmSelect.render({
              el: '#demo12',
              theme: {
                color: '#8799a3'
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo12": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo13"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo13 = xmSelect.render({
              el: '#demo13',
              theme: {
                color: '#aaaaaa'
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo13": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo14"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo14 = xmSelect.render({
              el: '#demo14',
              theme: {
                color: '#333333'
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM12.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM12vue_type_script_lang_js_ = (XM12vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM12.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM12vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM12 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 711:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM13.md?vue&type=template&id=62151622&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._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\tel: '#demo1', \n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n\n\ndocument.getElementById('demo1-open').onclick = function(){\n\t//这里延迟1S, 是因为, 点击下拉框外边的位置 会出发关闭事件, 所以延迟演示效果\n\tsetTimeout(function(){\n\t\tdemo1.opened();\n\t}, 1000);\n}\n\ndocument.getElementById('demo1-close').onclick = function(){\n\t//先点一下关闭, 然后把下拉框点开, 3S后会自动关闭\n\tsetTimeout(function(){\n\t\tdemo1.closed();\n\t}, 3000);\n}\n</script>\n")])])])], 2), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t],\n\tshow(){\n\t\talert('打开了')\n\t},\n\thide(){\n\t\talert('关闭了')\n\t}\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "xian-shi-yu-yin-cang"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xian-shi-yu-yin-cang"
    }
  }, [_vm._v("¶")]), _vm._v(" 显示与隐藏")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "zhu-dong-da-kai-guan-bi-xia-la-kuang"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zhu-dong-da-kai-guan-bi-xia-la-kuang"
    }
  }, [_vm._v("¶")]), _vm._v(" 主动打开/关闭下拉框")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "jian-ting-da-kai-guan-bi-xia-la-kuang"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#jian-ting-da-kai-guan-bi-xia-la-kuang"
    }
  }, [_vm._v("¶")]), _vm._v(" 监听打开/关闭下拉框")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM13.md?vue&type=template&id=62151622&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM13.md?vue&type=script&lang=js&
/* harmony default export */ var XM13vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        }), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo1-open"
          }
        }, [_vm._v("打开下拉框")]), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo1-close"
          }
        }, [_vm._v("关闭下拉框")])]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
            document.getElementById('demo1-open').onclick = function () {
              //这里延迟1S, 是因为, 点击下拉框外边的位置 会出发关闭事件, 所以延迟演示效果
              setTimeout(function () {
                demo1.opened();
              }, 1000);
            };
            document.getElementById('demo1-close').onclick = function () {
              //先点一下关闭, 然后把下拉框点开, 3S后会自动关闭
              setTimeout(function () {
                demo1.closed();
              }, 3000);
            };
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }],
              show: function show() {
                alert('打开了');
              },
              hide: function hide() {
                alert('关闭了');
              }
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM13.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM13vue_type_script_lang_js_ = (XM13vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM13.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM13vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM13 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 712:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM14.md?vue&type=template&id=39c9f3bb&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2, selected: true},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(2), _vm._m(3), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\tmodel: {\n\t\tlabel: {\n\t\t\ttype: 'block',\n\t\t\tblock: {\n\t\t\t\t//最大显示数量, 0:不限制\n\t\t\t\tshowCount: 0,\n\t\t\t\t//是否显示删除图标\n\t\t\t\tshowIcon: false,\n\t\t\t}\n\t\t}\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2, selected: true},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(4), _vm._m(5), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo2")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n\tel: '#demo3', \n\tmodel: {\n\t\tlabel: {\n\t\t\ttype: 'block',\n\t\t\tblock: {\n\t\t\t\t//最大显示数量, 0:不限制\n\t\t\t\tshowCount: 1,\n\t\t\t\t//是否显示删除图标\n\t\t\t\tshowIcon: true,\n\t\t\t}\n\t\t}\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2, selected: true},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(6), _vm._m(7), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo3")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo4\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo4 = xmSelect.render({\n\tel: '#demo4', \n\tmodel: {\n\t\tlabel: {\n\t\t\ttype: 'text',\n\t\t\t//使用字符串拼接的方式\n\t\t\ttext: {\n\t\t\t\t//左边拼接的字符\n\t\t\t\tleft: '【',\n\t\t\t\t//右边拼接的字符\n\t\t\t\tright: '】',\n\t\t\t\t//中间的分隔符\n\t\t\t\tseparator: '，',\n\t\t\t},\n\t\t}\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2, selected: true},\n\t\t{name: '王五', value: 3},\n\t],\n})\n</script>\n")])])])], 2), _vm._m(8), _vm._m(9), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo4")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo5\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo5 = xmSelect.render({\n\tel: '#demo5', \n\tmodel: {\n\t\tlabel: {\n\t\t\ttype: 'xxxx', //自定义与下面的对应\n\t\t\txxxx: {\n\t\t\t\ttemplate(data, sels){\n\t\t\t\t\treturn \"已选中 \" + sels.length + \" 项, 共 \" + data.length + \" 项\"\n\t\t\t\t}\n\t\t\t},\n\t\t}\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2, selected: true},\n\t\t{name: '王五', value: 3},\n\t],\n})\n</script>\n")])])])], 2), _vm._m(10), _vm._m(11), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo5")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo6\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo6 = xmSelect.render({\n\tel: '#demo6', \n\tmodel: {\n\t\tlabel: {\n\t\t\ttype: 'xxxx', //自定义与下面的对应\n\t\t\txxxx: {\n\t\t\t\ttemplate(data, sels){\n\t\t\t\t\t//也可以是html\n\t\t\t\t\treturn `<div style=\"color: red;\">${sels.length} / ${data.length}</div>`\n\t\t\t\t}\n\t\t\t},\n\t\t}\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2, selected: true},\n\t\t{name: '王五', value: 3},\n\t],\n})\n</script>\n")])])])], 2), _vm._m(12), _vm._m(13), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo6")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo7\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo7 = xmSelect.render({\n\tel: '#demo7', \n\tmodel: {\n\t\ttype: 'relative',\n\t},\n\tfilterable: true,\n\ttoolbar: { show: true },\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2, selected: true},\n\t\t{name: '王五', value: 3},\n\t],\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "xian-shi-fang-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xian-shi-fang-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 显示方式")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "fang-kuai-xing-zhuang"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#fang-kuai-xing-zhuang"
    }
  }, [_vm._v("¶")]), _vm._v(" 方块形状")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "fang-kuai-xing-zhuang-yin-cang-shan-chu-tu-biao"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#fang-kuai-xing-zhuang-yin-cang-shan-chu-tu-biao"
    }
  }, [_vm._v("¶")]), _vm._v(" 方块形状, 隐藏删除图标")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("model: {\n\tlabel: {\n\t\ttype: 'block',\n\t\tblock: {\n\t\t\t//最大显示数量, 0:不限制\n\t\t\tshowCount: 0,\n\t\t\t//是否显示删除图标\n\t\t\tshowIcon: false,\n\t\t}\n\t}\n},\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "fang-kuai-xing-zhuang-chao-guo-1ge-yin-cang"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#fang-kuai-xing-zhuang-chao-guo-1ge-yin-cang"
    }
  }, [_vm._v("¶")]), _vm._v(" 方块形状, 超过1个隐藏")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("model: {\n\tlabel: {\n\t\ttype: 'block',\n\t\tblock: {\n\t\t\t//最大显示数量, 0:不限制\n\t\t\tshowCount: 1,\n\t\t\t//是否显示删除图标\n\t\t\tshowIcon: true,\n\t\t}\n\t}\n},\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "jian-dan-pin-jie-xing-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#jian-dan-pin-jie-xing-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 简单拼接形式")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("model: {\n\tlabel: {\n\t\ttype: 'text',\n\t\t//使用字符串拼接的方式\n\t\ttext: {\n\t\t\t//左边拼接的字符\n\t\t\tleft: '【',\n\t\t\t//右边拼接的字符\n\t\t\tright: '】',\n\t\t\t//中间的分隔符\n\t\t\tseparator: '，',\n\t\t},\n\t}\n},\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "zi-ding-yi-xian-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zi-ding-yi-xian-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 自定义显示")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v('model: {\n\tlabel: {\n\t\ttype: \'xxxx\', //自定义与下面的对应\n\t\txxxx: {\n\t\t\ttemplate(data, sels){\n\t\t\t\treturn "已选中 " + sels.length + " 项, 共 " + data.length + " 项"\n\t\t\t}\n\t\t},\n\t}\n},\n')])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "zi-ding-yi-xian-shi-html"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zi-ding-yi-xian-shi-html"
    }
  }, [_vm._v("¶")]), _vm._v(" 自定义显示HTML")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("model: {\n\tlabel: {\n\t\ttype: 'xxxx', //自定义与下面的对应\n\t\txxxx: {\n\t\t\ttemplate(data, sels){\n\t\t\t\t//也可以是html\n\t\t\t\treturn `<div style=\"color: red;\">${sels.length} / ${data.length}</div>`\n\t\t\t}\n\t\t},\n\t}\n},\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "zhi-jie-xian-shi-xia-la"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zhi-jie-xian-shi-xia-la"
    }
  }, [_vm._v("¶")]), _vm._v(" 直接显示下拉")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("model: {\n\ttype: 'relative', //默认 absolute\n},\n")])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM14.md?vue&type=template&id=39c9f3bb&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM14.md?vue&type=script&lang=js&
/* harmony default export */ var XM14vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2,
                selected: true
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              model: {
                label: {
                  type: 'block',
                  block: {
                    //最大显示数量, 0:不限制
                    showCount: 0,
                    //是否显示删除图标
                    showIcon: false
                  }
                }
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2,
                selected: true
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo2": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo3"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo3 = xmSelect.render({
              el: '#demo3',
              model: {
                label: {
                  type: 'block',
                  block: {
                    //最大显示数量, 0:不限制
                    showCount: 1,
                    //是否显示删除图标
                    showIcon: true
                  }
                }
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2,
                selected: true
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo3": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo4"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo4 = xmSelect.render({
              el: '#demo4',
              model: {
                label: {
                  type: 'text',
                  //使用字符串拼接的方式
                  text: {
                    //左边拼接的字符
                    left: '【',
                    //右边拼接的字符
                    right: '】',
                    //中间的分隔符
                    separator: '，'
                  }
                }
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2,
                selected: true
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo4": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo5"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo5 = xmSelect.render({
              el: '#demo5',
              model: {
                label: {
                  type: 'xxxx',
                  //自定义与下面的对应
                  xxxx: {
                    template: function template(data, sels) {
                      return "已选中 " + sels.length + " 项, 共 " + data.length + " 项";
                    }
                  }
                }
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2,
                selected: true
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo5": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo6"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo6 = xmSelect.render({
              el: '#demo6',
              model: {
                label: {
                  type: 'xxxx',
                  //自定义与下面的对应
                  xxxx: {
                    template: function template(data, sels) {
                      //也可以是html
                      return "<div style=\"color: red;\">".concat(sels.length, " / ").concat(data.length, "</div>");
                    }
                  }
                }
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2,
                selected: true
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo6": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo7"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo7 = xmSelect.render({
              el: '#demo7',
              model: {
                type: 'relative'
              },
              filterable: true,
              toolbar: {
                show: true
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2,
                selected: true
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM14.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM14vue_type_script_lang_js_ = (XM14vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM14.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM14vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM14 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 713:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM15.md?vue&type=template&id=2f6a3647&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\ttemplate({ item, sels, name, value }){\n\t\treturn item.name  + '<span style=\"position: absolute; right: 10px; color: #8799a3\">'+value+'</span>' \n\t},\n\tprop: {\n\t\tname: 'showname',\n\t},\n\tdata: [\n\t\t{name: '张三', value: 'zhangsan', showname: '组织部-张三', selected: true},\n\t\t{name: '李四', value: 'lisi', showname: '策划部-李四', selected: true},\n\t\t{name: '王五', value: 'wangwu', showname: '运营部-王五' },\n\t]\n})\n</script>\n")])])])], 2), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar icons = ['layui-icon layui-icon-face-smile', 'layui-icon layui-icon-cellphone']\n\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\tmodel: {\n\t\tlabel: {\n\t\t\tblock: {\n\t\t\t\ttemplate: function(item, sels){\n\t\t\t\t\treturn '<i class=\"'+icons[item.group]+'\"></i>' + item.name;\n\t\t\t\t},\n\t\t\t},\n\t\t}\n\t},\n\ttemplate({ item, sels, name, value }){\n\t\treturn item.name  + '<span style=\"position: absolute; right: 10px; color: #8799a3\">'+value+'</span>' \n\t},\n\tdata: [\n\t\t{group: 1, name: '张三', value: 'zhangsan', selected: true},\n\t\t{group: 0, name: '李四', value: 'lisi', selected: true},\n\t\t{group: 1, name: '王五', value: 'wangwu' },\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "gou-jian-xuan-xiang"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#gou-jian-xuan-xiang"
    }
  }, [_vm._v("¶")]), _vm._v(" 构建选项")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "zi-ding-yi-xuan-ran"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zi-ding-yi-xuan-ran"
    }
  }, [_vm._v("¶")]), _vm._v(" 自定义渲染")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "zi-ding-yi-xuan-ran---label"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zi-ding-yi-xuan-ran---label"
    }
  }, [_vm._v("¶")]), _vm._v(" 自定义渲染 - label")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM15.md?vue&type=template&id=2f6a3647&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM15.md?vue&type=script&lang=js&
/* harmony default export */ var XM15vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              template: function template(_ref) {
                var item = _ref.item,
                  sels = _ref.sels,
                  name = _ref.name,
                  value = _ref.value;
                return item.name + '<span style="position: absolute; right: 10px; color: #8799a3">' + value + '</span>';
              },
              prop: {
                name: 'showname'
              },
              data: [{
                name: '张三',
                value: 'zhangsan',
                showname: '组织部-张三',
                selected: true
              }, {
                name: '李四',
                value: 'lisi',
                showname: '策划部-李四',
                selected: true
              }, {
                name: '王五',
                value: 'wangwu',
                showname: '运营部-王五'
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var icons = ['layui-icon layui-icon-face-smile', 'layui-icon layui-icon-cellphone'];
            var demo2 = xmSelect.render({
              el: '#demo2',
              model: {
                label: {
                  block: {
                    template: function template(item, sels) {
                      return '<i class="' + icons[item.group] + '"></i>' + item.name;
                    }
                  }
                }
              },
              template: function template(_ref2) {
                var item = _ref2.item,
                  sels = _ref2.sels,
                  name = _ref2.name,
                  value = _ref2.value;
                return item.name + '<span style="position: absolute; right: 10px; color: #8799a3">' + value + '</span>';
              },
              data: [{
                group: 1,
                name: '张三',
                value: 'zhangsan',
                selected: true
              }, {
                group: 0,
                name: '李四',
                value: 'lisi',
                selected: true
              }, {
                group: 1,
                name: '王五',
                value: 'wangwu'
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM15.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM15vue_type_script_lang_js_ = (XM15vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM15.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM15vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM15 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 714:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM16.md?vue&type=template&id=99429596&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _vm._m(2), _c("p", [_vm._v("实时监听多选的选中状态变化")]), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<br/><br/>\n<button class=\"btn\" id=\"setValue1\">监听setValue(['zhangsan'], null, true)</button>\n<button class=\"btn\" id=\"setValue2\">不监听setValue(['zhangsan'])</button>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\ton: function(data){\n\t\t//arr:  当前多选已选中的数据\n\t\tvar arr = data.arr;\n\t\t//change, 此次选择变化的数据,数组\n\t\tvar change = data.change;\n\t\t//isAdd, 此次操作是新增还是删除\n\t\tvar isAdd = data.isAdd;\n\t\t\n\t\talert('已有: '+arr.length+' 变化: '+change.length+', 状态: ' + isAdd)\n\t},\n\tdata: [\n\t\t{name: '张三', value: 'zhangsan', selected: true},\n\t\t{name: '李四', value: 'lisi', selected: true},\n\t\t{name: '王五', value: 'wangwu'},\n\t]\n})\n\ndocument.getElementById('setValue1').onclick = function(){\n\tdemo1.setValue(['zhangsan'], null, true);\n}\n\ndocument.getElementById('setValue2').onclick = function(){\n\tdemo1.setValue(['zhangsan']);\n}\n</script>\n")])])])], 2), _vm._m(3), _c("p", [_vm._v("选中北京后, 不能选中上海, 二者互斥")]), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\ttoolbar: {\n\t\tshow: true\n\t},\n\ton: function(data){\n\t\t//arr:  当前多选已选中的数据\n\t\tvar arr = data.arr;\n\t\t//change, 此次选择变化的数据,数组\n\t\tvar change = data.change;\n\t\t//isAdd, 此次操作是新增还是删除\n\t\tvar isAdd = data.isAdd;\n\t\t\n\t\tconsole.log(arr);\n\t\t\n\t\tif(isAdd){\n\t\t\tvar item = change[0];\n\t\t\tvar index = arr.findIndex(i => i.mutex == item.mutex && i.value != item.value);\n\t\t\tif(index != -1){\n\t\t\t\tarr.splice(index, 1);\n\t\t\t}\n\t\t}\n\t},\n\tdata: [\n\t\t{name: '北京', value: 1, mutex: 1, selected: true},\n\t\t{name: '上海', value: 2, mutex: 1},\n\t\t{name: '广州', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(4), _c("p", [_vm._v("有时全选也是一种状态, 列表中有全选, 与其他选项互斥")]), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo2")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n\tel: '#demo3', \n\ton: function(data){\n\t\t//可以return一个数组, 代表想选中的数据\n\t\t\n\t\t//arr:  当前多选已选中的数据\n\t\tvar arr = data.arr;\n\t\t//change, 此次选择变化的数据,数组\n\t\tvar change = data.change;\n\t\t//isAdd, 此次操作是新增还是删除\n\t\tvar isAdd = data.isAdd;\n\t\t\n\t\tif(isAdd){\n\t\t\tvar allItem = change.find(function(item){\n\t\t\t\treturn item.value === 0;\n\t\t\t})\n\t\t\tif(allItem){\n\t\t\t\treturn [allItem];\n\t\t\t}\n\t\t\tallItem = arr.find(function(item){\n\t\t\t\treturn item.value === 0;\n\t\t\t})\n\t\t\tif(allItem){\n\t\t\t\treturn change;\n\t\t\t}\n\t\t}\n\t\t\n\t},\n\tdata: [\n\t\t{name: '全选', value: 0},\n\t\t{name: '北京', value: 1},\n\t\t{name: '上海', value: 2},\n\t\t{name: '广州', value: 3},\n\t\t{name: '深圳', value: 4},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "jian-ting-xuan-ze"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#jian-ting-xuan-ze"
    }
  }, [_vm._v("¶")]), _vm._v(" 监听选择")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("xmSelect.render({\n\ton: function(data){\n\t\t//arr:  当前多选已选中的数据\n\t\tvar arr = data.arr;\n\t\t//change, 此次选择变化的数据,数组\n\t\tvar change = data.change;\n\t\t//isAdd, 此次操作是新增还是删除\n\t\tvar isAdd = data.isAdd;\n\t\t\n\t\t//可以return一个数组, 代表想选中的数据\n\t\t//return []\n\t},\n})\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "shi-shi-jian-ting"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#shi-shi-jian-ting"
    }
  }, [_vm._v("¶")]), _vm._v(" 实时监听")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "jian-ting-dong-tai-fu-zhi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#jian-ting-dong-tai-fu-zhi"
    }
  }, [_vm._v("¶")]), _vm._v(" 监听+动态赋值")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "jian-ting-dong-tai-xiu-gai"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#jian-ting-dong-tai-xiu-gai"
    }
  }, [_vm._v("¶")]), _vm._v(" 监听+动态修改")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM16.md?vue&type=template&id=99429596&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM16.md?vue&type=script&lang=js&
/* harmony default export */ var XM16vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        }), _vm._v(" "), _c("br"), _c("br"), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "setValue1"
          }
        }, [_vm._v("监听setValue(['zhangsan'], null, true)")]), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "setValue2"
          }
        }, [_vm._v("不监听setValue(['zhangsan'])")])]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              on: function on(data) {
                //arr:  当前多选已选中的数据
                var arr = data.arr;
                //change, 此次选择变化的数据,数组
                var change = data.change;
                //isAdd, 此次操作是新增还是删除
                var isAdd = data.isAdd;
                alert('已有: ' + arr.length + ' 变化: ' + change.length + ', 状态: ' + isAdd);
              },
              data: [{
                name: '张三',
                value: 'zhangsan',
                selected: true
              }, {
                name: '李四',
                value: 'lisi',
                selected: true
              }, {
                name: '王五',
                value: 'wangwu'
              }]
            });
            document.getElementById('setValue1').onclick = function () {
              demo1.setValue(['zhangsan'], null, true);
            };
            document.getElementById('setValue2').onclick = function () {
              demo1.setValue(['zhangsan']);
            };
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              toolbar: {
                show: true
              },
              on: function on(data) {
                //arr:  当前多选已选中的数据
                var arr = data.arr;
                //change, 此次选择变化的数据,数组
                var change = data.change;
                //isAdd, 此次操作是新增还是删除
                var isAdd = data.isAdd;
                console.log(arr);
                if (isAdd) {
                  var item = change[0];
                  var index = arr.findIndex(function (i) {
                    return 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
              }, {
                name: '广州',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo2": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo3"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo3 = xmSelect.render({
              el: '#demo3',
              on: function on(data) {
                //可以return一个数组, 代表想选中的数据

                //arr:  当前多选已选中的数据
                var arr = data.arr;
                //change, 此次选择变化的数据,数组
                var change = data.change;
                //isAdd, 此次操作是新增还是删除
                var isAdd = data.isAdd;
                if (isAdd) {
                  var allItem = change.find(function (item) {
                    return item.value === 0;
                  });
                  if (allItem) {
                    return [allItem];
                  }
                  allItem = arr.find(function (item) {
                    return item.value === 0;
                  });
                  if (allItem) {
                    return change;
                  }
                }
              },
              data: [{
                name: '全选',
                value: 0
              }, {
                name: '北京',
                value: 1
              }, {
                name: '上海',
                value: 2
              }, {
                name: '广州',
                value: 3
              }, {
                name: '深圳',
                value: 4
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM16.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM16vue_type_script_lang_js_ = (XM16vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM16.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM16vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM16 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 715:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM17.md?vue&type=template&id=4235d8e8&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("div", [_c("p", [_vm._v("事实证明分页是好使的 ^_^")])]), _c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._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\t//生成数据\n\tvar data = [];\n\tfor(var i = 0; i < count; i++){\n\t\tdata.push({\n\t\t\tname: \'测试数据\' + i,\n\t\t\tvalue: i,\n\t\t})\n\t}\n\t\n\t//记录开始渲染时间\n\tvar startTime = Date.now();\n\t\n\tvar demo1 = xmSelect.render({\n\t\tel: \'#demo1\', \n\t\tpaging,\n\t\tdata\n\t})\n\t\n\t//记录结束时间\n\tvar endTime = Date.now();\n\t\n\tdocument.getElementById(\'demo1-result\').innerText = `渲染耗时: ${endTime - startTime} ms`\n}\n\ndocument.getElementById(\'demo1-test1\').onclick = function(){\n\trun(1000, false)\n};\n\ndocument.getElementById(\'demo1-test2\').onclick = function(){\n\trun(10000, false)\n};\n\ndocument.getElementById(\'demo1-test3\').onclick = function(){\n\trun(10000, true)\n};\n\nrun(1000, false);\n\n</script>\n')])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "xing-neng-ce-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xing-neng-ce-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 性能测试")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "shu-ju-xuan-ran-hao-shi-ce-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#shu-ju-xuan-ran-hao-shi-ce-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 数据渲染耗时测试")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM17.md?vue&type=template&id=4235d8e8&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM17.md?vue&type=script&lang=js&
/* harmony default export */ var XM17vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        }), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo1-test1"
          }
        }, [_vm._v("测试1000条")]), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo1-test2"
          }
        }, [_vm._v("测试10000条")]), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo1-test3"
          }
        }, [_vm._v("测试10000条+分页")]), _vm._v(" "), _c("pre", {
          attrs: {
            id: "demo1-result"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            function run(count, paging) {
              //生成数据
              var data = [];
              for (var i = 0; i < count; i++) {
                data.push({
                  name: '测试数据' + i,
                  value: i
                });
              }

              //记录开始渲染时间
              var startTime = Date.now();
              var demo1 = xmSelect.render({
                el: '#demo1',
                paging: paging,
                data: data
              });

              //记录结束时间
              var endTime = Date.now();
              document.getElementById('demo1-result').innerText = "\u6E32\u67D3\u8017\u65F6: ".concat(endTime - startTime, " ms");
            }
            document.getElementById('demo1-test1').onclick = function () {
              run(1000, false);
            };
            document.getElementById('demo1-test2').onclick = function () {
              run(10000, false);
            };
            document.getElementById('demo1-test3').onclick = function () {
              run(10000, true);
            };
            run(1000, false);
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM17.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM17vue_type_script_lang_js_ = (XM17vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM17.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM17vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM17 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 716:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM18.md?vue&type=template&id=1820b893&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tmax: 2,\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2, selected: true},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\tmax: 2,\n\tmaxMethod(seles, item){\n\t\talert(`${item.name}不能选了, 已经超了`)\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2, selected: true},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(3), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo2")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n\tel: '#demo3', \n\tmax: 2,\n\ttheme: {\n\t\tmaxColor: 'orange',\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2, selected: true},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "duo-xuan-shang-xian"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#duo-xuan-shang-xian"
    }
  }, [_vm._v("¶")]), _vm._v(" 多选上限")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "zui-duo-xuan-ze-2ge"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zui-duo-xuan-ze-2ge"
    }
  }, [_vm._v("¶")]), _vm._v(" 最多选择2个")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "zi-ding-yi-xuan-chao-de-ti-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zi-ding-yi-xuan-chao-de-ti-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 自定义选超的提示")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "zi-ding-yi-xuan-chao-de-shan-shuo-yan-se"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zi-ding-yi-xuan-chao-de-shan-shuo-yan-se"
    }
  }, [_vm._v("¶")]), _vm._v(" 自定义选超的闪烁颜色")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM18.md?vue&type=template&id=1820b893&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM18.md?vue&type=script&lang=js&
/* harmony default export */ var XM18vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              max: 2,
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2,
                selected: true
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              max: 2,
              maxMethod: function maxMethod(seles, item) {
                alert("".concat(item.name, "\u4E0D\u80FD\u9009\u4E86, \u5DF2\u7ECF\u8D85\u4E86"));
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2,
                selected: true
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo2": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo3"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo3 = xmSelect.render({
              el: '#demo3',
              max: 2,
              theme: {
                maxColor: 'orange'
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2,
                selected: true
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM18.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM18vue_type_script_lang_js_ = (XM18vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM18.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM18vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM18 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 717:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM19.md?vue&type=template&id=ce14c886&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\ttoolbar: {\n\t\tshow: true,\n\t},\n\tfilterable: true,\n\tpaging: true,\n\tpageSize: 3,\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2, selected: true},\n\t\t{name: '王五', value: 3},\n\t\t{name: '赵六', value: 4},\n\t\t{name: '苹果', value: 5},\n\t\t{name: '香蕉', value: 6},\n\t\t{name: '凤梨', value: 7},\n\t\t{name: '葡萄', value: 8},\n\t\t{name: '樱桃', value: 9},\n\t\t{name: '车厘子', value: 10},\n\t\t{name: '火龙果', value: 11},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\ttoolbar: {\n\t\tshow: true,\n\t\tshowIcon: false,\n\t},\n\tfilterable: true,\n\tpaging: true,\n\tpageSize: 3,\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2, selected: true},\n\t\t{name: '王五', value: 3},\n\t\t{name: '赵六', value: 4},\n\t\t{name: '苹果', value: 5},\n\t\t{name: '香蕉', value: 6},\n\t\t{name: '凤梨', value: 7},\n\t\t{name: '葡萄', value: 8},\n\t\t{name: '樱桃', value: 9},\n\t\t{name: '车厘子', value: 10},\n\t\t{name: '火龙果', value: 11},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(3), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo2")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n\tel: '#demo3', \n\ttoolbar: {\n\t\tshow: true,\n\t\tlist: ['ALL', {\n\t\t\tname: '自定义',\n\t\t\ticon: 'el-icon-star-off',\n\t\t\tmethod(data){\n\t\t\t\talert('我是自定义的');\n\t\t\t}\n\t\t}]\n\t},\n\tfilterable: true,\n\tpaging: true,\n\tpageSize: 3,\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2, selected: true},\n\t\t{name: '王五', value: 3},\n\t\t{name: '赵六', value: 4},\n\t\t{name: '苹果', value: 5},\n\t\t{name: '香蕉', value: 6},\n\t\t{name: '凤梨', value: 7},\n\t\t{name: '葡萄', value: 8},\n\t\t{name: '樱桃', value: 9},\n\t\t{name: '车厘子', value: 10},\n\t\t{name: '火龙果', value: 11},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(4), _vm._m(5), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo3")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo4\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo4 = xmSelect.render({\n\tel: '#demo4', \n\ttoolbar: {\n\t\tshow: true,\n\t\tlist: [ 'ALL', 'CLEAR', 'REVERSE' ]\n\t},\n\tfilterable: true,\n\tpaging: true,\n\tpageSize: 3,\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2, selected: true},\n\t\t{name: '王五', value: 3},\n\t\t{name: '赵六', value: 4},\n\t\t{name: '苹果', value: 5},\n\t\t{name: '香蕉', value: 6},\n\t\t{name: '凤梨', value: 7},\n\t\t{name: '葡萄', value: 8},\n\t\t{name: '樱桃', value: 9},\n\t\t{name: '车厘子', value: 10},\n\t\t{name: '火龙果', value: 11},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "gong-ju-tiao"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#gong-ju-tiao"
    }
  }, [_vm._v("¶")]), _vm._v(" 工具条")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "mo-ren-gong-ju-tiao"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#mo-ren-gong-ju-tiao"
    }
  }, [_vm._v("¶")]), _vm._v(" 默认工具条")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "yin-cang-tu-biao"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#yin-cang-tu-biao"
    }
  }, [_vm._v("¶")]), _vm._v(" 隐藏图标")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "zi-ding-yi-gong-ju-tiao"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zi-ding-yi-gong-ju-tiao"
    }
  }, [_vm._v("¶")]), _vm._v(" 自定义工具条")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "quan-bu-gong-ju-tiao"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#quan-bu-gong-ju-tiao"
    }
  }, [_vm._v("¶")]), _vm._v(" 全部工具条")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("//全选, 清空, 反选\nxmSelect.render({\n\ttoolbar: {\n\t\tshow: true,\n\t\tlist: [ 'ALL', 'CLEAR', 'REVERSE' ]\n\t},\n})\n")])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM19.md?vue&type=template&id=ce14c886&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM19.md?vue&type=script&lang=js&
/* harmony default export */ var XM19vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              toolbar: {
                show: true
              },
              filterable: true,
              paging: true,
              pageSize: 3,
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2,
                selected: true
              }, {
                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 render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              toolbar: {
                show: true,
                showIcon: false
              },
              filterable: true,
              paging: true,
              pageSize: 3,
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2,
                selected: true
              }, {
                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 render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo3"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo3 = xmSelect.render({
              el: '#demo3',
              toolbar: {
                show: true,
                list: ['ALL', {
                  name: '自定义',
                  icon: 'el-icon-star-off',
                  method: function method(data) {
                    alert('我是自定义的');
                  }
                }]
              },
              filterable: true,
              paging: true,
              pageSize: 3,
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2,
                selected: true
              }, {
                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-demo3": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo4"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo4 = xmSelect.render({
              el: '#demo4',
              toolbar: {
                show: true,
                list: ['ALL', 'CLEAR', 'REVERSE']
              },
              filterable: true,
              paging: true,
              pageSize: 3,
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2,
                selected: true
              }, {
                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
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM19.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM19vue_type_script_lang_js_ = (XM19vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM19.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM19vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM19 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 718:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM20.md?vue&type=template&id=43bd63c5&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n<div>可以搜索 1, 2, 3看看效果</div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tfilterable: true,\n\tshowCount: 5,\n\tdata: [\n\t\t{name: '张三1', value: 1, selected: true},\n\t\t{name: '李四1', value: 2, selected: true},\n\t\t{name: '王五1', value: 3},\n\t\t{name: '赵六1', value: 4},\n\t\t{name: '苹果2', value: 5},\n\t\t{name: '香蕉2', value: 6},\n\t\t{name: '凤梨2', value: 7},\n\t\t{name: '葡萄2', value: 8},\n\t\t{name: '樱桃3', value: 9},\n\t\t{name: '车厘子3', value: 10},\n\t\t{name: '火龙果3', value: 11},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "xuan-xiang-xian-shi-shu-liang"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xuan-xiang-xian-shi-shu-liang"
    }
  }, [_vm._v("¶")]), _vm._v(" 选项显示数量")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("div", {
    staticClass: "tip"
  }, [_c("p", [_vm._v("当数量量过大时, 又不想使用分页的形式, 就可以控制显示数量, 用搜索的方式把最适合的数据展示出来")]), _c("p", [_vm._v("!!! 此处与分页配置互斥, 开启分页后, 此配置无效")]), _c("p", [_vm._v("!!! 使用此配置时建议开启搜索模式, 否则无法显示全部数据")])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM20.md?vue&type=template&id=43bd63c5&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM20.md?vue&type=script&lang=js&
/* harmony default export */ var XM20vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        }), _vm._v(" "), _c("div", [_vm._v("可以搜索 1, 2, 3看看效果")])]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              filterable: true,
              showCount: 5,
              data: [{
                name: '张三1',
                value: 1,
                selected: true
              }, {
                name: '李四1',
                value: 2,
                selected: true
              }, {
                name: '王五1',
                value: 3
              }, {
                name: '赵六1',
                value: 4
              }, {
                name: '苹果2',
                value: 5
              }, {
                name: '香蕉2',
                value: 6
              }, {
                name: '凤梨2',
                value: 7
              }, {
                name: '葡萄2',
                value: 8
              }, {
                name: '樱桃3',
                value: 9
              }, {
                name: '车厘子3',
                value: 10
              }, {
                name: '火龙果3',
                value: 11
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM20.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM20vue_type_script_lang_js_ = (XM20vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM20.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM20vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM20 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 719:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM21.md?vue&type=template&id=288c529a&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("div", [_c("p", [_vm._v("选项中的"), _c("code", [_vm._v("children")]), _vm._v("为数组")])]), _c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\ttoolbar:{\n\t\tshow: true,\n\t},\n\tfilterable: true,\n\theight: '500px',\n\tdata: [\n\t\t{name: '销售员', children: [\n\t\t\t{name: '张三1', value: 1, selected: true},\n\t\t\t{name: '李四1', value: 2, selected: true},\n\t\t\t{name: '王五1', value: 3, disabled: true},\n\t\t]},\n\t\t{name: '奖品', children: [\n\t\t\t{name: '苹果2', value: 4, selected: true, disabled: true, children: []},\n\t\t\t{name: '香蕉2', value: 5},\n\t\t\t{name: '葡萄2', value: 6},\n\t\t]},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo4\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo4 = xmSelect.render({\n\tel: '#demo4', \n\ttoolbar:{\n\t\tshow: true,\n\t},\n\theight: '300px',\n\tdata: [\n\t\t{name: '开始无分组1', value: 11, children: []},\n\t\t{name: '开始无分组2', value: 12, children: []},\n\t\t{name: '选中', optgroup: true, click: 'SELECT', children: [\n\t\t\t{name: '张三', value: 1},\n\t\t\t{name: '李四', value: 2, disabled: true},\n\t\t]},\n\t\t{name: '清空', optgroup: true, click: 'CLEAR', children: [\n\t\t\t{name: '王五', value: 3, disabled: true},\n\t\t\t{name: '苹果', value: 4, selected: true},\n\t\t]},\n\t\t{name: '自动', optgroup: true, click: 'AUTO', children: [\n\t\t\t{name: '香蕉', value: 5},\n\t\t\t{name: '葡萄', value: 6},\n\t\t]},\n\t\t{name: '中间无分组1', value: 21, children: []},\n\t\t{name: '中间无分组2', value: 22, children: []},\n\t\t{name: '自定义', optgroup: true, click: function(item){ alert('自定义的, 想干嘛干嘛') }, children: [\n\t\t\t{name: '小米', value: 7},\n\t\t\t{name: '华为', value: 8},\n\t\t]},\n\t\t{name: '结尾无分组1', value: 31, children: []},\n\t\t{name: '结尾无分组2', value: 32, children: []},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(3), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo2")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo5\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo5 = xmSelect.render({\n\tel: '#demo5', \n\ttoolbar:{\n\t\tshow: true,\n\t},\n\tfilterable: true,\n\theight: '500px',\n\tpaging: true,\n\tpageSize: 2,\n\tdata: [\n\t\t{name: '销售员', children: [\n\t\t\t{name: '张三1', value: 1},\n\t\t\t{name: '李四1', value: 2},\n\t\t\t{name: '王五13', value: 3},\n\t\t]},\n\t\t{name: '奖品', children: [\n\t\t\t{name: '苹果23', value: 4},\n\t\t\t{name: '香蕉2', value: 5},\n\t\t\t{name: '葡萄2', value: 6},\n\t\t]},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "fen-zu"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#fen-zu"
    }
  }, [_vm._v("¶")]), _vm._v(" 分组")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "childrenmo-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#childrenmo-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" children模式")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "fen-zu-de-dan-ji-shi-jian"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#fen-zu-de-dan-ji-shi-jian"
    }
  }, [_vm._v("¶")]), _vm._v(" 分组的单击事件")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "dai-you-fen-ye-de-fen-zu"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#dai-you-fen-ye-de-fen-zu"
    }
  }, [_vm._v("¶")]), _vm._v(" 带有分页的分组")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM21.md?vue&type=template&id=288c529a&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM21.md?vue&type=script&lang=js&
/* harmony default export */ var XM21vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              toolbar: {
                show: true
              },
              filterable: true,
              height: '500px',
              data: [{
                name: '销售员',
                children: [{
                  name: '张三1',
                  value: 1,
                  selected: true
                }, {
                  name: '李四1',
                  value: 2,
                  selected: true
                }, {
                  name: '王五1',
                  value: 3,
                  disabled: true
                }]
              }, {
                name: '奖品',
                children: [{
                  name: '苹果2',
                  value: 4,
                  selected: true,
                  disabled: true,
                  children: []
                }, {
                  name: '香蕉2',
                  value: 5
                }, {
                  name: '葡萄2',
                  value: 6
                }]
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo4"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo4 = xmSelect.render({
              el: '#demo4',
              toolbar: {
                show: true
              },
              height: '300px',
              data: [{
                name: '开始无分组1',
                value: 11,
                children: []
              }, {
                name: '开始无分组2',
                value: 12,
                children: []
              }, {
                name: '选中',
                optgroup: true,
                click: 'SELECT',
                children: [{
                  name: '张三',
                  value: 1
                }, {
                  name: '李四',
                  value: 2,
                  disabled: true
                }]
              }, {
                name: '清空',
                optgroup: true,
                click: 'CLEAR',
                children: [{
                  name: '王五',
                  value: 3,
                  disabled: true
                }, {
                  name: '苹果',
                  value: 4,
                  selected: true
                }]
              }, {
                name: '自动',
                optgroup: true,
                click: 'AUTO',
                children: [{
                  name: '香蕉',
                  value: 5
                }, {
                  name: '葡萄',
                  value: 6
                }]
              }, {
                name: '中间无分组1',
                value: 21,
                children: []
              }, {
                name: '中间无分组2',
                value: 22,
                children: []
              }, {
                name: '自定义',
                optgroup: true,
                click: function click(item) {
                  alert('自定义的, 想干嘛干嘛');
                },
                children: [{
                  name: '小米',
                  value: 7
                }, {
                  name: '华为',
                  value: 8
                }]
              }, {
                name: '结尾无分组1',
                value: 31,
                children: []
              }, {
                name: '结尾无分组2',
                value: 32,
                children: []
              }]
            });
          });
        }
      };
    }(),
    "element-demo2": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo5"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo5 = xmSelect.render({
              el: '#demo5',
              toolbar: {
                show: true
              },
              filterable: true,
              height: '500px',
              paging: true,
              pageSize: 2,
              data: [{
                name: '销售员',
                children: [{
                  name: '张三1',
                  value: 1
                }, {
                  name: '李四1',
                  value: 2
                }, {
                  name: '王五13',
                  value: 3
                }]
              }, {
                name: '奖品',
                children: [{
                  name: '苹果23',
                  value: 4
                }, {
                  name: '香蕉2',
                  value: 5
                }, {
                  name: '葡萄2',
                  value: 6
                }]
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM21.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM21vue_type_script_lang_js_ = (XM21vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM21.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM21vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM21 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 720:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM22.md?vue&type=template&id=7d1dd84c&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _vm._m(2), _c("demo-block", [_c("div", [_c("p", [_c("code", [_vm._v("autoRow")]), _vm._v(" = "), _c("code", [_vm._v("true")])])]), _c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\ttoolbar:{\n\t\tshow: true,\n\t},\n\tautoRow: true,\n\theight: '500px',\n\tdata: [\n\t\t{name: '张三1', value: 1, selected: true},\n\t\t{name: '李四1', value: 2, selected: true},\n\t\t{name: '王五1', value: 3, disabled: true},\n\t\t{name: '苹果2', value: 4, selected: true, disabled: true},\n\t\t{name: '香蕉2', value: 5, selected: true},\n\t\t{name: '葡萄2', value: 6},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(3), _vm._m(4), _vm._m(5), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<form class=\"layui-form layui-form-pane xm-select-demo ly-label-center\" action=\"\">\n\t<div class=\"layui-form-item\" pane>\n\t\t<label class=\"layui-form-label\">居中风格</label>\n\t\t<div class=\"layui-input-block\">\n\t\t\t<div id=\"demo2\"></div>\n\t\t</div>\n\t</div>\n</form>\n\n<form class=\"layui-form layui-form-pane xm-select-demo\" action=\"\">\n\t<div class=\"layui-form-item\" pane>\n\t\t<label class=\"layui-form-label\">默认风格</label>\n\t\t<div class=\"layui-input-block\">\n\t\t\t<div id=\"demo3\"></div>\n\t\t</div>\n\t</div>\n</form>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\ttoolbar:{\n\t\tshow: true,\n\t},\n\tfilterable: true,\n\theight: '500px',\n\tautoRow: true,\n\tdata: [\n\t\t{name: '张三1', value: 1, selected: true},\n\t\t{name: '李四1', value: 2, selected: true},\n\t\t{name: '王五1', value: 3, disabled: true},\n\t\t{name: '苹果2', value: 4, selected: true, disabled: true},\n\t\t{name: '香蕉2', value: 5, selected: true},\n\t\t{name: '葡萄2', value: 6},\n\t]\n})\n\nvar demo3 = xmSelect.render({\n\tel: '#demo3', \n\ttoolbar:{\n\t\tshow: true,\n\t},\n\tfilterable: true,\n\theight: '500px',\n\tautoRow: true,\n\tdata: [\n\t\t{name: '张三1', value: 1, selected: true},\n\t\t{name: '李四1', value: 2, selected: true},\n\t\t{name: '王五1', value: 3, disabled: true},\n\t\t{name: '苹果2', value: 4, selected: true, disabled: true},\n\t\t{name: '香蕉2', value: 5, selected: true},\n\t\t{name: '葡萄2', value: 6},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "zi-dong-huan-xing"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zi-dong-huan-xing"
    }
  }, [_vm._v("¶")]), _vm._v(" 自动换行")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("div", {
    staticClass: "tip"
  }, [_c("p", [_vm._v("当需要选择很多选项时, 横向滚动满足不了你的需求, 可以开启自动换行")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "kai-qi-huan-xing"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#kai-qi-huan-xing"
    }
  }, [_vm._v("¶")]), _vm._v(" 开启换行")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "layuifeng-ge"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#layuifeng-ge"
    }
  }, [_vm._v("¶")]), _vm._v(" Layui风格")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("p", [_vm._v("前面的label居中 需要 "), _c("strong", [_vm._v("自行")]), _vm._v(" 加一段css, 这里就没有内置到插件中了, 避免样式污染, 当前或许你有更好的css解决方案 ^_^")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", {
    staticClass: "language-css"
  }, [_vm._v(".layui-form-pane .layui-form-label{\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n")])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM22.md?vue&type=template&id=7d1dd84c&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM22.md?vue&type=script&lang=js&
/* harmony default export */ var XM22vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              toolbar: {
                show: true
              },
              autoRow: true,
              height: '500px',
              data: [{
                name: '张三1',
                value: 1,
                selected: true
              }, {
                name: '李四1',
                value: 2,
                selected: true
              }, {
                name: '王五1',
                value: 3,
                disabled: true
              }, {
                name: '苹果2',
                value: 4,
                selected: true,
                disabled: true
              }, {
                name: '香蕉2',
                value: 5,
                selected: true
              }, {
                name: '葡萄2',
                value: 6
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("form", {
          staticClass: "layui-form layui-form-pane xm-select-demo ly-label-center",
          attrs: {
            action: ""
          }
        }, [_c("div", {
          staticClass: "layui-form-item",
          attrs: {
            pane: ""
          }
        }, [_c("label", {
          staticClass: "layui-form-label"
        }, [_vm._v("居中风格")]), _vm._v(" "), _c("div", {
          staticClass: "layui-input-block"
        }, [_c("div", {
          attrs: {
            id: "demo2"
          }
        })])])]), _vm._v(" "), _c("form", {
          staticClass: "layui-form layui-form-pane xm-select-demo",
          attrs: {
            action: ""
          }
        }, [_c("div", {
          staticClass: "layui-form-item",
          attrs: {
            pane: ""
          }
        }, [_c("label", {
          staticClass: "layui-form-label"
        }, [_vm._v("默认风格")]), _vm._v(" "), _c("div", {
          staticClass: "layui-input-block"
        }, [_c("div", {
          attrs: {
            id: "demo3"
          }
        })])])])]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              toolbar: {
                show: true
              },
              filterable: true,
              height: '500px',
              autoRow: true,
              data: [{
                name: '张三1',
                value: 1,
                selected: true
              }, {
                name: '李四1',
                value: 2,
                selected: true
              }, {
                name: '王五1',
                value: 3,
                disabled: true
              }, {
                name: '苹果2',
                value: 4,
                selected: true,
                disabled: true
              }, {
                name: '香蕉2',
                value: 5,
                selected: true
              }, {
                name: '葡萄2',
                value: 6
              }]
            });
            var demo3 = xmSelect.render({
              el: '#demo3',
              toolbar: {
                show: true
              },
              filterable: true,
              height: '500px',
              autoRow: true,
              data: [{
                name: '张三1',
                value: 1,
                selected: true
              }, {
                name: '李四1',
                value: 2,
                selected: true
              }, {
                name: '王五1',
                value: 3,
                disabled: true
              }, {
                name: '苹果2',
                value: 4,
                selected: true,
                disabled: true
              }, {
                name: '香蕉2',
                value: 5,
                selected: true
              }, {
                name: '葡萄2',
                value: 6
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM22.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM22vue_type_script_lang_js_ = (XM22vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM22.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM22vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM22 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 721:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM23.md?vue&type=template&id=1485719b&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tradio: true,\n\tclickClose: true,\n\tmodel: {\n\t\ticon: 'hidden',\n\t\tlabel: {\n\t\t\ttype: 'text'\n\t\t}\n\t},\n\tdata: [\n\t\t{name: '张三1', value: 1, selected: true},\n\t\t{name: '李四1', value: 2},\n\t\t{name: '王五1', value: 3, disabled: true},\n\t\t{name: '苹果2', value: 4},\n\t]\n})\n\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\tradio: true,\n\tclickClose: true,\n\ttheme: {\n\t\tcolor: '#5FB878',\n\t},\n\tmodel: {\n\t\ticon: 'hidden',\n\t\tlabel: {\n\t\t\ttype: 'text'\n\t\t}\n\t},\n\tdata: [\n\t\t{name: '张三1', value: 1, selected: true},\n\t\t{name: '李四1', value: 2},\n\t\t{name: '王五1', value: 3, disabled: true},\n\t\t{name: '苹果2', value: 4},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n\tel: '#demo3', \n\tmodel: {\n\t\ticon: 'hidden',\n\t},\n\tdata: [\n\t\t{name: '张三1', value: 1, selected: true, disabled: true},\n\t\t{name: '李四1', value: 2, selected: true},\n\t\t{name: '王五1', value: 3, disabled: true},\n\t\t{name: '苹果2', value: 4},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "yin-cang-tu-biao"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#yin-cang-tu-biao"
    }
  }, [_vm._v("¶")]), _vm._v(" 隐藏图标")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "yin-cang-dan-xuan-tu-biao"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#yin-cang-dan-xuan-tu-biao"
    }
  }, [_vm._v("¶")]), _vm._v(" 隐藏单选图标")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "yin-cang-duo-xuan-tu-biao"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#yin-cang-duo-xuan-tu-biao"
    }
  }, [_vm._v("¶")]), _vm._v(" 隐藏多选图标")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM23.md?vue&type=template&id=1485719b&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM23.md?vue&type=script&lang=js&
/* harmony default export */ var XM23vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        }), _vm._v(" "), _c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              radio: true,
              clickClose: true,
              model: {
                icon: 'hidden',
                label: {
                  type: 'text'
                }
              },
              data: [{
                name: '张三1',
                value: 1,
                selected: true
              }, {
                name: '李四1',
                value: 2
              }, {
                name: '王五1',
                value: 3,
                disabled: true
              }, {
                name: '苹果2',
                value: 4
              }]
            });
            var demo2 = xmSelect.render({
              el: '#demo2',
              radio: true,
              clickClose: true,
              theme: {
                color: '#5FB878'
              },
              model: {
                icon: 'hidden',
                label: {
                  type: 'text'
                }
              },
              data: [{
                name: '张三1',
                value: 1,
                selected: true
              }, {
                name: '李四1',
                value: 2
              }, {
                name: '王五1',
                value: 3,
                disabled: true
              }, {
                name: '苹果2',
                value: 4
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo3"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo3 = xmSelect.render({
              el: '#demo3',
              model: {
                icon: 'hidden'
              },
              data: [{
                name: '张三1',
                value: 1,
                selected: true,
                disabled: true
              }, {
                name: '李四1',
                value: 2,
                selected: true
              }, {
                name: '王五1',
                value: 3,
                disabled: true
              }, {
                name: '苹果2',
                value: 4
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM23.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM23vue_type_script_lang_js_ = (XM23vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM23.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM23vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM23 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 722:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM24.md?vue&type=template&id=33db1fbd&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("div", [_c("p", [_c("code", [_vm._v("large")]), _vm._v(", "), _c("code", [_vm._v("medium")]), _vm._v(", "), _c("code", [_vm._v("small")]), _vm._v(", "), _c("code", [_vm._v("mini")])])]), _c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-size\"></div>\n<div id=\"demo2\" class=\"xm-select-size\"></div>\n<div id=\"demo3\" class=\"xm-select-size\"></div>\n<div id=\"demo4\" class=\"xm-select-size\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tsize: 'large',\n\tdata: [\n\t\t{name: 'large', value: 1, selected: true},\n\t\t{name: '李四1', value: 2},\n\t\t{name: '王五1', value: 3, disabled: true},\n\t\t{name: '苹果2', value: 4},\n\t]\n})\n\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\tsize: 'medium',\n\tdata: [\n\t\t{name: 'medium', value: 1, selected: true},\n\t\t{name: '李四1', value: 2},\n\t\t{name: '默认尺寸', value: 3, selected: true, disabled: true},\n\t\t{name: '苹果2', value: 4},\n\t]\n})\n\nvar demo3 = xmSelect.render({\n\tel: '#demo3', \n\tsize: 'small',\n\tdata: [\n\t\t{name: 'small', value: 1, selected: true},\n\t\t{name: '李四1', value: 2},\n\t\t{name: '王五1', value: 3, disabled: true},\n\t\t{name: '苹果2', value: 4},\n\t]\n})\n\nvar demo4 = xmSelect.render({\n\tel: '#demo4', \n\tsize: 'mini',\n\tdata: [\n\t\t{name: 'mini', value: 1, selected: true},\n\t\t{name: '李四1', value: 2},\n\t\t{name: '王五1', value: 3, disabled: true},\n\t\t{name: '苹果2', value: 4},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "chi-cun"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#chi-cun"
    }
  }, [_vm._v("¶")]), _vm._v(" 尺寸")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "si-zhong-chi-cun-bian-huan"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#si-zhong-chi-cun-bian-huan"
    }
  }, [_vm._v("¶")]), _vm._v(" 四种尺寸变换")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM24.md?vue&type=template&id=33db1fbd&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM24.md?vue&type=script&lang=js&
/* harmony default export */ var XM24vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-size",
          attrs: {
            id: "demo1"
          }
        }), _vm._v(" "), _c("div", {
          staticClass: "xm-select-size",
          attrs: {
            id: "demo2"
          }
        }), _vm._v(" "), _c("div", {
          staticClass: "xm-select-size",
          attrs: {
            id: "demo3"
          }
        }), _vm._v(" "), _c("div", {
          staticClass: "xm-select-size",
          attrs: {
            id: "demo4"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              size: 'large',
              data: [{
                name: 'large',
                value: 1,
                selected: true
              }, {
                name: '李四1',
                value: 2
              }, {
                name: '王五1',
                value: 3,
                disabled: true
              }, {
                name: '苹果2',
                value: 4
              }]
            });
            var demo2 = xmSelect.render({
              el: '#demo2',
              size: 'medium',
              data: [{
                name: 'medium',
                value: 1,
                selected: true
              }, {
                name: '李四1',
                value: 2
              }, {
                name: '默认尺寸',
                value: 3,
                selected: true,
                disabled: true
              }, {
                name: '苹果2',
                value: 4
              }]
            });
            var demo3 = xmSelect.render({
              el: '#demo3',
              size: 'small',
              data: [{
                name: 'small',
                value: 1,
                selected: true
              }, {
                name: '李四1',
                value: 2
              }, {
                name: '王五1',
                value: 3,
                disabled: true
              }, {
                name: '苹果2',
                value: 4
              }]
            });
            var demo4 = xmSelect.render({
              el: '#demo4',
              size: 'mini',
              data: [{
                name: 'mini',
                value: 1,
                selected: true
              }, {
                name: '李四1',
                value: 2
              }, {
                name: '王五1',
                value: 3,
                disabled: true
              }, {
                name: '苹果2',
                value: 4
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM24.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM24vue_type_script_lang_js_ = (XM24vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM24.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM24vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM24 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 723:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM25.md?vue&type=template&id=0b6f8508&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _vm._m(2), _vm._m(3), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n<button class=\"btn\" id=\"demo1-warning\">警告</button>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3, disabled: true},\n\t]\n})\n\ndocument.getElementById('demo1-warning').onclick = function(){\n\tdemo1.warning();\n}\n</script>\n")])])])], 2), _vm._m(4), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n<button class=\"btn\" id=\"demo2-warning\">警告</button>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3, disabled: true},\n\t]\n})\n\ndocument.getElementById('demo2-warning').onclick = function(){\n\tdemo2.warning('#6739b6');\n}\n</script>\n")])])])], 2), _vm._m(5), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo2")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n<button class=\"btn\" id=\"demo3-warning\">警告</button>\n\n<script>\nvar demo3 = xmSelect.render({\n\tel: '#demo3', \n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3, disabled: true},\n\t]\n})\n\ndocument.getElementById('demo3-warning').onclick = function(){\n\tdemo3.warning('#6739b6', true);\n}\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "jing-gao"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#jing-gao"
    }
  }, [_vm._v("¶")]), _vm._v(" 警告")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "jing-gao-ti-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#jing-gao-ti-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 警告提示")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("p", [_vm._v("放下她, 让我来!!!  默认颜色"), _c("code", [_vm._v("#e54d42")]), _vm._v(", 多选上限的样色")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("/*\n *  COLOR: 自定义颜色, 默认是 options.theme.maxColor的颜色\n *  SUSTAIN: 是否持续显示, 默认为false\n */\nxmSelectObj.warning(COLOR, SUSTAIN);\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "zi-ding-yi-shan-shuo-yan-se"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zi-ding-yi-shan-shuo-yan-se"
    }
  }, [_vm._v("¶")]), _vm._v(" 自定义闪烁颜色")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "chi-xu-xian-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#chi-xu-xian-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 持续显示")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM25.md?vue&type=template&id=0b6f8508&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM25.md?vue&type=script&lang=js&
/* harmony default export */ var XM25vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        }), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo1-warning"
          }
        }, [_vm._v("警告")])]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3,
                disabled: true
              }]
            });
            document.getElementById('demo1-warning').onclick = function () {
              demo1.warning();
            };
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        }), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo2-warning"
          }
        }, [_vm._v("警告")])]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3,
                disabled: true
              }]
            });
            document.getElementById('demo2-warning').onclick = function () {
              demo2.warning('#6739b6');
            };
          });
        }
      };
    }(),
    "element-demo2": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo3"
          }
        }), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo3-warning"
          }
        }, [_vm._v("警告")])]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo3 = xmSelect.render({
              el: '#demo3',
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3,
                disabled: true
              }]
            });
            document.getElementById('demo3-warning').onclick = function () {
              demo3.warning('#6739b6', true);
            };
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM25.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM25vue_type_script_lang_js_ = (XM25vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM25.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM25vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM25 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 724:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM26.md?vue&type=template&id=1a5a4e66&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tdisabled: true,\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3, disabled: true},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(3), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n<button class=\"btn\" id=\"demo21\">禁用</button>\n<button class=\"btn\" id=\"demo22\">启用</button>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3, disabled: true},\n\t]\n})\n\ndocument.getElementById('demo21').onclick = function(){\n\tdemo2.update({ disabled: true });\n}\ndocument.getElementById('demo22').onclick = function(){\n\tdemo2.update({ disabled: false });\n}\n</script>\n")])])])], 2), _vm._m(4), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo2")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n<button class=\"btn\" id=\"demo3-disabled\">启用</button>\n\n<script>\nvar demo3 = xmSelect.render({\n\tel: '#demo3', \n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t],\n\ton({ arr, change, isAdd }){\n\t\tvar hasZS = change.find(item => item.name === '张三');\n\t\tif(isAdd && hasZS){\n\t\t\tdemo3.update({ disabled: true });\n\t\t}\n\t}\n})\n\n//没有做不到, 只有想不到, 把多选玩出花来吧\ndocument.getElementById('demo3-disabled').onclick = function(){\n\tdemo3.update({ disabled: false });\n}\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "jin-yong"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#jin-yong"
    }
  }, [_vm._v("¶")]), _vm._v(" 禁用")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "xuan-ran-jin-yong"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xuan-ran-jin-yong"
    }
  }, [_vm._v("¶")]), _vm._v(" 渲染禁用")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("xmSelect.render({\n\t//...\n\tdisabled: true\n})\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "dong-tai-qi-yong-jin-yong"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#dong-tai-qi-yong-jin-yong"
    }
  }, [_vm._v("¶")]), _vm._v(" 动态启用禁用")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "xuan-wan-zhang-san-hou-jin-yong"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xuan-wan-zhang-san-hou-jin-yong"
    }
  }, [_vm._v("¶")]), _vm._v(" 选完"), _c("code", [_vm._v("张三")]), _vm._v("后禁用")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM26.md?vue&type=template&id=1a5a4e66&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM26.md?vue&type=script&lang=js&
/* harmony default export */ var XM26vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              disabled: true,
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3,
                disabled: true
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        }), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo21"
          }
        }, [_vm._v("禁用")]), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo22"
          }
        }, [_vm._v("启用")])]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3,
                disabled: true
              }]
            });
            document.getElementById('demo21').onclick = function () {
              demo2.update({
                disabled: true
              });
            };
            document.getElementById('demo22').onclick = function () {
              demo2.update({
                disabled: false
              });
            };
          });
        }
      };
    }(),
    "element-demo2": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo3"
          }
        }), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo3-disabled"
          }
        }, [_vm._v("启用")])]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo3 = xmSelect.render({
              el: '#demo3',
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }],
              on: function on(_ref) {
                var arr = _ref.arr,
                  change = _ref.change,
                  isAdd = _ref.isAdd;
                var hasZS = change.find(function (item) {
                  return item.name === '张三';
                });
                if (isAdd && hasZS) {
                  demo3.update({
                    disabled: true
                  });
                }
              }
            });

            //没有做不到, 只有想不到, 把多选玩出花来吧
            document.getElementById('demo3-disabled').onclick = function () {
              demo3.update({
                disabled: false
              });
            };
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM26.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM26vue_type_script_lang_js_ = (XM26vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM26.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM26vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM26 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 725:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM27.md?vue&type=template&id=7a7871b6&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tfilterable: true,\n\tcreate: function(val, arr){\n\t\tif(arr.length === 0){\n\t\t\treturn {\n\t\t\t\tname: '创建-' + val,\n\t\t\t\tvalue: val\n\t\t\t}\n\t\t}\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3, disabled: true},\n\t]\n})\n</script>\n")])])])], 2), _vm._m(3), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo2', \n\tradio: true,\n\tclickClose: true,\n\tfilterable: true,\n\tcreate: function(val, arr){\n\t\tif(arr.length === 0){\n\t\t\treturn {\n\t\t\t\tname: '创建-' + val,\n\t\t\t\tvalue: val\n\t\t\t}\n\t\t}\n\t},\n\tmodel: {\n\t\ticon: 'hidden',\n\t\tlabel: {\n\t\t\ttype: 'text',\n\t\t}\n\t},\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "chuang-jian-tiao-mu"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#chuang-jian-tiao-mu"
    }
  }, [_vm._v("¶")]), _vm._v(" 创建条目")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "sou-suo-bu-cun-zai-ze-chuang-jian-tiao-mu"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#sou-suo-bu-cun-zai-ze-chuang-jian-tiao-mu"
    }
  }, [_vm._v("¶")]), _vm._v(" 搜索不存在则创建条目")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("//想创建就必须要开启本地搜索\nxmSelect.render({\n\t//...\n\tfilterable: true,\n\tcreate: function(val, arr){\n\t\t//返回一个创建成功的对象, val是搜索的数据, arr是搜索后的当前页面数据\n\t\treturn {\n\t\t\tname: '创建-' + val,\n\t\t\tvalue: val\n\t\t}\n\t}\n})\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "dan-xuan-chuang-jian"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#dan-xuan-chuang-jian"
    }
  }, [_vm._v("¶")]), _vm._v(" 单选创建")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/XM27.md?vue&type=template&id=7a7871b6&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/XM27.md?vue&type=script&lang=js&
/* harmony default export */ var XM27vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              filterable: true,
              create: function create(val, arr) {
                if (arr.length === 0) {
                  return {
                    name: '创建-' + val,
                    value: val
                  };
                }
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3,
                disabled: true
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo2',
              radio: true,
              clickClose: true,
              filterable: true,
              create: function create(val, arr) {
                if (arr.length === 0) {
                  return {
                    name: '创建-' + val,
                    value: val
                  };
                }
              },
              model: {
                icon: 'hidden',
                label: {
                  type: 'text'
                }
              },
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/XM27.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_XM27vue_type_script_lang_js_ = (XM27vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/XM27.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_XM27vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var XM27 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 726:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZM01.md?vue&type=template&id=cd32b602&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v('<div id="demo1" class="xm-select-demo"></div>\n<br/><br/>\n<button class="btn" id="demo1-test1">赋值张三</button>\n<button class="btn" id="demo1-test2">赋值张三(value方式)</button>\n<button class="btn" id="demo1-test3">追加赋值李四</button>\n<br/><br/>\n<button class="btn" id="demo1-test4">清除李四</button>\n<button class="btn" id="demo1-test5">清空</button>\n<pre id="demo1-result"></pre>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: \'#demo1\', \n\tdata: [\n\t\t{name: \'张三\', value: 1},\n\t\t{name: \'李四\', value: 2},\n\t\t{name: \'王五\', value: 3},\n\t]\n})\n\ndocument.getElementById(\'demo1-test1\').onclick = function(){\n\tdemo1.setValue([\n\t\t{name: \'张三\', value: 1},\n\t])\n};\n\ndocument.getElementById(\'demo1-test2\').onclick = function(){\n\tdemo1.setValue([ 1 ])\n};\n\ndocument.getElementById(\'demo1-test3\').onclick = function(){\n\tdemo1.append([ 2 ]);\n};\n\ndocument.getElementById(\'demo1-test4\').onclick = function(){\n\tdemo1.delete([ 2 ])\n};\n\ndocument.getElementById(\'demo1-test5\').onclick = function(){\n\tdemo1.setValue([ ])\n};\n\n</script>\n')])])])], 2), _vm._m(3), _vm._m(4), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v('<div id="demo2" class="xm-select-demo"></div>\n<button class="btn" id="demo2-getValue">获取选中值</button>\n\n<br/><br/>\n\n<button class="btn" id="name">获取name数组</button>\n<button class="btn" id="nameStr">获取name字符串</button>\n<button class="btn" id="value">获取value数组</button>\n<button class="btn" id="valueStr">获取value字符串</button>\n\n<pre id="demo2-value"></pre>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: \'#demo2\', \n\tdata: [\n\t\t{name: \'张三\', value: 1},\n\t\t{name: \'李四\', value: 2},\n\t\t{name: \'王五\', value: 3},\n\t]\n})\n\ndocument.getElementById(\'demo2-getValue\').onclick = function(){\n\t//获取当前多选选中的值\n\tvar selectArr = demo2.getValue();\n\tdocument.getElementById(\'demo2-value\').innerHTML = `\\ndemo2.getValue()\\n\\n` + JSON.stringify(selectArr, null, 2);\n}\n\nvar types = [\'name\', \'nameStr\', \'value\', \'valueStr\'];\ntypes.forEach(function(type){\n\tdocument.getElementById(type).onclick = function(){\n\t\t//获取当前多选选中的值\n\t\tvar selectArr = demo2.getValue(type);\n\t\tdocument.getElementById(\'demo2-value\').innerHTML = `\\ndemo2.getValue(\'${type}\')\\n\\n` + JSON.stringify(selectArr, null, 2);\n\t}\n});\n\n\n</script>\n\n')])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "fu-zhi-yu-qu-zhi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#fu-zhi-yu-qu-zhi"
    }
  }, [_vm._v("¶")]), _vm._v(" 赋值与取值")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "gei-duo-xuan-fu-zhi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#gei-duo-xuan-fu-zhi"
    }
  }, [_vm._v("¶")]), _vm._v(" 给多选赋值")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("p", [_vm._v("函数"), _c("code", [_vm._v("setValue(array)")]), _vm._v(", 动态赋值多选选中的数据, array可以是value数组, 也可以是完整的object数组")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "qu-zhi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#qu-zhi"
    }
  }, [_vm._v("¶")]), _vm._v(" 取值")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("p", [_vm._v("函数"), _c("code", [_vm._v("getValue(type)")]), _vm._v(", type类型 name, nameStr, value, valueStr")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/ZM01.md?vue&type=template&id=cd32b602&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZM01.md?vue&type=script&lang=js&
/* harmony default export */ var ZM01vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        }), _vm._v(" "), _c("br"), _c("br"), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo1-test1"
          }
        }, [_vm._v("赋值张三")]), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo1-test2"
          }
        }, [_vm._v("赋值张三(value方式)")]), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo1-test3"
          }
        }, [_vm._v("追加赋值李四")]), _vm._v(" "), _c("br"), _c("br"), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo1-test4"
          }
        }, [_vm._v("清除李四")]), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo1-test5"
          }
        }, [_vm._v("清空")]), _vm._v(" "), _c("pre", {
          attrs: {
            id: "demo1-result"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
            document.getElementById('demo1-test1').onclick = function () {
              demo1.setValue([{
                name: '张三',
                value: 1
              }]);
            };
            document.getElementById('demo1-test2').onclick = function () {
              demo1.setValue([1]);
            };
            document.getElementById('demo1-test3').onclick = function () {
              demo1.append([2]);
            };
            document.getElementById('demo1-test4').onclick = function () {
              demo1["delete"]([2]);
            };
            document.getElementById('demo1-test5').onclick = function () {
              demo1.setValue([]);
            };
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        }), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo2-getValue"
          }
        }, [_vm._v("获取选中值")]), _vm._v(" "), _c("br"), _c("br"), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "name"
          }
        }, [_vm._v("获取name数组")]), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "nameStr"
          }
        }, [_vm._v("获取name字符串")]), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "value"
          }
        }, [_vm._v("获取value数组")]), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "valueStr"
          }
        }, [_vm._v("获取value字符串")]), _vm._v(" "), _c("pre", {
          attrs: {
            id: "demo2-value"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
            document.getElementById('demo2-getValue').onclick = function () {
              //获取当前多选选中的值
              var selectArr = demo2.getValue();
              document.getElementById('demo2-value').innerHTML = "\ndemo2.getValue()\n\n" + JSON.stringify(selectArr, null, 2);
            };
            var types = ['name', 'nameStr', 'value', 'valueStr'];
            types.forEach(function (type) {
              document.getElementById(type).onclick = function () {
                //获取当前多选选中的值
                var selectArr = demo2.getValue(type);
                document.getElementById('demo2-value').innerHTML = "\ndemo2.getValue('".concat(type, "')\n\n") + JSON.stringify(selectArr, null, 2);
              };
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/ZM01.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_ZM01vue_type_script_lang_js_ = (ZM01vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/ZM01.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_ZM01vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var ZM01 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 727:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZM02.md?vue&type=template&id=04ee72ce&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<form>\n\t<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\t<button class=\"btn\" type=\"submit\">提交</button>\n</form>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n\n</script>\n")])])])], 2), _vm._m(2), _vm._m(3), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<form class=\"layui-form\">\n\t<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\t<button class=\"btn\" type=\"submit\" lay-submit>提交</button>\n\t<button class=\"btn\" type=\"reset\">重置</button>\n</form>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\tname: 'lalalalalala',\n\tlayVerify: 'required',\n\tlayVerType: 'msg',\n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "biao-dan-ti-jiao"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#biao-dan-ti-jiao"
    }
  }, [_vm._v("¶")]), _vm._v(" 表单提交")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "mo-ren-biao-dan-ti-jiao"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#mo-ren-biao-dan-ti-jiao"
    }
  }, [_vm._v("¶")]), _vm._v(" 默认表单提交")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "xiu-gai-name-biao-dan-yan-zheng"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xiu-gai-name-biao-dan-yan-zheng"
    }
  }, [_vm._v("¶")]), _vm._v(" 修改name, 表单验证")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("{\n\tname: 'lalalalalala',\n\tlayVerify: 'required',\n\tlayVerType: 'tips',\n}\n")])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/ZM02.md?vue&type=template&id=04ee72ce&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZM02.md?vue&type=script&lang=js&
/* harmony default export */ var ZM02vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("form", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        }), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            type: "submit"
          }
        }, [_vm._v("提交")])])]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("form", {
          staticClass: "layui-form"
        }, [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        }), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            type: "submit",
            "lay-submit": ""
          }
        }, [_vm._v("提交")]), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            type: "reset"
          }
        }, [_vm._v("重置")])])]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              name: 'lalalalalala',
              layVerify: 'required',
              layVerType: 'msg',
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/ZM02.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_ZM02vue_type_script_lang_js_ = (ZM02vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/ZM02.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_ZM02vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var ZM02 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 728:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZM03.md?vue&type=template&id=b615842e&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v('\n<table id="demo" lay-filter="test"></table>\n\n<script>\nlayui.use(\'table\', function() {\n\tvar table = layui.table;\n\n\t//第一个实例\n\ttable.render({\n\t\telem: \'#demo\',\n\t\tpage: true, //开启分页\n\t\theight: 500,\n\t\tcols: [\n\t\t\t[ //表头\n\t\t\t\t{ field: \'id\', title: \'ID\', width: 80, sort: true }, \n\t\t\t\t{ field: \'username\', title: \'用户名\', width: 80 }, \n\t\t\t\t{ field: \'sex\', title: \'性别\', width: 80, sort: true }, \n\t\t\t\t{ field: \'city\', title: \'城市\', width: 80 }, \n\t\t\t\t{ field: \'sign\', title: \'爱好\', width: 200, templet: function(d){\n\t\t\t\t\treturn \'<div id="XM-\' + d.id + \'" ></div>\'\n\t\t\t\t} }, \n\t\t\t\t{ field: \'experience\', title: \'积分\', width: 80, sort: true }, \n\t\t\t\t{ field: \'score\', title: \'评分\', width: 80, sort: true }, \n\t\t\t\t{ field: \'classify\', title: \'职业\', width: 80 }, \n\t\t\t\t{ field: \'wealth\', title: \'财富\', width: 135, sort: true }\n\t\t\t]\n\t\t],\n\t\tdata: [\n\t\t\t{"id":10000,"username":"user-0","sex":"女","city":"城市-0","sign":"签名-0","experience":255,"logins":24,"wealth":82830700,"classify":"作家","score":57},\n\t\t\t{"id":10001,"username":"user-1","sex":"男","city":"城市-1","sign":"签名-1","experience":884,"logins":58,"wealth":64928690,"classify":"词人","score":27},\n\t\t\t{"id":10002,"username":"user-2","sex":"女","city":"城市-2","sign":"签名-2","experience":650,"logins":77,"wealth":6298078,"classify":"酱油","score":31},\n\t\t\t{"id":10003,"username":"user-3","sex":"女","city":"城市-3","sign":"签名-3","experience":362,"logins":157,"wealth":37117017,"classify":"诗人","score":68},\n\t\t\t{"id":10004,"username":"user-4","sex":"男","city":"城市-4","sign":"签名-4","experience":807,"logins":51,"wealth":76263262,"classify":"作家","score":6},\n\t\t\t{"id":10005,"username":"user-5","sex":"女","city":"城市-5","sign":"签名-5","experience":173,"logins":68,"wealth":60344147,"classify":"作家","score":87},\n\t\t\t{"id":10006,"username":"user-6","sex":"女","city":"城市-6","sign":"签名-6","experience":982,"logins":37,"wealth":57768166,"classify":"作家","score":34},\n\t\t\t{"id":10007,"username":"user-7","sex":"男","city":"城市-7","sign":"签名-7","experience":727,"logins":150,"wealth":82030578,"classify":"作家","score":28},\n\t\t\t{"id":10008,"username":"user-8","sex":"男","city":"城市-8","sign":"签名-8","experience":951,"logins":133,"wealth":16503371,"classify":"词人","score":14},\n\t\t\t{"id":10009,"username":"user-9","sex":"女","city":"城市-9","sign":"签名-9","experience":484,"logins":25,"wealth":86801934,"classify":"词人","score":75}\n\t\t],\n\t\tdone: function(res){\n\t\t\t//修改一些css样式, 这里虽然能够使用, 但是还是不太友好, 努力中...\n\t\t\tvar cells = document.querySelectorAll(\'div[lay-id="demo"] .layui-table-cell\');\n\t\t\tfor(var i = 0 ; i < cells.length ; i++ ){\n\t\t\t\t//cells[i].style.overflow = \'unset\';\n\t\t\t\tcells[i].style.height = \'auto\';\n\t\t\t}\n\t\t\t//渲染多选\n\t\t\tres.data.forEach(item =>  {\n\t\t\t\tvar xm = xmSelect.render({\n\t\t\t\t\tel: \'#XM-\' + item.id, \n\t\t\t\t\tautoRow: true,\n\t\t\t\t\tmodel: { type: \'fixed\' },\n\t\t\t\t\tdata: [\n\t\t\t\t\t\t{name: \'张三\', value: 1},\n\t\t\t\t\t\t{name: \'李四\', value: 2},\n\t\t\t\t\t\t{name: \'王五\', value: 3},\n\t\t\t\t\t]\n\t\t\t\t})\n\t\t\t\t\n\t\t\t\titem.__xm = xm;\n\t\t\t})\n\t\t}\n\t});\n\n});\n\n//表格滚动时 重新计算位置\ndocument.querySelector(\'.layui-table-body\').addEventListener(\'scroll\', () => {\n\txmSelect.get().forEach(function(item){\n\t\titem.calcPosition();\n\t})\n})\n\n\n</script>\n')])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "biao-ge-zhong-duo-xuan"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#biao-ge-zhong-duo-xuan"
    }
  }, [_vm._v("¶")]), _vm._v(" 表格中多选")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "layuibiao-ge-zhong-duo-xuan"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#layuibiao-ge-zhong-duo-xuan"
    }
  }, [_vm._v("¶")]), _vm._v(" Layui表格中多选")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/ZM03.md?vue&type=template&id=b615842e&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZM03.md?vue&type=script&lang=js&
/* harmony default export */ var ZM03vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("table", {
          attrs: {
            id: "demo",
            "lay-filter": "test"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            layui.use('table', function () {
              var table = layui.table;

              //第一个实例
              table.render({
                elem: '#demo',
                page: true,
                //开启分页
                height: 500,
                cols: [[
                //表头
                {
                  field: 'id',
                  title: 'ID',
                  width: 80,
                  sort: true
                }, {
                  field: 'username',
                  title: '用户名',
                  width: 80
                }, {
                  field: 'sex',
                  title: '性别',
                  width: 80,
                  sort: true
                }, {
                  field: 'city',
                  title: '城市',
                  width: 80
                }, {
                  field: 'sign',
                  title: '爱好',
                  width: 200,
                  templet: function templet(d) {
                    return '<div id="XM-' + d.id + '" ></div>';
                  }
                }, {
                  field: 'experience',
                  title: '积分',
                  width: 80,
                  sort: true
                }, {
                  field: 'score',
                  title: '评分',
                  width: 80,
                  sort: true
                }, {
                  field: 'classify',
                  title: '职业',
                  width: 80
                }, {
                  field: 'wealth',
                  title: '财富',
                  width: 135,
                  sort: true
                }]],
                data: [{
                  "id": 10000,
                  "username": "user-0",
                  "sex": "女",
                  "city": "城市-0",
                  "sign": "签名-0",
                  "experience": 255,
                  "logins": 24,
                  "wealth": 82830700,
                  "classify": "作家",
                  "score": 57
                }, {
                  "id": 10001,
                  "username": "user-1",
                  "sex": "男",
                  "city": "城市-1",
                  "sign": "签名-1",
                  "experience": 884,
                  "logins": 58,
                  "wealth": 64928690,
                  "classify": "词人",
                  "score": 27
                }, {
                  "id": 10002,
                  "username": "user-2",
                  "sex": "女",
                  "city": "城市-2",
                  "sign": "签名-2",
                  "experience": 650,
                  "logins": 77,
                  "wealth": 6298078,
                  "classify": "酱油",
                  "score": 31
                }, {
                  "id": 10003,
                  "username": "user-3",
                  "sex": "女",
                  "city": "城市-3",
                  "sign": "签名-3",
                  "experience": 362,
                  "logins": 157,
                  "wealth": 37117017,
                  "classify": "诗人",
                  "score": 68
                }, {
                  "id": 10004,
                  "username": "user-4",
                  "sex": "男",
                  "city": "城市-4",
                  "sign": "签名-4",
                  "experience": 807,
                  "logins": 51,
                  "wealth": 76263262,
                  "classify": "作家",
                  "score": 6
                }, {
                  "id": 10005,
                  "username": "user-5",
                  "sex": "女",
                  "city": "城市-5",
                  "sign": "签名-5",
                  "experience": 173,
                  "logins": 68,
                  "wealth": 60344147,
                  "classify": "作家",
                  "score": 87
                }, {
                  "id": 10006,
                  "username": "user-6",
                  "sex": "女",
                  "city": "城市-6",
                  "sign": "签名-6",
                  "experience": 982,
                  "logins": 37,
                  "wealth": 57768166,
                  "classify": "作家",
                  "score": 34
                }, {
                  "id": 10007,
                  "username": "user-7",
                  "sex": "男",
                  "city": "城市-7",
                  "sign": "签名-7",
                  "experience": 727,
                  "logins": 150,
                  "wealth": 82030578,
                  "classify": "作家",
                  "score": 28
                }, {
                  "id": 10008,
                  "username": "user-8",
                  "sex": "男",
                  "city": "城市-8",
                  "sign": "签名-8",
                  "experience": 951,
                  "logins": 133,
                  "wealth": 16503371,
                  "classify": "词人",
                  "score": 14
                }, {
                  "id": 10009,
                  "username": "user-9",
                  "sex": "女",
                  "city": "城市-9",
                  "sign": "签名-9",
                  "experience": 484,
                  "logins": 25,
                  "wealth": 86801934,
                  "classify": "词人",
                  "score": 75
                }],
                done: function done(res) {
                  //修改一些css样式, 这里虽然能够使用, 但是还是不太友好, 努力中...
                  var cells = document.querySelectorAll('div[lay-id="demo"] .layui-table-cell');
                  for (var i = 0; i < cells.length; i++) {
                    //cells[i].style.overflow = 'unset';
                    cells[i].style.height = 'auto';
                  }
                  //渲染多选
                  res.data.forEach(function (item) {
                    var xm = xmSelect.render({
                      el: '#XM-' + item.id,
                      autoRow: true,
                      model: {
                        type: 'fixed'
                      },
                      data: [{
                        name: '张三',
                        value: 1
                      }, {
                        name: '李四',
                        value: 2
                      }, {
                        name: '王五',
                        value: 3
                      }]
                    });
                    item.__xm = xm;
                  });
                }
              });
            });

            //表格滚动时 重新计算位置
            document.querySelector('.layui-table-body').addEventListener('scroll', function () {
              xmSelect.get().forEach(function (item) {
                item.calcPosition();
              });
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/ZM03.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_ZM03vue_type_script_lang_js_ = (ZM03vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/ZM03.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_ZM03vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var ZM03 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 729:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZM04.md?vue&type=template&id=01bab43a&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\"></div>\n\n<script>\n\tvar demo1 = xmSelect.render({\n\t\tel: '#demo1', \n\t\tautoRow: true,\n\t\ttoolbar: { show: true },\n\t\tfilterable: true,\n\t\tremoteSearch: true,\n\t\tremoteMethod: function(val, cb, show){\n\t\t\t//这里如果val为空, 则不触发搜索\n\t\t\tif(!val){\n\t\t\t\treturn cb([]);\n\t\t\t}\n\t\t\t//这里引入了一个第三方插件axios, 相当于$.ajax\n\t\t\taxios({\n\t\t\t\tmethod: 'get',\n\t\t\t\turl: 'https://www.fastmock.site/mock/98228b1f16b7e5112d6c0c87921eabc1/xmSelect/search',\n\t\t\t\tparams: {\n\t\t\t\t\tkeyword: val,\n\t\t\t\t}\n\t\t\t}).then(response => {\n\t\t\t\tvar res = response.data;\n\t\t\t\tcb(res.data)\n\t\t\t}).catch(err => {\n\t\t\t\tcb([]);\n\t\t\t});\n\t\t},\n\t})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "yuan-cheng-sou-suo"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#yuan-cheng-sou-suo"
    }
  }, [_vm._v("¶")]), _vm._v(" 远程搜索")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/ZM04.md?vue&type=template&id=01bab43a&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZM04.md?vue&type=script&lang=js&
/* harmony default export */ var ZM04vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              autoRow: true,
              toolbar: {
                show: true
              },
              filterable: true,
              remoteSearch: true,
              remoteMethod: function remoteMethod(val, cb, show) {
                //这里如果val为空, 则不触发搜索
                if (!val) {
                  return cb([]);
                }
                //这里引入了一个第三方插件axios, 相当于$.ajax
                axios({
                  method: 'get',
                  url: 'https://www.fastmock.site/mock/98228b1f16b7e5112d6c0c87921eabc1/xmSelect/search',
                  params: {
                    keyword: val
                  }
                }).then(function (response) {
                  var res = response.data;
                  cb(res.data);
                })["catch"](function (err) {
                  cb([]);
                });
              }
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/ZM04.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_ZM04vue_type_script_lang_js_ = (ZM04vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/ZM04.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_ZM04vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var ZM04 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 730:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZM05.md?vue&type=template&id=4d1e62fa&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tdata: []\n})\n\ndemo1.update({\n\tdata: [\n\t\t{name: '张三', value: 1, selected: true},\n\t\t{name: '李四', value: 2, selected: true},\n\t\t{name: '王五', value: 3, disabled: true},\n\t]\n})\n\n</script>\n")])])])], 2), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\ttoolbar: {show: true},\n\tdata: []\n})\n\naxios({\n\tmethod: 'get',\n\turl: 'https://www.fastmock.site/mock/98228b1f16b7e5112d6c0c87921eabc1/xmSelect/search',\n}).then(response => {\n\tvar res = response.data;\n\t\n\tdemo2.update({\n\t\tdata: res.data,\n\t\tautoRow: true,\n\t})\n});\n\n</script>\n")])])])], 2), _vm._m(3), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo2")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<table id=\"form-create\" class=\"layui-table\">\n\t<thead>\n\t\t<tr>\n\t\t\t<th style=\"width: 50px;\">序号</th>\n\t\t\t<th>性别</th>\n\t\t\t<th>爱好</th>\n\t\t\t<th style=\"width: 150px;\">操作</th>\n\t\t</tr>\n\t</thead>\n\t<tbody>\n\t\t<tr>\n\t\t\t<td colspan=\"3\">\n\t\t\t\t<span>这里呢, 演示一下动态添加多选的例子</span>\n\t\t\t</td>\n\t\t\t<td colspan=\"1\">\n\t\t\t\t<div class=\"layui-btn-group\">\n\t\t\t\t\t<button type=\"button\" class=\"layui-btn add\">增加</button>\n\t\t\t\t</div>\n\t\t\t</td>\n\t\t</tr>\n\t</tbody>\n</table>\n\n<script>\nvar $ = layui.jquery;\nvar index = 1;\n\t\t\t\t\n$('.add').on('click', function(){\n\tvar element = $([\n\t\t'<tr>',\n\t\t\t'<td>'+ index +'</td>',\n\t\t\t'<td class=\"gender\"></td>',\n\t\t\t'<td class=\"hobby\"></td>',\n\t\t\t'<td class=\"handler\">',\n\t\t\t\t'<button type=\"button\" class=\"layui-btn layui-btn-normal get\">取值</button>',\n\t\t\t\t'<button type=\"button\" class=\"layui-btn layui-btn-danger del\">删除</button>',\n\t\t\t'</td>',\n\t\t'</tr>',\n\t].join(''))\n\t\n\tvar hobby = element.find('.hobby')[0];\n\tvar hobbySelect = xmSelect.render({\n\t\tel: hobby,\n\t\tdata: function(){\n\t\t\treturn [\n\t\t\t\t{name: '篮球' + index, value: 1},\n\t\t\t\t{name: '足球' + index, value: 2},\n\t\t\t\t{name: '乒乓球' + index, value: 3},\n\t\t\t]\n\t\t}\n\t})\n\t\n\tvar gender = element.find('.gender')[0];\n\txmSelect.render({\n\t\tel: gender,\n\t\tradio: true,\n\t\tclickClose: true,\n\t\tmodel: { label: { type: 'text' } },\n\t\tdata: function(){\n\t\t\treturn [\n\t\t\t\t{name: '男', value: 1},\n\t\t\t\t{name: '女', value: 2},\n\t\t\t\t{name: '保密', value: 3},\n\t\t\t]\n\t\t},\n\t\ton: function(data){\n\t\t\tvar changeItem = data.change[0];\n\t\t\tif(data.isAdd && changeItem.value == 3){\n\t\t\t\tthis.update({ disabled: true })\n\t\t\t}else{\n\t\t\t\tthis.update({ disabled: false })\n\t\t\t}\n\t\t}.bind(hobbySelect),\n\t})\n\t\n\telement.find('.get').on('click', function(){\n\t\talert('valueStr: ' + this.getValue('valueStr'));\n\t}.bind(hobbySelect))\n\t\n\telement.find('.del').on('click', function(){\n\t\t$(this).parents('tr').remove();\n\t})\n\t\n\tindex++;\n\t\n\t$('#form-create tbody').append(element)\n});\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "dong-tai-shu-ju"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#dong-tai-shu-ju"
    }
  }, [_vm._v("¶")]), _vm._v(" 动态数据")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "ben-di-shu-ju-dong-tai-fu-zhi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#ben-di-shu-ju-dong-tai-fu-zhi"
    }
  }, [_vm._v("¶")]), _vm._v(" 本地数据动态赋值")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "yuan-cheng-shu-ju-dong-tai-fu-zhi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#yuan-cheng-shu-ju-dong-tai-fu-zhi"
    }
  }, [_vm._v("¶")]), _vm._v(" 远程数据动态赋值")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "dong-tai-chuang-jian-xm-selectduo-xuan"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#dong-tai-chuang-jian-xm-selectduo-xuan"
    }
  }, [_vm._v("¶")]), _vm._v(" 动态创建xm-select多选")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/ZM05.md?vue&type=template&id=4d1e62fa&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZM05.md?vue&type=script&lang=js&
/* harmony default export */ var ZM05vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              data: []
            });
            demo1.update({
              data: [{
                name: '张三',
                value: 1,
                selected: true
              }, {
                name: '李四',
                value: 2,
                selected: true
              }, {
                name: '王五',
                value: 3,
                disabled: true
              }]
            });
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              toolbar: {
                show: true
              },
              data: []
            });
            axios({
              method: 'get',
              url: 'https://www.fastmock.site/mock/98228b1f16b7e5112d6c0c87921eabc1/xmSelect/search'
            }).then(function (response) {
              var res = response.data;
              demo2.update({
                data: res.data,
                autoRow: true
              });
            });
          });
        }
      };
    }(),
    "element-demo2": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("table", {
          staticClass: "layui-table",
          attrs: {
            id: "form-create"
          }
        }, [_c("thead", [_c("tr", [_c("th", {
          staticStyle: {
            width: "50px"
          }
        }, [_vm._v("序号")]), _vm._v(" "), _c("th", [_vm._v("性别")]), _vm._v(" "), _c("th", [_vm._v("爱好")]), _vm._v(" "), _c("th", {
          staticStyle: {
            width: "150px"
          }
        }, [_vm._v("操作")])])]), _vm._v(" "), _c("tbody", [_c("tr", [_c("td", {
          attrs: {
            colspan: "3"
          }
        }, [_c("span", [_vm._v("这里呢, 演示一下动态添加多选的例子")])]), _vm._v(" "), _c("td", {
          attrs: {
            colspan: "1"
          }
        }, [_c("div", {
          staticClass: "layui-btn-group"
        }, [_c("button", {
          staticClass: "layui-btn add",
          attrs: {
            type: "button"
          }
        }, [_vm._v("增加")])])])])])])]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var $ = layui.jquery;
            var index = 1;
            $('.add').on('click', function () {
              var element = $(['<tr>', '<td>' + index + '</td>', '<td class="gender"></td>', '<td class="hobby"></td>', '<td class="handler">', '<button type="button" class="layui-btn layui-btn-normal get">取值</button>', '<button type="button" class="layui-btn layui-btn-danger del">删除</button>', '</td>', '</tr>'].join(''));
              var hobby = element.find('.hobby')[0];
              var hobbySelect = xmSelect.render({
                el: hobby,
                data: function data() {
                  return [{
                    name: '篮球' + index,
                    value: 1
                  }, {
                    name: '足球' + index,
                    value: 2
                  }, {
                    name: '乒乓球' + index,
                    value: 3
                  }];
                }
              });
              var gender = element.find('.gender')[0];
              xmSelect.render({
                el: gender,
                radio: true,
                clickClose: true,
                model: {
                  label: {
                    type: 'text'
                  }
                },
                data: function data() {
                  return [{
                    name: '男',
                    value: 1
                  }, {
                    name: '女',
                    value: 2
                  }, {
                    name: '保密',
                    value: 3
                  }];
                },
                on: function (data) {
                  var changeItem = data.change[0];
                  if (data.isAdd && changeItem.value == 3) {
                    this.update({
                      disabled: true
                    });
                  } else {
                    this.update({
                      disabled: false
                    });
                  }
                }.bind(hobbySelect)
              });
              element.find('.get').on('click', function () {
                alert('valueStr: ' + this.getValue('valueStr'));
              }.bind(hobbySelect));
              element.find('.del').on('click', function () {
                $(this).parents('tr').remove();
              });
              index++;
              $('#form-create tbody').append(element);
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/ZM05.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_ZM05vue_type_script_lang_js_ = (ZM05vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/ZM05.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_ZM05vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var ZM05 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 731:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZM06.md?vue&type=template&id=527e3a90&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<button class=\"btn\" id=\"demo1-btn\">弹出多选</button>\n\n<script>\ndocument.getElementById('demo1-btn').onclick = function(){\n\tlayer.open({\n\t\ttype: 1,\n\t\ttitle: '多选',\n\t\tcontent: '<div id=\"demo1\" class=\"xm-select-demo-alert\"></div>',\n\t\tsuccess: function(layero, index){\n\t\t\t//这里因为内容过少, 会被遮挡, 所以简单修改了下样式\n\t\t\tdocument.getElementById('layui-layer' + index).getElementsByClassName('layui-layer-content')[0].style.overflow = 'unset';\n\t\t\t//渲染多选\n\t\t\tvar demo1 = xmSelect.render({\n\t\t\t\tel: '#demo1', \n\t\t\t\tdata: [\n\t\t\t\t\t{name: '张三', value: 1, selected: true},\n\t\t\t\t\t{name: '李四', value: 2, disabled: true},\n\t\t\t\t\t{name: '王五', value: 3},\n\t\t\t\t]\n\t\t\t})\n\t\t}\n\t});\n}\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "dan-kuang-zhong-de-duo-xuan"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#dan-kuang-zhong-de-duo-xuan"
    }
  }, [_vm._v("¶")]), _vm._v(" 弹框中的多选")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "layerdan-chu-kuang"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#layerdan-chu-kuang"
    }
  }, [_vm._v("¶")]), _vm._v(" layer弹出框")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/ZM06.md?vue&type=template&id=527e3a90&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZM06.md?vue&type=script&lang=js&
/* harmony default export */ var ZM06vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo1-btn"
          }
        }, [_vm._v("弹出多选")])]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            document.getElementById('demo1-btn').onclick = function () {
              layer.open({
                type: 1,
                title: '多选',
                content: '<div id="demo1" class="xm-select-demo-alert"></div>',
                success: function success(layero, index) {
                  //这里因为内容过少, 会被遮挡, 所以简单修改了下样式
                  document.getElementById('layui-layer' + index).getElementsByClassName('layui-layer-content')[0].style.overflow = 'unset';
                  //渲染多选
                  var demo1 = xmSelect.render({
                    el: '#demo1',
                    data: [{
                      name: '张三',
                      value: 1,
                      selected: true
                    }, {
                      name: '李四',
                      value: 2,
                      disabled: true
                    }, {
                      name: '王五',
                      value: 3
                    }]
                  });
                }
              });
            };
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/ZM06.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_ZM06vue_type_script_lang_js_ = (ZM06vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/ZM06.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_ZM06vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var ZM06 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 732:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZM07.md?vue&type=template&id=6721d3df&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _vm._m(2), _vm._m(3), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n<div id=\"demo2\" class=\"xm-select-demo\"></div>\n<div id=\"xm3\" class=\"xm-select-demo\"></div>\n\n<div><button class=\"btn\" id=\"btn1\">get(所有)</button></div>\n<div><button class=\"btn\" id=\"btn2\">get(字符串)</button></div>\n<div><button class=\"btn\" id=\"btn3\">get(正则)</button></div>\n<div><button class=\"btn\" id=\"btn4\">get(过滤方法)</button></div>\n<div><button class=\"btn\" id=\"btn5\">get(获取单实例)</button></div>\n\n<script>\n\n['#demo1', '#demo2', '#xm3'].forEach((el, index) => {\n\txmSelect.render({\n\t\tel, \n\t\tdata: [\n\t\t\t{name: '张三', value: 1, selected: true},\n\t\t\t{name: '李四', value: 2},\n\t\t\t{name: '王五', value: 3, disabled: true},\n\t\t]\n\t});\n});\n\ndocument.getElementById('btn1').onclick = function(){\n\tvar xmList = xmSelect.get();\n\talert('当前页面多选个数: ' + xmList.length)\n}\n\ndocument.getElementById('btn2').onclick = function(){\n\tvar xmList = xmSelect.get('#demo2');\n\talert('获取 #demo2 实例: ' + xmList.length)\n}\n\ndocument.getElementById('btn3').onclick = function(){\n\tvar xmList = xmSelect.get(/demo.*/);\n\talert('获取匹配正则 /demo.*/ 的实例: ' + xmList.length)\n}\n\ndocument.getElementById('btn4').onclick = function(){\n\tvar xmList = xmSelect.get((el) => {\n\t\treturn el == '#demo1' || el == '#xm3'\n\t});\n\talert('自定义方法的实例: ' + xmList.length)\n}\n\ndocument.getElementById('btn5').onclick = function(){\n\tvar demo2 = xmSelect.get('#demo2', true);\n\talert('获取单实例#demo2当前选中值: ' + demo2.getValue('nameStr'));\n}\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "huo-qu-shi-li-dui-xiang"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#huo-qu-shi-li-dui-xiang"
    }
  }, [_vm._v("¶")]), _vm._v(" 获取实例对象")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "quan-ju-fang-fa-get"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#quan-ju-fang-fa-get"
    }
  }, [_vm._v("¶")]), _vm._v(" 全局方法 get")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("div", {
    staticClass: "warning"
  }, [_c("p", [_vm._v("get方法默认返回的是符合条件的数组,")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("\n//所有\nxmSelect.get();\n//字符串\nxmSelect.get('#demo2');\n//正则\nxmSelect.get(/demo.*/);\n//过滤方法\nxmSelect.get((el) => {\n\treturn el == '#demo1' || el == '#xm3'\n});\n//获取单实例\nxmSelect.get('#demo2', true);\n")])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/ZM07.md?vue&type=template&id=6721d3df&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZM07.md?vue&type=script&lang=js&
/* harmony default export */ var ZM07vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        }), _vm._v(" "), _c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        }), _vm._v(" "), _c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "xm3"
          }
        }), _vm._v(" "), _c("div", [_c("button", {
          staticClass: "btn",
          attrs: {
            id: "btn1"
          }
        }, [_vm._v("get(所有)")])]), _vm._v(" "), _c("div", [_c("button", {
          staticClass: "btn",
          attrs: {
            id: "btn2"
          }
        }, [_vm._v("get(字符串)")])]), _vm._v(" "), _c("div", [_c("button", {
          staticClass: "btn",
          attrs: {
            id: "btn3"
          }
        }, [_vm._v("get(正则)")])]), _vm._v(" "), _c("div", [_c("button", {
          staticClass: "btn",
          attrs: {
            id: "btn4"
          }
        }, [_vm._v("get(过滤方法)")])]), _vm._v(" "), _c("div", [_c("button", {
          staticClass: "btn",
          attrs: {
            id: "btn5"
          }
        }, [_vm._v("get(获取单实例)")])])]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            ['#demo1', '#demo2', '#xm3'].forEach(function (el, index) {
              xmSelect.render({
                el: el,
                data: [{
                  name: '张三',
                  value: 1,
                  selected: true
                }, {
                  name: '李四',
                  value: 2
                }, {
                  name: '王五',
                  value: 3,
                  disabled: true
                }]
              });
            });
            document.getElementById('btn1').onclick = function () {
              var xmList = xmSelect.get();
              alert('当前页面多选个数: ' + xmList.length);
            };
            document.getElementById('btn2').onclick = function () {
              var xmList = xmSelect.get('#demo2');
              alert('获取 #demo2 实例: ' + xmList.length);
            };
            document.getElementById('btn3').onclick = function () {
              var xmList = xmSelect.get(/demo.*/);
              alert('获取匹配正则 /demo.*/ 的实例: ' + xmList.length);
            };
            document.getElementById('btn4').onclick = function () {
              var xmList = xmSelect.get(function (el) {
                return el == '#demo1' || el == '#xm3';
              });
              alert('自定义方法的实例: ' + xmList.length);
            };
            document.getElementById('btn5').onclick = function () {
              var demo2 = xmSelect.get('#demo2', true);
              alert('获取单实例#demo2当前选中值: ' + demo2.getValue('nameStr'));
            };
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/ZM07.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_ZM07vue_type_script_lang_js_ = (ZM07vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/ZM07.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_ZM07vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var ZM07 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 733:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZM08.md?vue&type=template&id=4935d188&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n<div id=\"demo2\" class=\"xm-select-demo\"></div>\n<div id=\"xm3\" class=\"xm-select-demo\"></div>\n\n<div><button class=\"btn\" id=\"btn1\">batch禁用</button></div>\n<div><button class=\"btn\" id=\"btn2\">batch启用</button></div>\n<div><button class=\"btn\" id=\"btn3\">batch警告</button></div>\n<div><button class=\"btn\" id=\"btn4\">batch获取已选中数据</button></div>\n\n<pre id=\"demo-value\"></pre>\n\n<script>\n\n['#demo1', '#demo2', '#xm3'].forEach((el, index) => {\n\txmSelect.render({\n\t\tel, \n\t\tdata: [\n\t\t\t{name: '张三', value: 1, selected: true},\n\t\t\t{name: '李四', value: 2},\n\t\t\t{name: '王五', value: 3, disabled: true},\n\t\t]\n\t});\n});\n\ndocument.getElementById('btn1').onclick = function(){\n\txmSelect.batch('', 'update', {\n\t\tdisabled: true\n\t});\n}\n\ndocument.getElementById('btn2').onclick = function(){\n\txmSelect.batch('', 'update', {\n\t\tdisabled: false\n\t});\n}\n\ndocument.getElementById('btn3').onclick = function(){\n\txmSelect.batch(/demo.*/, 'warning', '#F00', true);\n}\n\ndocument.getElementById('btn4').onclick = function(){\n\tvar selectArr = xmSelect.batch(null, 'getValue', 'name');\n\tdocument.getElementById('demo-value').innerHTML = JSON.stringify(selectArr, null, 2);\n}\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "pi-liang-cao-zuo"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#pi-liang-cao-zuo"
    }
  }, [_vm._v("¶")]), _vm._v(" 批量操作")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "pi-liang-cao-zuo-yi-xuan-ran-shi-li"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#pi-liang-cao-zuo-yi-xuan-ran-shi-li"
    }
  }, [_vm._v("¶")]), _vm._v(" 批量操作已渲染实例")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("//filter, 同get方法\n//method, 需要执行的方法\n//args, 执行方法的参数\nxmSelect.batch(filter, method, ...args);\n")])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/ZM08.md?vue&type=template&id=4935d188&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZM08.md?vue&type=script&lang=js&
/* harmony default export */ var ZM08vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        }), _vm._v(" "), _c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        }), _vm._v(" "), _c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "xm3"
          }
        }), _vm._v(" "), _c("div", [_c("button", {
          staticClass: "btn",
          attrs: {
            id: "btn1"
          }
        }, [_vm._v("batch禁用")])]), _vm._v(" "), _c("div", [_c("button", {
          staticClass: "btn",
          attrs: {
            id: "btn2"
          }
        }, [_vm._v("batch启用")])]), _vm._v(" "), _c("div", [_c("button", {
          staticClass: "btn",
          attrs: {
            id: "btn3"
          }
        }, [_vm._v("batch警告")])]), _vm._v(" "), _c("div", [_c("button", {
          staticClass: "btn",
          attrs: {
            id: "btn4"
          }
        }, [_vm._v("batch获取已选中数据")])]), _vm._v(" "), _c("pre", {
          attrs: {
            id: "demo-value"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            ['#demo1', '#demo2', '#xm3'].forEach(function (el, index) {
              xmSelect.render({
                el: el,
                data: [{
                  name: '张三',
                  value: 1,
                  selected: true
                }, {
                  name: '李四',
                  value: 2
                }, {
                  name: '王五',
                  value: 3,
                  disabled: true
                }]
              });
            });
            document.getElementById('btn1').onclick = function () {
              xmSelect.batch('', 'update', {
                disabled: true
              });
            };
            document.getElementById('btn2').onclick = function () {
              xmSelect.batch('', 'update', {
                disabled: false
              });
            };
            document.getElementById('btn3').onclick = function () {
              xmSelect.batch(/demo.*/, 'warning', '#F00', true);
            };
            document.getElementById('btn4').onclick = function () {
              var selectArr = xmSelect.batch(null, 'getValue', 'name');
              document.getElementById('demo-value').innerHTML = JSON.stringify(selectArr, null, 2);
            };
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/ZM08.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_ZM08vue_type_script_lang_js_ = (ZM08vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/ZM08.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_ZM08vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var ZM08 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 734:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZP01.md?vue&type=template&id=25c2eecf&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("p", [_vm._v("至于能干什么, 就看你们的想象了~~")]), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("\n<div id=\"demo1\"></div>\n\n<script>\n//先渲染多选\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tprop: {\n\t\tname: 'username',\n\t\tvalue: 'username',\n\t},\n\tcontent: `\n\t\t<table class=\"layui-table\" lay-filter=\"demo\">\n\t\t  <thead>\n\t\t\t<tr>\n\t\t\t  <th lay-data=\"{field:'username', width:80}\">昵称</th>\n\t\t\t  <th lay-data=\"{field:'experience', width:50, sort:true}\">积分</th>\n\t\t\t  <th lay-data=\"{field:'sign', width: 200}\">签名</th>\n\t\t\t</tr> \n\t\t  </thead>\n\t\t  <tbody>\n\t\t\t<tr>\n\t\t\t  <td>贤心1</td>\n\t\t\t  <td>66</td>\n\t\t\t  <td>人生就像是一场修行a</td>\n\t\t\t</tr>\n\t\t\t<tr>\n\t\t\t  <td>贤心2</td>\n\t\t\t  <td>88</td>\n\t\t\t  <td>人生就像是一场修行b</td>\n\t\t\t</tr>\n\t\t\t<tr>\n\t\t\t  <td>贤心3</td>\n\t\t\t  <td>33</td>\n\t\t\t  <td>人生就像是一场修行c</td>\n\t\t\t</tr>\n\t\t  </tbody>\n\t\t</table>\n\t`,\n\theight: 'auto',\n})\n\nlayui.table.init('demo', {\n\tdone: function(res){\n\t\tdemo1.update({ data: res.data })\n\t}\n}).on('row(demo)', function(obj){\n\tvar values = demo1.getValue();\n\tvar item = obj.data;\n\tvar has = values.find(function(i){\n\t\treturn i.username === item.username\n\t})\n\tif(has){\n\t\tdemo1.delete([ item ]);\n\t}else{\n\t\tdemo1.append([ item ]);\n\t}\n\t\n})\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "xia-la-zi-ding-yi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xia-la-zi-ding-yi"
    }
  }, [_vm._v("¶")]), _vm._v(" 下拉自定义")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "xia-la-biao-ge"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xia-la-biao-ge"
    }
  }, [_vm._v("¶")]), _vm._v(" 下拉表格")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/ZP01.md?vue&type=template&id=25c2eecf&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZP01.md?vue&type=script&lang=js&
/* harmony default export */ var ZP01vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            //先渲染多选
            var demo1 = xmSelect.render({
              el: '#demo1',
              prop: {
                name: 'username',
                value: 'username'
              },
              content: "\n\t\t<table class=\"layui-table\" lay-filter=\"demo\">\n\t\t  <thead>\n\t\t\t<tr>\n\t\t\t  <th lay-data=\"{field:'username', width:80}\">\u6635\u79F0</th>\n\t\t\t  <th lay-data=\"{field:'experience', width:50, sort:true}\">\u79EF\u5206</th>\n\t\t\t  <th lay-data=\"{field:'sign', width: 200}\">\u7B7E\u540D</th>\n\t\t\t</tr> \n\t\t  </thead>\n\t\t  <tbody>\n\t\t\t<tr>\n\t\t\t  <td>\u8D24\u5FC31</td>\n\t\t\t  <td>66</td>\n\t\t\t  <td>\u4EBA\u751F\u5C31\u50CF\u662F\u4E00\u573A\u4FEE\u884Ca</td>\n\t\t\t</tr>\n\t\t\t<tr>\n\t\t\t  <td>\u8D24\u5FC32</td>\n\t\t\t  <td>88</td>\n\t\t\t  <td>\u4EBA\u751F\u5C31\u50CF\u662F\u4E00\u573A\u4FEE\u884Cb</td>\n\t\t\t</tr>\n\t\t\t<tr>\n\t\t\t  <td>\u8D24\u5FC33</td>\n\t\t\t  <td>33</td>\n\t\t\t  <td>\u4EBA\u751F\u5C31\u50CF\u662F\u4E00\u573A\u4FEE\u884Cc</td>\n\t\t\t</tr>\n\t\t  </tbody>\n\t\t</table>\n\t",
              height: 'auto'
            });
            layui.table.init('demo', {
              done: function done(res) {
                demo1.update({
                  data: res.data
                });
              }
            }).on('row(demo)', function (obj) {
              var values = demo1.getValue();
              var item = obj.data;
              var has = values.find(function (i) {
                return i.username === item.username;
              });
              if (has) {
                demo1["delete"]([item]);
              } else {
                demo1.append([item]);
              }
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/ZP01.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_ZP01vue_type_script_lang_js_ = (ZP01vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/ZP01.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_ZP01vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var ZP01 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 735:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZP02.md?vue&type=template&id=2f3236b0&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("p", [_vm._v("默认配置")]), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v('\n<div id="demo1" class="xm-select-demo"></div>\n\n<br/>\n<div class="layui-form">\n\t<input type="checkbox" name="showFolderIcon" lay-filter="showFolderIcon" lay-skin="primary" title="是否展示三角图标" checked>\n\t<input type="checkbox" name="showLine" lay-filter="showLine" lay-skin="primary" title="是否显示虚线" checked>\n\t<input type="checkbox" name="strict" lay-filter="strict" lay-skin="primary" title="严格父子结构" checked>\n\t<input type="checkbox" name="simple" lay-filter="simple" lay-skin="primary" title="极简模式">\n\t\n\t<br/><br/>\n\t<input type="checkbox" name="hidden" lay-filter="hidden" lay-skin="primary" title="隐藏父节点图标">\n\t<input type="checkbox" name="custom" lay-filter="custom" lay-skin="primary" title="自定义图标">\n\t<input type="checkbox" name="all" lay-filter="all" lay-skin="primary" title="展开所有节点">\n\t<input type="checkbox" name="close" lay-filter="close" lay-skin="primary" title="闭合所有节点">\n\t<input type="checkbox" name="key3" lay-filter="key3" lay-skin="primary" title="展开指定节点">\n\t\n\t<br/><br/>\n\t<input type="checkbox" name="clickExpand" lay-filter="clickExpand" lay-skin="primary" title="clickExpand" checked>\n\t<input type="checkbox" name="clickCheck" lay-filter="clickCheck" lay-skin="primary" title="clickExpand" checked>\n\t\n</div>\n\n<div style="margin-top: 20px">间距</div>\n<div id="slideTest1"></div>\n\n\n<script>\nlayui.form.render();\n\n[\'showFolderIcon\', \'showLine\', \'strict\', \'simple\'].forEach(function(key){\n\tlayui.form.on(\'checkbox(\'+key+\')\', function(data){\n\t\tvar treeConfig = {};\n\t\ttreeConfig[key] = data.elem.checked;\n\t\tdemo1.update({\n\t\t\ttree: treeConfig\n\t\t})\n\t});\n})\n\n//控制显示父节点的图标\nlayui.form.on(\'checkbox(hidden)\', function(data){\n\tdemo1.update({\n\t\ticonfont: {\n\t\t\tparent: data.elem.checked ? \'hidden\' : \'\',\n\t\t}\n\t})\n});\n\n//自定义图标\nlayui.form.on(\'checkbox(custom)\', function(data){\n\tlet iconfont = data.elem.checked ? {\n\t\tselect: \'layui-icon layui-icon-chart\',\n\t\tunselect: \'layui-icon-ok-circle\',\n\t\thalf: \'layui-icon layui-icon-table\',\n\t\tparent: \'layui-icon layui-icon-survey\',\n\t} : {\n\t\tselect: \'\',\n\t\tunselect: \'\',\n\t\thalf: \'\',\n\t\tparent: \'\',\n\t}\n\tdemo1.update({\n\t\ticonfont: iconfont\n\t})\n\tlayui.form.render();\n});\n\n//展开所有节点\nlayui.form.on(\'checkbox(all)\', function(data){\n\tif(data.elem.checked){\n\t\tdemo1.changeExpandedKeys(true)\n\t}\n});\n\n//闭合所有节点\nlayui.form.on(\'checkbox(close)\', function(data){\n\tif(data.elem.checked){\n\t\tdemo1.changeExpandedKeys(false)\n\t}\n});\n\n//展开指定节点\nlayui.form.on(\'checkbox(key3)\', function(data){\n\tif(data.elem.checked){\n\t\tdemo1.changeExpandedKeys([ -3 ])\n\t}\n});\n\nlayui.form.on(\'checkbox(clickExpand)\', function(data){\n\tdemo1.update({\n\t\ttree: {\n\t\t\tclickExpand: data.elem.checked\n\t\t}\n\t})\n});\n\nlayui.form.on(\'checkbox(clickCheck)\', function(data){\n\tdemo1.update({\n\t\ttree: {\n\t\t\tclickCheck: data.elem.checked\n\t\t}\n\t})\n});\n\nlayui.slider.render({\n\telem: \'#slideTest1\',\n\tmin: 10,\n\tmax: 100,\n\tshowstep: true,\n\tinput: true,\n\ttips: true,\n\tvalue: 20,\n\tchange: function(value){\n\t\tdemo1.update({\n\t\t\ttree: {\n\t\t\t\tindent: value\n\t\t\t}\n\t\t})\n\t}\n});\n\nvar demo1 = xmSelect.render({\n\tel: \'#demo1\', \n\tautoRow: true,\n\tfilterable: true,\n\ttree: {\n\t\tshow: true,\n\t\tshowFolderIcon: true,\n\t\tshowLine: true,\n\t\tindent: 20,\n\t\texpandedKeys: [ -3 ],\n\t},\n\ttoolbar: {\n\t\tshow: true,\n\t\tlist: [\'ALL\', \'REVERSE\', \'CLEAR\']\n\t},\n\tfilterable: true,\n\theight: \'auto\',\n\tdata: function(){\n\t\treturn [\n\t\t\t{name: \'销售员\', value: -1, disabled: true, children: [\n\t\t\t\t{name: \'张三1\', value: 1, selected: true, children: []},\n\t\t\t\t{name: \'李四1\', value: 2, selected: true},\n\t\t\t\t{name: \'王五1\', value: 3, disabled: true},\n\t\t\t]},\n\t\t\t{name: \'奖品\', value: -2, children: [\n\t\t\t\t{name: \'奖品3\', value: -3, children: [\n\t\t\t\t\t{name: \'苹果3\', value: 14, selected: true},\n\t\t\t\t\t{name: \'香蕉3\', value: 15},\n\t\t\t\t\t{name: \'葡萄3\', value: 16},\n\t\t\t\t]},\n\t\t\t\t{name: \'苹果2\', value: 4, selected: true, disabled: true},\n\t\t\t\t{name: \'香蕉2\', value: 5},\n\t\t\t\t{name: \'葡萄2\', value: 6},\n\t\t\t]},\n\t\t]\n\t}\n})\n</script>\n')])])])], 2), _vm._m(3), _vm._m(4), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo1")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo2\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo2 = xmSelect.render({\n\tel: '#demo2', \n\tautoRow: true,\n\ttree: {\n\t\tshow: true,\n\t\tshowFolderIcon: true,\n\t\tshowLine: true,\n\t\tindent: 20,\n\t\texpandedKeys: [ -1 ],\n\t\tlazy: true,\n\t\tload: function(item, cb){\n\t\t\tsetTimeout(function(){\n\t\t\t\tif(item.name.endsWith('2')){\n\t\t\t\t\treturn cb([]);\n\t\t\t\t}\n\t\t\t\tcb([\n\t\t\t\t\t{name: item.name + 1, value: item.value + '1', children: [] },\n\t\t\t\t\t{name: item.name + 2, value: item.value + '2', children: [] },\n\t\t\t\t])\n\t\t\t}, 500)\n\t\t}\n\t},\n\theight: 'auto',\n\tdata(){\n\t\treturn [\n\t\t\t{name: '销售员', value: -1, children: [\n\t\t\t\t{name: '张三', value: 100, selected: true, children: []},\n\t\t\t\t{name: '李四1', value: 2, selected: true},\n\t\t\t\t{name: '王五1', value: 3, disabled: true},\n\t\t\t]},\n\t\t\t{name: '奖品', value: -2, children: [\n\t\t\t\t{name: '奖品3', value: -3, children: [\n\t\t\t\t\t{name: '苹果3', value: 14, selected: true},\n\t\t\t\t\t{name: '香蕉3', value: 15},\n\t\t\t\t\t{name: '葡萄3', value: 16},\n\t\t\t\t]},\n\t\t\t\t{name: '苹果2', value: 4, selected: true, disabled: true},\n\t\t\t\t{name: '香蕉2', value: 5},\n\t\t\t\t{name: '葡萄2', value: 6},\n\t\t\t]},\n\t\t]\n\t}\n})\n</script>\n")])])])], 2), _vm._m(5), _vm._m(6), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo2")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo3\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo3 = xmSelect.render({\n\tel: '#demo3', \n\tmodel: { label: { type: 'text' } },\n\tradio: true,\n\tclickClose: true,\n\ttree: {\n\t\tshow: true,\n\t\tstrict: false,\n\t\texpandedKeys: [ -1 ],\n\t},\n\theight: 'auto',\n\tdata(){\n\t\treturn [\n\t\t\t{name: '销售员', value: -1, children: [\n\t\t\t\t{name: '张三', value: 100, selected: true, children: []},\n\t\t\t\t{name: '李四1', value: 2, selected: true},\n\t\t\t\t{name: '王五1', value: 3, disabled: true},\n\t\t\t]},\n\t\t\t{name: '奖品', value: -2, children: [\n\t\t\t\t{name: '奖品3', value: -3, children: [\n\t\t\t\t\t{name: '苹果3', value: 14, selected: true},\n\t\t\t\t\t{name: '香蕉3', value: 15},\n\t\t\t\t\t{name: '葡萄3', value: 16},\n\t\t\t\t]},\n\t\t\t\t{name: '苹果2', value: 4, selected: true, disabled: true},\n\t\t\t\t{name: '香蕉2', value: 5},\n\t\t\t\t{name: '葡萄2', value: 6},\n\t\t\t]},\n\t\t]\n\t}\n})\n</script>\n")])])])], 2), _vm._m(7), _vm._m(8), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo3")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo4\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo4 = xmSelect.render({\n\tel: '#demo4', \n\tmodel: { label: { type: 'text' } },\n\ttree: {\n\t\tshow: true,\n\t\tstrict: false,\n\t\texpandedKeys: [ -1 ],\n\t},\n\ton: function(data){\n\t\tif(data.isAdd){\n\t\t\treturn data.change.slice(0, 1)\n\t\t}\n\t},\n\theight: 'auto',\n})\n\n//这里模拟ajax\nsetTimeout(function(){\n\tdemo4.update({\n\t\tdata: [\n\t\t\t{name: '销售员', value: -1, children: [\n\t\t\t\t{name: '张三', value: 100, children: []},\n\t\t\t\t{name: '李四1', value: 2},\n\t\t\t\t{name: '王五1', value: 3, disabled: true},\n\t\t\t]},\n\t\t\t{name: '奖品', value: -2, children: [\n\t\t\t\t{name: '奖品3', value: -3, children: [\n\t\t\t\t\t{name: '苹果3', value: 14},\n\t\t\t\t\t{name: '香蕉3', value: 15},\n\t\t\t\t\t{name: '葡萄3', value: 16},\n\t\t\t\t]},\n\t\t\t\t{name: '苹果2', value: 4, disabled: true},\n\t\t\t\t{name: '香蕉2', value: 5},\n\t\t\t\t{name: '葡萄2', value: 6},\n\t\t\t]},\n\t\t]\n\t})\n\t\n\t//设置默认值\n\tdemo4.setValue([\n\t\t{name: '李四1', value: 2},\n\t\t{name: '苹果3', value: 14},\n\t], null, true)\n\t\n}, 300)\n\n</script>\n")])])])], 2), _vm._m(9), _vm._m(10), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo4")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo5\" class=\"xm-select-demo\"></div>\n\n<script>\nvar demo5 = xmSelect.render({\n\tel: '#demo5', \n\ttree: {\n\t\tshow: true,\n\t\texpandedKeys: true,\n\t},\n\theight: 'auto',\n\tdata: [\n\t\t{name: '销售员', value: -1, children: [\n\t\t\t{name: '张三', value: 100, children: []},\n\t\t\t{name: '李四1', value: 2},\n\t\t\t{name: '王五1', value: 3, disabled: true},\n\t\t]},\n\t\t{name: '奖品', value: -2, children: [\n\t\t\t{name: '奖品3', value: -3, children: [\n\t\t\t\t{name: '苹果3', value: 14},\n\t\t\t\t{name: '香蕉3', value: 15},\n\t\t\t\t{name: '葡萄3', value: 16},\n\t\t\t]},\n\t\t\t{name: '苹果2', value: 4, disabled: true},\n\t\t\t{name: '香蕉2', value: 5},\n\t\t\t{name: '葡萄2', value: 6},\n\t\t]},\n\t]\n})\n\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "xia-la-shu"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xia-la-shu"
    }
  }, [_vm._v("¶")]), _vm._v(" 下拉树")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "tree"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#tree"
    }
  }, [_vm._v("¶")]), _vm._v(" tree")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("tree: {\n\t//是否显示树状结构\n\tshow: true,\n\t//是否展示三角图标\n\tshowFolderIcon: true,\n\t//是否显示虚线\n\tshowLine: false,\n\t//间距\n\tindent: 20,\n\t//默认展开节点的数组, 为 true 时, 展开所有节点\n\texpandedKeys: [], \n\t//是否严格遵守父子模式\n\tstrict: true,\n\t//是否开启极简模式\n\tsimple: false,\n\t//点击节点是否展开\n\tclickExpand: true,\n\t//点击节点是否选中\n\tclickCheck: true,\n},\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "lan-jia-zai-de-shu"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#lan-jia-zai-de-shu"
    }
  }, [_vm._v("¶")]), _vm._v(" 懒加载的树")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("tree: {\n\tshow: true,\n\texpandedKeys: [ -1 ],\n\t//开启懒加载\n\tlazy: true,\n\t//加载方法\n\tload: function(item, cb){\n\t\t//item: 点击的节点, cb: 回调函数\n\t\t//这里模拟ajax\n\t\tsetTimeout(function(){\n\t\t\tvar name = item.name + 1;\n\t\t\tcb([\n\t\t\t\t{name: item.name + 1, value: item.value + '1', children: [] },\n\t\t\t\t{name: item.name + 2, value: item.value + '2' },\n\t\t\t])\n\t\t}, 500)\n\t}\n},\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "dan-xuan-shu-radiomo-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#dan-xuan-shu-radiomo-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 单选树(radio模式)")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("//显示为text模式\nmodel: { label: { type: 'text' } },\n//单选模式\nradio: true,\n//选中关闭\nclickClose: true,\n//树\ntree: {\n\tshow: true,\n\t//非严格模式\n\tstrict: false,\n\t//默认展开节点\n\texpandedKeys: [ -1 ],\n},\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "dan-xuan-shu-onchu-li-mo-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#dan-xuan-shu-onchu-li-mo-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 单选树(on处理模式)")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("//显示为text模式\nmodel: { label: { type: 'text' } },\n//树\ntree: {\n\tshow: true,\n\t//非严格模式\n\tstrict: false,\n\t//默认展开节点\n\texpandedKeys: [ -1, -3 ],\n},\n//处理方式\non: function(data){\n\tif(data.isAdd){\n\t\treturn data.change.slice(0, 1)\n\t}\n},\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "mo-ren-zhan-kai-suo-you-jie-dian"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#mo-ren-zhan-kai-suo-you-jie-dian"
    }
  }, [_vm._v("¶")]), _vm._v(" 默认展开所有节点")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("tree: {\n\tshow: true,\n\t//展开所有节点\n\texpandedKeys: true,\n},\n")])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/ZP02.md?vue&type=template&id=2f3236b0&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZP02.md?vue&type=script&lang=js&
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
/* harmony default export */ var ZP02vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        }), _vm._v(" "), _c("br"), _vm._v(" "), _c("div", {
          staticClass: "layui-form"
        }, [_c("input", {
          attrs: {
            type: "checkbox",
            name: "showFolderIcon",
            "lay-filter": "showFolderIcon",
            "lay-skin": "primary",
            title: "是否展示三角图标",
            checked: ""
          }
        }), _vm._v(" "), _c("input", {
          attrs: {
            type: "checkbox",
            name: "showLine",
            "lay-filter": "showLine",
            "lay-skin": "primary",
            title: "是否显示虚线",
            checked: ""
          }
        }), _vm._v(" "), _c("input", {
          attrs: {
            type: "checkbox",
            name: "strict",
            "lay-filter": "strict",
            "lay-skin": "primary",
            title: "严格父子结构",
            checked: ""
          }
        }), _vm._v(" "), _c("input", {
          attrs: {
            type: "checkbox",
            name: "simple",
            "lay-filter": "simple",
            "lay-skin": "primary",
            title: "极简模式"
          }
        }), _vm._v(" "), _c("br"), _c("br"), _vm._v(" "), _c("input", {
          attrs: {
            type: "checkbox",
            name: "hidden",
            "lay-filter": "hidden",
            "lay-skin": "primary",
            title: "隐藏父节点图标"
          }
        }), _vm._v(" "), _c("input", {
          attrs: {
            type: "checkbox",
            name: "custom",
            "lay-filter": "custom",
            "lay-skin": "primary",
            title: "自定义图标"
          }
        }), _vm._v(" "), _c("input", {
          attrs: {
            type: "checkbox",
            name: "all",
            "lay-filter": "all",
            "lay-skin": "primary",
            title: "展开所有节点"
          }
        }), _vm._v(" "), _c("input", {
          attrs: {
            type: "checkbox",
            name: "close",
            "lay-filter": "close",
            "lay-skin": "primary",
            title: "闭合所有节点"
          }
        }), _vm._v(" "), _c("input", {
          attrs: {
            type: "checkbox",
            name: "key3",
            "lay-filter": "key3",
            "lay-skin": "primary",
            title: "展开指定节点"
          }
        }), _vm._v(" "), _c("br"), _c("br"), _vm._v(" "), _c("input", {
          attrs: {
            type: "checkbox",
            name: "clickExpand",
            "lay-filter": "clickExpand",
            "lay-skin": "primary",
            title: "clickExpand",
            checked: ""
          }
        }), _vm._v(" "), _c("input", {
          attrs: {
            type: "checkbox",
            name: "clickCheck",
            "lay-filter": "clickCheck",
            "lay-skin": "primary",
            title: "clickExpand",
            checked: ""
          }
        })]), _vm._v(" "), _c("div", {
          staticStyle: {
            "margin-top": "20px"
          }
        }, [_vm._v("间距")]), _vm._v(" "), _c("div", {
          attrs: {
            id: "slideTest1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var _xmSelect$render;
            layui.form.render();
            ['showFolderIcon', 'showLine', 'strict', 'simple'].forEach(function (key) {
              layui.form.on('checkbox(' + key + ')', function (data) {
                var treeConfig = {};
                treeConfig[key] = data.elem.checked;
                demo1.update({
                  tree: treeConfig
                });
              });
            });

            //控制显示父节点的图标
            layui.form.on('checkbox(hidden)', function (data) {
              demo1.update({
                iconfont: {
                  parent: data.elem.checked ? 'hidden' : ''
                }
              });
            });

            //自定义图标
            layui.form.on('checkbox(custom)', function (data) {
              var iconfont = data.elem.checked ? {
                select: 'layui-icon layui-icon-chart',
                unselect: 'layui-icon-ok-circle',
                half: 'layui-icon layui-icon-table',
                parent: 'layui-icon layui-icon-survey'
              } : {
                select: '',
                unselect: '',
                half: '',
                parent: ''
              };
              demo1.update({
                iconfont: iconfont
              });
              layui.form.render();
            });

            //展开所有节点
            layui.form.on('checkbox(all)', function (data) {
              if (data.elem.checked) {
                demo1.changeExpandedKeys(true);
              }
            });

            //闭合所有节点
            layui.form.on('checkbox(close)', function (data) {
              if (data.elem.checked) {
                demo1.changeExpandedKeys(false);
              }
            });

            //展开指定节点
            layui.form.on('checkbox(key3)', function (data) {
              if (data.elem.checked) {
                demo1.changeExpandedKeys([-3]);
              }
            });
            layui.form.on('checkbox(clickExpand)', function (data) {
              demo1.update({
                tree: {
                  clickExpand: data.elem.checked
                }
              });
            });
            layui.form.on('checkbox(clickCheck)', function (data) {
              demo1.update({
                tree: {
                  clickCheck: data.elem.checked
                }
              });
            });
            layui.slider.render({
              elem: '#slideTest1',
              min: 10,
              max: 100,
              showstep: true,
              input: true,
              tips: true,
              value: 20,
              change: function change(value) {
                demo1.update({
                  tree: {
                    indent: value
                  }
                });
              }
            });
            var demo1 = xmSelect.render((_xmSelect$render = {
              el: '#demo1',
              autoRow: true,
              filterable: true,
              tree: {
                show: true,
                showFolderIcon: true,
                showLine: true,
                indent: 20,
                expandedKeys: [-3]
              },
              toolbar: {
                show: true,
                list: ['ALL', 'REVERSE', 'CLEAR']
              }
            }, _defineProperty(_xmSelect$render, "filterable", true), _defineProperty(_xmSelect$render, "height", 'auto'), _defineProperty(_xmSelect$render, "data", function data() {
              return [{
                name: '销售员',
                value: -1,
                disabled: true,
                children: [{
                  name: '张三1',
                  value: 1,
                  selected: true,
                  children: []
                }, {
                  name: '李四1',
                  value: 2,
                  selected: true
                }, {
                  name: '王五1',
                  value: 3,
                  disabled: true
                }]
              }, {
                name: '奖品',
                value: -2,
                children: [{
                  name: '奖品3',
                  value: -3,
                  children: [{
                    name: '苹果3',
                    value: 14,
                    selected: true
                  }, {
                    name: '香蕉3',
                    value: 15
                  }, {
                    name: '葡萄3',
                    value: 16
                  }]
                }, {
                  name: '苹果2',
                  value: 4,
                  selected: true,
                  disabled: true
                }, {
                  name: '香蕉2',
                  value: 5
                }, {
                  name: '葡萄2',
                  value: 6
                }]
              }];
            }), _xmSelect$render));
          });
        }
      };
    }(),
    "element-demo1": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo2"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo2 = xmSelect.render({
              el: '#demo2',
              autoRow: true,
              tree: {
                show: true,
                showFolderIcon: true,
                showLine: true,
                indent: 20,
                expandedKeys: [-1],
                lazy: true,
                load: function load(item, cb) {
                  setTimeout(function () {
                    if (item.name.endsWith('2')) {
                      return cb([]);
                    }
                    cb([{
                      name: item.name + 1,
                      value: item.value + '1',
                      children: []
                    }, {
                      name: item.name + 2,
                      value: item.value + '2',
                      children: []
                    }]);
                  }, 500);
                }
              },
              height: 'auto',
              data: function data() {
                return [{
                  name: '销售员',
                  value: -1,
                  children: [{
                    name: '张三',
                    value: 100,
                    selected: true,
                    children: []
                  }, {
                    name: '李四1',
                    value: 2,
                    selected: true
                  }, {
                    name: '王五1',
                    value: 3,
                    disabled: true
                  }]
                }, {
                  name: '奖品',
                  value: -2,
                  children: [{
                    name: '奖品3',
                    value: -3,
                    children: [{
                      name: '苹果3',
                      value: 14,
                      selected: true
                    }, {
                      name: '香蕉3',
                      value: 15
                    }, {
                      name: '葡萄3',
                      value: 16
                    }]
                  }, {
                    name: '苹果2',
                    value: 4,
                    selected: true,
                    disabled: true
                  }, {
                    name: '香蕉2',
                    value: 5
                  }, {
                    name: '葡萄2',
                    value: 6
                  }]
                }];
              }
            });
          });
        }
      };
    }(),
    "element-demo2": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo3"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo3 = xmSelect.render({
              el: '#demo3',
              model: {
                label: {
                  type: 'text'
                }
              },
              radio: true,
              clickClose: true,
              tree: {
                show: true,
                strict: false,
                expandedKeys: [-1]
              },
              height: 'auto',
              data: function data() {
                return [{
                  name: '销售员',
                  value: -1,
                  children: [{
                    name: '张三',
                    value: 100,
                    selected: true,
                    children: []
                  }, {
                    name: '李四1',
                    value: 2,
                    selected: true
                  }, {
                    name: '王五1',
                    value: 3,
                    disabled: true
                  }]
                }, {
                  name: '奖品',
                  value: -2,
                  children: [{
                    name: '奖品3',
                    value: -3,
                    children: [{
                      name: '苹果3',
                      value: 14,
                      selected: true
                    }, {
                      name: '香蕉3',
                      value: 15
                    }, {
                      name: '葡萄3',
                      value: 16
                    }]
                  }, {
                    name: '苹果2',
                    value: 4,
                    selected: true,
                    disabled: true
                  }, {
                    name: '香蕉2',
                    value: 5
                  }, {
                    name: '葡萄2',
                    value: 6
                  }]
                }];
              }
            });
          });
        }
      };
    }(),
    "element-demo3": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo4"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo4 = xmSelect.render({
              el: '#demo4',
              model: {
                label: {
                  type: 'text'
                }
              },
              tree: {
                show: true,
                strict: false,
                expandedKeys: [-1]
              },
              on: function on(data) {
                if (data.isAdd) {
                  return data.change.slice(0, 1);
                }
              },
              height: 'auto'
            });

            //这里模拟ajax
            setTimeout(function () {
              demo4.update({
                data: [{
                  name: '销售员',
                  value: -1,
                  children: [{
                    name: '张三',
                    value: 100,
                    children: []
                  }, {
                    name: '李四1',
                    value: 2
                  }, {
                    name: '王五1',
                    value: 3,
                    disabled: true
                  }]
                }, {
                  name: '奖品',
                  value: -2,
                  children: [{
                    name: '奖品3',
                    value: -3,
                    children: [{
                      name: '苹果3',
                      value: 14
                    }, {
                      name: '香蕉3',
                      value: 15
                    }, {
                      name: '葡萄3',
                      value: 16
                    }]
                  }, {
                    name: '苹果2',
                    value: 4,
                    disabled: true
                  }, {
                    name: '香蕉2',
                    value: 5
                  }, {
                    name: '葡萄2',
                    value: 6
                  }]
                }]
              });

              //设置默认值
              demo4.setValue([{
                name: '李四1',
                value: 2
              }, {
                name: '苹果3',
                value: 14
              }], null, true);
            }, 300);
          });
        }
      };
    }(),
    "element-demo4": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo5"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo5 = xmSelect.render({
              el: '#demo5',
              tree: {
                show: true,
                expandedKeys: true
              },
              height: 'auto',
              data: [{
                name: '销售员',
                value: -1,
                children: [{
                  name: '张三',
                  value: 100,
                  children: []
                }, {
                  name: '李四1',
                  value: 2
                }, {
                  name: '王五1',
                  value: 3,
                  disabled: true
                }]
              }, {
                name: '奖品',
                value: -2,
                children: [{
                  name: '奖品3',
                  value: -3,
                  children: [{
                    name: '苹果3',
                    value: 14
                  }, {
                    name: '香蕉3',
                    value: 15
                  }, {
                    name: '葡萄3',
                    value: 16
                  }]
                }, {
                  name: '苹果2',
                  value: 4,
                  disabled: true
                }, {
                  name: '香蕉2',
                  value: 5
                }, {
                  name: '葡萄2',
                  value: 6
                }]
              }]
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/ZP02.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_ZP02vue_type_script_lang_js_ = (ZP02vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/ZP02.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_ZP02vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var ZP02 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 736:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZP03.md?vue&type=template&id=59446fe2&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("\n<div id=\"demo1\" style=\"width: 274px;\"></div>\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tcontent: '<div id=\"laydate\" />',\n\theight: 'auto',\n\tautoRow: true,\n\ton: function(data){\n\t\tif(!data.isAdd){\n\t\t\tdateSelect(demo1.getValue('value'));\n\t\t}\n\t}\n})\n\nlayui.laydate.render({\n\telem: '#laydate',\n\tposition: 'static',\n\tshowBottom: false,\n\tformat: 'yyyy-M-dd',\n\tchange: function(){\n\t\tdateSelect(demo1.getValue('value'));\n\t},\n\tdone: function(value){\n\t\tconsole.log(value)\n\t\tvar values = demo1.getValue('value');\n\t\tvar index = values.findIndex(function(val){\n\t\t\treturn val === value\n\t\t});\n\t\t\n\t\tif(index != -1){\n\t\t\tvalues.splice(index, 1);\n\t\t}else{\n\t\t\tvalues.push(value);\n\t\t}\n\t\t\n\t\tdateSelect(values);\n\t\t\n\t\tdemo1.update({\n\t\t\tdata: values.map(function(val){\n\t\t\t\treturn {\n\t\t\t\t\tname: val,\n\t\t\t\t\tvalue: val,\n\t\t\t\t\tselected: true,\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t},\n\tready: removeAll,\n})\n\nfunction removeAll(){\n\tdocument.querySelectorAll('#laydate td[lay-ymd].layui-this').forEach(function(dom){\n\t\tdom.classList.remove('layui-this');\n\t});\n}\n\nfunction dateSelect(values){\n\tremoveAll();\n\tvalues.forEach(function(val){\n\t\tvar dom = document.querySelector('#laydate td[lay-ymd=\"'+val.replace(/-0([1-9])/g, '-$1')+'\"]');\n\t\tdom && dom.classList.add('layui-this');\n\t});\n}\n\n//这里仅仅提供一个演示, 更多的想法由你自己来创造\n\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "xia-la-ri-qi-duo-xuan"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xia-la-ri-qi-duo-xuan"
    }
  }, [_vm._v("¶")]), _vm._v(" 下拉日期多选")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "laydate"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#laydate"
    }
  }, [_vm._v("¶")]), _vm._v(" laydate")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("//css调整部分\nxm-select .scroll-body{\n\tmargin-top: -5px;\n}\nxm-select .xm-body{\n\tpadding: 0;\n\tborder: none;\n\tbackground-color: usnet;\n\tbox-shadow: none;\n}\n")])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/ZP03.md?vue&type=template&id=59446fe2&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZP03.md?vue&type=script&lang=js&
/* harmony default export */ var ZP03vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticStyle: {
            width: "274px"
          },
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              content: '<div id="laydate" />',
              height: 'auto',
              autoRow: true,
              on: function on(data) {
                if (!data.isAdd) {
                  dateSelect(demo1.getValue('value'));
                }
              }
            });
            layui.laydate.render({
              elem: '#laydate',
              position: 'static',
              showBottom: false,
              format: 'yyyy-M-dd',
              change: function change() {
                dateSelect(demo1.getValue('value'));
              },
              done: function done(value) {
                console.log(value);
                var values = demo1.getValue('value');
                var index = values.findIndex(function (val) {
                  return val === value;
                });
                if (index != -1) {
                  values.splice(index, 1);
                } else {
                  values.push(value);
                }
                dateSelect(values);
                demo1.update({
                  data: values.map(function (val) {
                    return {
                      name: val,
                      value: val,
                      selected: true
                    };
                  })
                });
              },
              ready: removeAll
            });
            function removeAll() {
              document.querySelectorAll('#laydate td[lay-ymd].layui-this').forEach(function (dom) {
                dom.classList.remove('layui-this');
              });
            }
            function dateSelect(values) {
              removeAll();
              values.forEach(function (val) {
                var dom = document.querySelector('#laydate td[lay-ymd="' + val.replace(/-0([1-9])/g, '-$1') + '"]');
                dom && dom.classList.add('layui-this');
              });
            }

            //这里仅仅提供一个演示, 更多的想法由你自己来创造
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/ZP03.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_ZP03vue_type_script_lang_js_ = (ZP03vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/ZP03.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_ZP03vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var ZP03 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 737:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZP04.md?vue&type=template&id=7f7411ba&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("\n<div id=\"demo1\" style=\"width: 500px;\"></div>\n\n<script>\n\nvar list = [\n\t{ name: '杜甫', selected: true, content: '杜甫的思想核心是儒家的仁政思想，他有“致君尧舜上，再使风俗淳”的宏伟抱负。杜甫虽然在世时名声并不显赫，但后来声名远播，对中国文学和日本文学都产生了深远的影响。杜甫共有约1500首诗歌被保留了下来，大多集于《杜工部集》。' },\n\t{ name: '李清照', content: '李清照出生于书香门第，早期生活优裕，其父李格非藏书甚富，她小时候就在良好的家庭环境中打下文学基础。出嫁后与夫赵明诚共同致力于书画金石的搜集整理。金兵入据中原时，流寓南方，境遇孤苦。所作词，前期多写其悠闲生活，后期多悲叹身世，情调感伤。形式上善用白描手法，自辟途径，语言清丽。' },\n\t{ name: '鲁迅', content: '鲁迅一生在文学创作、文学批评、思想研究、文学史研究、翻译、美术理论引进、基础科学介绍和古籍校勘与研究等多个领域具有重大贡献。他对于五四运动以后的中国社会思想文化发展具有重大影响，蜚声世界文坛，尤其在韩国、日本思想文化领域有极其重要的地位和影响，被誉为“二十世纪东亚文化地图上占最大领土的作家”。' },\n]\n\nvar html = list.map(function(item){\n\treturn `\n\t\t<div class=\"layui-colla-item\">\n\t\t\t<h2 class=\"layui-colla-title\" value=\"${item.name}\">${ item.name }</h2>\n\t\t\t<div class=\"layui-colla-content ${ item.selected && 'layui-show' }\">${ item.content }</div>\n\t\t</div>\n\t`\n}).join('');\n\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tcontent: `\n\t\t<div class=\"layui-collapse\" lay-filter=\"collapse\">\n\t\t\t${ html }\n\t\t</div>\n\t`,\n\theight: 'auto',\n\tautoRow: true,\n\tdata: list,\n\tprop: { value: 'name' },\n\ton: function(data){\n\t\tif(!data.isAdd){\n\t\t\tvar item = data.change[0];\n\t\t\tdocument.querySelector(`#demo1 .layui-collapse .layui-colla-title[value=\"${item.name}\"]`).nextElementSibling.classList.remove('layui-show')\n\t\t}\n\t}\n})\n\nlayui.element.init()\n\nlayui.element.on('collapse(collapse)', function(data){\n\tlet value = data.title.attr('value');\n\tif(data.show){\n\t\tdemo1.append([ value ])\n\t}else{\n\t\tdemo1.delete([ value ])\n\t}\n});\n\n//这里仅仅提供一个演示, 更多的想法由你自己来创造\n\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "xia-la-zhe-die-mian-ban"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xia-la-zhe-die-mian-ban"
    }
  }, [_vm._v("¶")]), _vm._v(" 下拉折叠面板")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "layuizhe-die-mian-ban"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#layuizhe-die-mian-ban"
    }
  }, [_vm._v("¶")]), _vm._v(" layui折叠面板")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("//css调整部分\nxm-select .scroll-body{\n\tmargin-top: -5px;\n}\nxm-select .xm-body{\n\tpadding: 0;\n\tborder: none;\n\tbackground-color: usnet;\n\tbox-shadow: none;\n}\n")])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/ZP04.md?vue&type=template&id=7f7411ba&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZP04.md?vue&type=script&lang=js&
/* harmony default export */ var ZP04vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticStyle: {
            width: "500px"
          },
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var list = [{
              name: '杜甫',
              selected: true,
              content: '杜甫的思想核心是儒家的仁政思想，他有“致君尧舜上，再使风俗淳”的宏伟抱负。杜甫虽然在世时名声并不显赫，但后来声名远播，对中国文学和日本文学都产生了深远的影响。杜甫共有约1500首诗歌被保留了下来，大多集于《杜工部集》。'
            }, {
              name: '李清照',
              content: '李清照出生于书香门第，早期生活优裕，其父李格非藏书甚富，她小时候就在良好的家庭环境中打下文学基础。出嫁后与夫赵明诚共同致力于书画金石的搜集整理。金兵入据中原时，流寓南方，境遇孤苦。所作词，前期多写其悠闲生活，后期多悲叹身世，情调感伤。形式上善用白描手法，自辟途径，语言清丽。'
            }, {
              name: '鲁迅',
              content: '鲁迅一生在文学创作、文学批评、思想研究、文学史研究、翻译、美术理论引进、基础科学介绍和古籍校勘与研究等多个领域具有重大贡献。他对于五四运动以后的中国社会思想文化发展具有重大影响，蜚声世界文坛，尤其在韩国、日本思想文化领域有极其重要的地位和影响，被誉为“二十世纪东亚文化地图上占最大领土的作家”。'
            }];
            var html = list.map(function (item) {
              return "\n\t\t<div class=\"layui-colla-item\">\n\t\t\t<h2 class=\"layui-colla-title\" value=\"".concat(item.name, "\">").concat(item.name, "</h2>\n\t\t\t<div class=\"layui-colla-content ").concat(item.selected && 'layui-show', "\">").concat(item.content, "</div>\n\t\t</div>\n\t");
            }).join('');
            var demo1 = xmSelect.render({
              el: '#demo1',
              content: "\n\t\t<div class=\"layui-collapse\" lay-filter=\"collapse\">\n\t\t\t".concat(html, "\n\t\t</div>\n\t"),
              height: 'auto',
              autoRow: true,
              data: list,
              prop: {
                value: 'name'
              },
              on: function on(data) {
                if (!data.isAdd) {
                  var item = data.change[0];
                  document.querySelector("#demo1 .layui-collapse .layui-colla-title[value=\"".concat(item.name, "\"]")).nextElementSibling.classList.remove('layui-show');
                }
              }
            });
            layui.element.init();
            layui.element.on('collapse(collapse)', function (data) {
              var value = data.title.attr('value');
              if (data.show) {
                demo1.append([value]);
              } else {
                demo1["delete"]([value]);
              }
            });

            //这里仅仅提供一个演示, 更多的想法由你自己来创造
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/ZP04.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_ZP04vue_type_script_lang_js_ = (ZP04vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/ZP04.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_ZP04vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var ZP04 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 738:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZP05.md?vue&type=template&id=d95ab81c&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("\n<div id=\"demo1\" style=\"width: 502px;\"></div>\n\n<script>\n\nvar list = [\n\t{value: \"1\", title: \"李白\" },\n\t{value: \"2\", title: \"杜甫\" },\n\t{value: \"3\", title: \"贤心\" },\n]\n\nvar initValue = [\"1\"]\n\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tcontent: \"<div id='transfer'></div>\",\n\theight: 'auto',\n\tautoRow: true,\n\tinitValue: initValue,\n\tdata: list,\n\tprop: { name: 'title' },\n\ton: function(data){\n\t\tif(!data.isAdd){\n\t\t\tlayui.transfer.reload('transfer', {\n\t\t\t\tvalue: demo1.getValue('value')\n\t\t\t})\n\t\t}\n\t}\n})\n\nlayui.transfer.render({\n\tid: 'transfer',\n\telem: '#transfer',  //绑定元素\n\ttitle: ['候选人', '获奖者'],\n\tdata: list,\n\tvalue: initValue,\n\tonchange: function(data, index){\n\t\tif(index == 0){\n\t\t\tdemo1.append(data)\n\t\t}else{\n\t\t\tdemo1.delete(data)\n\t\t}\n\t}\n});\n\n\n//这里仅仅提供一个演示, 更多的想法由你自己来创造\n\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "xia-la-chuan-suo-kuang"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xia-la-chuan-suo-kuang"
    }
  }, [_vm._v("¶")]), _vm._v(" 下拉穿梭框")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "layui-transfer"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#layui-transfer"
    }
  }, [_vm._v("¶")]), _vm._v(" layui transfer")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("//css调整部分\nxm-select .scroll-body{\n\tpadding-left: 10px;\n\toverflow: hidden;\n}\n")])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/ZP05.md?vue&type=template&id=d95ab81c&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZP05.md?vue&type=script&lang=js&
/* harmony default export */ var ZP05vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticStyle: {
            width: "502px"
          },
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var list = [{
              value: "1",
              title: "李白"
            }, {
              value: "2",
              title: "杜甫"
            }, {
              value: "3",
              title: "贤心"
            }];
            var initValue = ["1"];
            var demo1 = xmSelect.render({
              el: '#demo1',
              content: "<div id='transfer'></div>",
              height: 'auto',
              autoRow: true,
              initValue: initValue,
              data: list,
              prop: {
                name: 'title'
              },
              on: function on(data) {
                if (!data.isAdd) {
                  layui.transfer.reload('transfer', {
                    value: demo1.getValue('value')
                  });
                }
              }
            });
            layui.transfer.render({
              id: 'transfer',
              elem: '#transfer',
              //绑定元素
              title: ['候选人', '获奖者'],
              data: list,
              value: initValue,
              onchange: function onchange(data, index) {
                if (index == 0) {
                  demo1.append(data);
                } else {
                  demo1["delete"](data);
                }
              }
            });

            //这里仅仅提供一个演示, 更多的想法由你自己来创造
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/ZP05.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_ZP05vue_type_script_lang_js_ = (ZP05vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/ZP05.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_ZP05vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var ZP05 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 739:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZP06.md?vue&type=template&id=40c0d0aa&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _c("p", [_vm._v("默认配置")]), _vm._m(2), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("\n<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<br/>\n<div class=\"layui-form\">\n\t<input type=\"checkbox\" name=\"strict\" lay-filter=\"strict\" lay-skin=\"primary\" title=\"严格父子结构\" checked>\n\t<input type=\"checkbox\" name=\"hidden\" lay-filter=\"hidden\" lay-skin=\"primary\" title=\"隐藏父节点图标\">\n\t<input type=\"checkbox\" name=\"custom\" lay-filter=\"custom\" lay-skin=\"primary\" title=\"自定义图标\">\n</div>\n\n<div style=\"margin-top: 20px\">间距</div>\n<div id=\"slideTest1\"></div>\n\n\n<script>\nvar demo1 = xmSelect.render({\n\tel: '#demo1', \n\tautoRow: true,\n\tcascader: {\n\t\tshow: true,\n\t\tindent: 200,\n\t},\n\theight: '200px',\n\tdata(){\n\t\treturn [\n\t\t\t{name: '销售员', value: -1, disabled: true, children: [\n\t\t\t\t{name: '张三1', value: 1, selected: true, children: []},\n\t\t\t\t{name: '李四1', value: 2, selected: true},\n\t\t\t\t{name: '王五1', value: 3, disabled: true},\n\t\t\t]},\n\t\t\t{name: '奖品', value: -2, children: [\n\t\t\t\t{name: '奖品3', value: -3, children: [\n\t\t\t\t\t{name: '苹果3', value: 14, selected: true},\n\t\t\t\t\t{name: '香蕉3', value: 15},\n\t\t\t\t\t{name: '葡萄3', value: 16},\n\t\t\t\t]},\n\t\t\t\t{name: '苹果2', value: 4, selected: true, disabled: true},\n\t\t\t\t{name: '香蕉2', value: 5},\n\t\t\t\t{name: '葡萄2', value: 6},\n\t\t\t]},\n\t\t]\n\t}\n})\n\nlayui.form.render();\n\n['strict'].forEach(function(key){\n\tlayui.form.on('checkbox('+key+')', function(data){\n\t\tvar config = {};\n\t\tconfig[key] = data.elem.checked;\n\t\tdemo1.update({\n\t\t\tcascader: config\n\t\t})\n\t});\n})\n\n//控制显示父节点的图标\nlayui.form.on('checkbox(hidden)', function(data){\n\tdemo1.update({\n\t\ticonfont: {\n\t\t\tparent: data.elem.checked ? 'hidden' : '',\n\t\t}\n\t})\n});\n//自定义图标\nlayui.form.on('checkbox(custom)', function(data){\n\tlet iconfont = data.elem.checked ? {\n\t\tselect: 'layui-icon layui-icon-chart',\n\t\tunselect: 'layui-icon-ok-circle',\n\t\thalf: 'layui-icon layui-icon-table',\n\t\tparent: 'layui-icon layui-icon-survey',\n\t} : {\n\t\tselect: '',\n\t\tunselect: '',\n\t\thalf: '',\n\t\tparent: '',\n\t}\n\tdemo1.update({\n\t\ticonfont: iconfont\n\t})\n\tlayui.form.render();\n});\n\n\nlayui.slider.render({\n\telem: '#slideTest1',\n\tmin: 50,\n\tmax: 400,\n\tshowstep: true,\n\tinput: true,\n\ttips: true,\n\tvalue: 200,\n\tchange: function(value){\n\t\tdemo1.update({\n\t\t\tcascader: {\n\t\t\t\tindent: value\n\t\t\t}\n\t\t})\n\t}\n});\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "ji-lian-mo-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#ji-lian-mo-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 级联模式")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "cascader"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#cascader"
    }
  }, [_vm._v("¶")]), _vm._v(" cascader")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("cascader: {\n\t//是否显示级联模式\n\tshow: true,\n\t//间距\n\tindent: 200,\n\t//是否严格遵守父子模式\n\tstrict: true,\n},\n")])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/ZP06.md?vue&type=template&id=40c0d0aa&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZP06.md?vue&type=script&lang=js&
/* harmony default export */ var ZP06vue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        }), _vm._v(" "), _c("br"), _vm._v(" "), _c("div", {
          staticClass: "layui-form"
        }, [_c("input", {
          attrs: {
            type: "checkbox",
            name: "strict",
            "lay-filter": "strict",
            "lay-skin": "primary",
            title: "严格父子结构",
            checked: ""
          }
        }), _vm._v(" "), _c("input", {
          attrs: {
            type: "checkbox",
            name: "hidden",
            "lay-filter": "hidden",
            "lay-skin": "primary",
            title: "隐藏父节点图标"
          }
        }), _vm._v(" "), _c("input", {
          attrs: {
            type: "checkbox",
            name: "custom",
            "lay-filter": "custom",
            "lay-skin": "primary",
            title: "自定义图标"
          }
        })]), _vm._v(" "), _c("div", {
          staticStyle: {
            "margin-top": "20px"
          }
        }, [_vm._v("间距")]), _vm._v(" "), _c("div", {
          attrs: {
            id: "slideTest1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              autoRow: true,
              cascader: {
                show: true,
                indent: 200
              },
              height: '200px',
              data: function data() {
                return [{
                  name: '销售员',
                  value: -1,
                  disabled: true,
                  children: [{
                    name: '张三1',
                    value: 1,
                    selected: true,
                    children: []
                  }, {
                    name: '李四1',
                    value: 2,
                    selected: true
                  }, {
                    name: '王五1',
                    value: 3,
                    disabled: true
                  }]
                }, {
                  name: '奖品',
                  value: -2,
                  children: [{
                    name: '奖品3',
                    value: -3,
                    children: [{
                      name: '苹果3',
                      value: 14,
                      selected: true
                    }, {
                      name: '香蕉3',
                      value: 15
                    }, {
                      name: '葡萄3',
                      value: 16
                    }]
                  }, {
                    name: '苹果2',
                    value: 4,
                    selected: true,
                    disabled: true
                  }, {
                    name: '香蕉2',
                    value: 5
                  }, {
                    name: '葡萄2',
                    value: 6
                  }]
                }];
              }
            });
            layui.form.render();
            ['strict'].forEach(function (key) {
              layui.form.on('checkbox(' + key + ')', function (data) {
                var config = {};
                config[key] = data.elem.checked;
                demo1.update({
                  cascader: config
                });
              });
            });

            //控制显示父节点的图标
            layui.form.on('checkbox(hidden)', function (data) {
              demo1.update({
                iconfont: {
                  parent: data.elem.checked ? 'hidden' : ''
                }
              });
            });
            //自定义图标
            layui.form.on('checkbox(custom)', function (data) {
              var iconfont = data.elem.checked ? {
                select: 'layui-icon layui-icon-chart',
                unselect: 'layui-icon-ok-circle',
                half: 'layui-icon layui-icon-table',
                parent: 'layui-icon layui-icon-survey'
              } : {
                select: '',
                unselect: '',
                half: '',
                parent: ''
              };
              demo1.update({
                iconfont: iconfont
              });
              layui.form.render();
            });
            layui.slider.render({
              elem: '#slideTest1',
              min: 50,
              max: 400,
              showstep: true,
              input: true,
              tips: true,
              value: 200,
              change: function change(value) {
                demo1.update({
                  cascader: {
                    indent: value
                  }
                });
              }
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/ZP06.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_ZP06vue_type_script_lang_js_ = (ZP06vue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/ZP06.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_ZP06vue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var ZP06 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 740:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZTEST.md?vue&type=template&id=9f304d9c&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _c("demo-block", [_c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._v("<div id=\"demo1\" class=\"xm-select-demo\"></div>\n\n<script>\nxmSelect.render({\n\tel: '#demo1', \n\tautoRow: true,\n\ttree: {\n\t\tshow: true,\n\t},\n\theight: '200px',\n\tmaxMethod(a, item){\n\t\tconsole.log(item)\n\t},\n\tsubmitConversion(sels, prop){\n\t\treturn sels.map(item => item[prop.name]).join(',')\n\t},\n\tfilterable: true,\n\tdata(){\n\t\treturn [\n\t\t\t{name: '销售员', value: -1, disabled: false, children: [\n\t\t\t\t{name: '张三1', value: 1, selected: true, children: []},\n\t\t\t\t{name: '王五1', value: 13, disabled: true},\n\t\t\t\t{name: '王五1', value: 131, disabled: true},\n\t\t\t\t{name: '王五1', value: 132, disabled: true},\n\t\t\t\t{name: '王五1', value: 133, disabled: true},\n\t\t\t\t{name: '王五1', value: 134, disabled: true},\n\t\t\t\t{name: '王五1', value: 135, disabled: true},\n\t\t\t\t{name: '王五1', value: 136, disabled: true},\n\t\t\t\t{name: '王五1', value: 137, disabled: true},\n\t\t\t\t{name: '王五1', value: 138, disabled: true},\n\t\t\t]},\n\t\t\t{name: '奖品', value: -2, children: [\n\t\t\t\t{name: '奖品3', value: -3, children: [\n\t\t\t\t\t\n\t\t\t\t]},\n\t\t\t\t{name: '苹果2', value: 4, disabled: true},\n\t\t\t\t{name: '香蕉2', value: 5},\n\t\t\t\t{name: '葡萄2', value: 6},\n\t\t\t]},\n\t\t\t{name: '李四1', value: 2},\n\t\t\t{name: '王五1', value: 3, disabled: true},\n\t\t\t{name: '王五1', value: 31, disabled: true},\n\t\t\t{name: '王五1', value: 32, disabled: true},\n\t\t\t{name: '王五1', value: 33, disabled: true},\n\t\t\t{name: '王五1', value: 34, disabled: true},\n\t\t\t{name: '王五1', value: 35, disabled: true},\n\t\t\t{name: '王五1', value: 36, disabled: true},\n\t\t\t{name: '王五1', value: 37, disabled: true},\n\t\t\t{name: '王五1', value: 38, disabled: true},\n\t\t]\n\t}\n\t\n})\n\n</script>\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "ce-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#ce-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 测试")]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/ZTEST.md?vue&type=template&id=9f304d9c&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/ZTEST.md?vue&type=script&lang=js&
/* harmony default export */ var ZTESTvue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            xmSelect.render({
              el: '#demo1',
              autoRow: true,
              tree: {
                show: true
              },
              height: '200px',
              maxMethod: function maxMethod(a, item) {
                console.log(item);
              },
              submitConversion: function submitConversion(sels, prop) {
                return sels.map(function (item) {
                  return item[prop.name];
                }).join(',');
              },
              filterable: true,
              data: function data() {
                return [{
                  name: '销售员',
                  value: -1,
                  disabled: false,
                  children: [{
                    name: '张三1',
                    value: 1,
                    selected: true,
                    children: []
                  }, {
                    name: '王五1',
                    value: 13,
                    disabled: true
                  }, {
                    name: '王五1',
                    value: 131,
                    disabled: true
                  }, {
                    name: '王五1',
                    value: 132,
                    disabled: true
                  }, {
                    name: '王五1',
                    value: 133,
                    disabled: true
                  }, {
                    name: '王五1',
                    value: 134,
                    disabled: true
                  }, {
                    name: '王五1',
                    value: 135,
                    disabled: true
                  }, {
                    name: '王五1',
                    value: 136,
                    disabled: true
                  }, {
                    name: '王五1',
                    value: 137,
                    disabled: true
                  }, {
                    name: '王五1',
                    value: 138,
                    disabled: true
                  }]
                }, {
                  name: '奖品',
                  value: -2,
                  children: [{
                    name: '奖品3',
                    value: -3,
                    children: []
                  }, {
                    name: '苹果2',
                    value: 4,
                    disabled: true
                  }, {
                    name: '香蕉2',
                    value: 5
                  }, {
                    name: '葡萄2',
                    value: 6
                  }]
                }, {
                  name: '李四1',
                  value: 2
                }, {
                  name: '王五1',
                  value: 3,
                  disabled: true
                }, {
                  name: '王五1',
                  value: 31,
                  disabled: true
                }, {
                  name: '王五1',
                  value: 32,
                  disabled: true
                }, {
                  name: '王五1',
                  value: 33,
                  disabled: true
                }, {
                  name: '王五1',
                  value: 34,
                  disabled: true
                }, {
                  name: '王五1',
                  value: 35,
                  disabled: true
                }, {
                  name: '王五1',
                  value: 36,
                  disabled: true
                }, {
                  name: '王五1',
                  value: 37,
                  disabled: true
                }, {
                  name: '王五1',
                  value: 38,
                  disabled: true
                }];
              }
            });
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/ZTEST.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_ZTESTvue_type_script_lang_js_ = (ZTESTvue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/ZTEST.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_ZTESTvue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var ZTEST = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 741:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/install.md?vue&type=template&id=f73d1f9a&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_vm._m(0), _vm._m(1), _vm._m(2), _vm._m(3), _vm._m(4), _c("p", [_vm._v("maplemei, 热爱前端的Java程序猿, 如果喜欢作者的插件, 可以请作者吃雪糕 ^_^")]), _vm._m(5), _c("p", [_vm._v("喜欢就支持一下吧")]), _vm._m(6), _vm._m(7), _vm._m(8), _vm._m(9), _c("p", [_vm._v("有兴趣的小伙伴可以从git上下载源码进行二次开发")]), _vm._m(10), _vm._m(11), _c("p", [_vm._v("一个简单的小栗子，看看如何使用xm-select.js")]), _vm._m(12), _c("demo-block", [_c("div", [_c("p", [_vm._v("只需引入"), _c("code", [_vm._v("xm-select.js")])])]), _c("template", {
    slot: "source"
  }, [_c("element-demo0")], 1), _c("template", {
    slot: "highlight"
  }, [_c("pre", {
    pre: true
  }, [_c("code", {
    pre: true,
    attrs: {
      "class": "html"
    }
  }, [_vm._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\tel: '#demo1', \n\tlanguage: 'zn',\n\tdata: [\n\t\t{name: '张三', value: 1},\n\t\t{name: '李四', value: 2},\n\t\t{name: '王五', value: 3},\n\t]\n})\n\ndocument.getElementById('demo1-getValue').onclick = function(){\n\t//获取当前多选选中的值\n\tvar selectArr = demo1.getValue();\n\tdocument.getElementById('demo1-value').innerHTML = JSON.stringify(selectArr, null, 2);\n}\n</script>\n\n")])])])], 2)], 1);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h2", {
    attrs: {
      id: "an-zhuang"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#an-zhuang"
    }
  }, [_vm._v("¶")]), _vm._v(" 安装")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "jian-jie"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#jian-jie"
    }
  }, [_vm._v("¶")]), _vm._v(" 简介")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("div", {
    staticClass: "tip"
  }, [_c("p", [_vm._v("始于 "), _c("a", {
    attrs: {
      href: "https://layui.com"
    }
  }, [_vm._v("layui")]), _vm._v(" 的一个多选解决方案。"), _c("br"), _vm._v("\n前身 "), _c("a", {
    attrs: {
      href: "https://github.com/hnzzmsf/layui-formSelects/"
    }
  }, [_vm._v("formSelects")]), _vm._v(", 由于渲染速度慢, 代码冗余, 被放弃了"), _c("br"), _c("a", {
    attrs: {
      href: "https://gitee.com/maplemei/xm-select"
    }
  }, [_vm._v("xm-select")]), _vm._v("使用了新的开发方式, 利用preact进行渲染, 大幅度提高渲染速度, 并且可以灵活拓展")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("ul", [_c("li", [_vm._v("唯一依赖库"), _c("a", {
    attrs: {
      href: "https://preactjs.com/"
    }
  }, [_vm._v("preactjs")])]), _c("li", [_vm._v("打包方式"), _c("a", {
    attrs: {
      href: "https://www.webpackjs.com/"
    }
  }, [_vm._v("webpack")])]), _c("li", [_vm._v("文档借鉴于"), _c("a", {
    attrs: {
      href: "https://element.eleme.cn/#/zh-CN"
    }
  }, [_vm._v("ElementUI")]), _vm._v("的编写方式")]), _c("li", [_c("a", {
    attrs: {
      href: "https://fly.layui.com/jie/57776/"
    }
  }, [_vm._v("Fly社区交流贴")])]), _c("li", [_vm._v("xm-select技术群①: "), _c("strong", [_vm._v("660408068")]), _vm._v(" (500人) "), _c("a", {
    attrs: {
      target: "_blank",
      href: "https://qm.qq.com/cgi-bin/qm/qr?k=BD2HaEzKyK8IZqI0E3OABxuxZEdk4jOv&jump_from=webapi"
    }
  }, [_c("img", {
    attrs: {
      border: "0",
      src: "//pub.idqqimg.com/wpa/images/group.png",
      alt: "xm-select技术群①",
      title: "xm-select技术群①"
    }
  })])]), _c("li", [_vm._v("xm-select技术群②: "), _c("strong", [_vm._v("938624691")]), _vm._v(" (500人) "), _c("a", {
    attrs: {
      target: "_blank",
      href: "https://qm.qq.com/cgi-bin/qm/qr?k=iBguKjw2qKcijuJL98PxaVnMu-BKZ8A7&jump_from=webapi"
    }
  }, [_c("img", {
    attrs: {
      border: "0",
      src: "//pub.idqqimg.com/wpa/images/group.png",
      alt: "xm-select技术群②",
      title: "xm-select技术群②"
    }
  })])]), _c("li", [_vm._v("xm-select技术群③: "), _c("strong", [_vm._v("1145047250")]), _vm._v(" (500人) "), _c("a", {
    attrs: {
      target: "_blank",
      href: "https://qm.qq.com/cgi-bin/qm/qr?k=K71Fc-ynL1jCLMzRPUuoFY94vkXd6o1y&jump_from=webapi"
    }
  }, [_c("img", {
    attrs: {
      border: "0",
      src: "//pub.idqqimg.com/wpa/images/group.png",
      alt: "xm-select技术群③",
      title: "xm-select技术群③"
    }
  })])]), _c("li", [_vm._v("如果群满了加不进去的话 有问题就提 "), _c("a", {
    attrs: {
      href: "https://gitee.com/maplemei/xm-select/issues"
    }
  }, [_vm._v("issues")]), _vm._v(" 吧")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "zuo-zhe"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#zuo-zhe"
    }
  }, [_vm._v("¶")]), _vm._v(" 作者")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "da-shang"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#da-shang"
    }
  }, [_vm._v("¶")]), _vm._v(" 打赏")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("p", [_c("a", {
    attrs: {
      href: "javascript:;"
    }
  }, [_c("img", {
    staticStyle: {
      border: "1px solid #EFEFEF"
    },
    attrs: {
      src: __webpack_require__(696),
      alt: "打赏",
      width: "300"
    }
  })])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "xia-zai"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#xia-zai"
    }
  }, [_vm._v("¶")]), _vm._v(" 下载")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("table", [_c("thead", [_c("tr", [_c("th", [_vm._v("star")]), _c("th", [_vm._v("fork")]), _c("th", [_vm._v("download")])])]), _c("tbody", [_c("tr", [_c("td", [_c("a", {
    attrs: {
      href: "https://gitee.com/maplemei/xm-select/stargazers"
    }
  }, [_c("img", {
    attrs: {
      src: "https://gitee.com/maplemei/xm-select/badge/star.svg?theme=dark",
      alt: "star"
    }
  })])]), _c("td", [_c("a", {
    attrs: {
      href: "https://gitee.com/maplemei/xm-select/members"
    }
  }, [_c("img", {
    attrs: {
      src: "https://gitee.com/maplemei/xm-select/badge/fork.svg?theme=dark",
      alt: "fork"
    }
  })])]), _c("td", [_c("a", {
    attrs: {
      href: "https://gitee.com/maplemei/xm-select/releases"
    }
  }, [_vm._v("码云下载")])])])])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "er-ci-kai-fa"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#er-ci-kai-fa"
    }
  }, [_vm._v("¶")]), _vm._v(" 二次开发")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("$ git clone https://gitee.com/maplemei/xm-select.git\n$ cd xm-select\n$ npm install && npm run dev\n")])]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("h3", {
    attrs: {
      id: "hello-world"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#hello-world"
    }
  }, [_vm._v("¶")]), _vm._v(" Hello World")]);
}, function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("pre", [_c("code", [_vm._v("第一步: 下载\n第二步: 引入 xm-select.js\n第三步: 写一个`<div id=\"demo1\"></div>`\n第四步: 渲染\n\tvar demo1 = xmSelect.render({\n\t\tel: '#demo1',\n\t\tlanguage: 'zn',\n\t\tdata: [\n\t\t\t{name: '张三', value: 1},\n\t\t\t{name: '李四', value: 2},\n\t\t\t{name: '王五', value: 3},\n\t\t]\n\t})\n")])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/install.md?vue&type=template&id=f73d1f9a&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/install.md?vue&type=script&lang=js&
/* harmony default export */ var installvue_type_script_lang_js_ = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      var render = function render() {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _vm._m(0);
      };
      var staticRenderFns = [function () {
        var _vm = this;
        var _h = _vm.$createElement;
        var _c = _vm._self._c || _h;
        return _c("div", [_c("div", {
          staticClass: "xm-select-demo",
          attrs: {
            id: "demo1"
          }
        }), _vm._v(" "), _c("button", {
          staticClass: "btn",
          attrs: {
            id: "demo1-getValue"
          }
        }, [_vm._v("获取选中值")]), _vm._v(" "), _c("pre", {
          attrs: {
            id: "demo1-value"
          }
        })]);
      }];
      render._withStripped = true;
      return {
        render: render,
        staticRenderFns: staticRenderFns,
        mounted: function mounted() {
          this.$nextTick(function () {
            var demo1 = xmSelect.render({
              el: '#demo1',
              language: 'zn',
              data: [{
                name: '张三',
                value: 1
              }, {
                name: '李四',
                value: 2
              }, {
                name: '王五',
                value: 3
              }]
            });
            document.getElementById('demo1-getValue').onclick = function () {
              //获取当前多选选中的值
              var selectArr = demo1.getValue();
              document.getElementById('demo1-value').innerHTML = JSON.stringify(selectArr, null, 2);
            };
          });
        }
      };
    }()
  }
});
// CONCATENATED MODULE: ./docs/mds/install.md?vue&type=script&lang=js&
 /* harmony default export */ var mds_installvue_type_script_lang_js_ = (installvue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/install.md





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  mds_installvue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var install = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 742:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/es6.md?vue&type=template&id=4fe88152&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _vm._m(0);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_c("h2", {
    attrs: {
      id: "es6yu-fa-shuo-ming"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#es6yu-fa-shuo-ming"
    }
  }, [_vm._v("¶")]), _vm._v(" es6语法说明")]), _c("div", {
    staticClass: "warning"
  }, [_c("p", [_vm._v("文档中会存在es6语法, 这里简单说明一下, 其中"), _c("code", [_vm._v("IE")]), _vm._v("不支持"), _c("code", [_vm._v("es6")]), _vm._v("语法")])]), _c("h3", {
    attrs: {
      id: "gai-lan"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#gai-lan"
    }
  }, [_vm._v("¶")]), _vm._v(" 概览")]), _c("ul", [_c("li", [_vm._v("let const")]), _c("li", [_vm._v("模板字符串")]), _c("li", [_vm._v("对象中属性方法简写")]), _c("li", [_vm._v("箭头函数")]), _c("li", [_vm._v("解构")])]), _c("p", [_vm._v("这里只是简单说明, 有兴趣可以看大神"), _c("a", {
    attrs: {
      href: "https://es6.ruanyifeng.com/",
      target: "_blank"
    }
  }, [_vm._v("阮一峰的资料")])]), _c("h3", {
    attrs: {
      id: "letyu-const"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#letyu-const"
    }
  }, [_vm._v("¶")]), _vm._v(" let与const")]), _c("pre", [_c("code", [_vm._v("//lES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。\n\n{\n\tlet a = 10;\n\tvar b = 1;\n}\n\na // ReferenceError: a is not defined.\nb // 1\n\n\n//const声明一个只读的常量。一旦声明，常量的值就不能改变。\nconst PI = 3.1415;\nPI // 3.1415\n\nPI = 3;\n// TypeError: Assignment to constant variable.\n")])]), _c("h3", {
    attrs: {
      id: "mo-ban-zi-fu-chuan"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#mo-ban-zi-fu-chuan"
    }
  }, [_vm._v("¶")]), _vm._v(" 模板字符串")]), _c("pre", [_c("code", [_vm._v('//模板字符串（template string）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。\n\n// 普通字符串\n`In JavaScript \'\\n\' is a line-feed.`\n\n// 多行字符串\n`In JavaScript this is\n not legal.`\n\nconsole.log(`string text line 1\nstring text line 2`);\n\n// 字符串中嵌入变量\nlet name = "Bob", time = "today";\n`Hello ${name}, how are you ${time}?`\n')])]), _c("h3", {
    attrs: {
      id: "dui-xiang-zhong-shu-xing-fang-fa-jian-xie"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#dui-xiang-zhong-shu-xing-fang-fa-jian-xie"
    }
  }, [_vm._v("¶")]), _vm._v(" 对象中属性方法简写")]), _c("pre", [_c("code", [_vm._v("//常规写法\nvar name = 'zs';\n\nvar obj = {\n\tname: name,\n\trun: function(){\n\t\tconsole.log('haha');\n\t}\n}\n\n\n//简写\nlet name = 'zs';\n\nlet obj = {\n\tname,\n\trun(){\n\t\tconsole.log('haha');\n\t}\n}\n")])]), _c("h3", {
    attrs: {
      id: "jian-tou-han-shu"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#jian-tou-han-shu"
    }
  }, [_vm._v("¶")]), _vm._v(" 箭头函数")]), _c("pre", [_c("code", [_vm._v("//常规写法\nsetTimeout(function(){\n\t//...\n}, 1000);\n\n//简写\nsetTimeout(() => {\n\t//...\n}, 1000);\n")])]), _c("h3", {
    attrs: {
      id: "jie-gou"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#jie-gou"
    }
  }, [_vm._v("¶")]), _vm._v(" 解构")]), _c("pre", [_c("code", [_vm._v("//假如现在有一个对象\nlet obj = {\n\tname: 'zs',\n\tage: 18,\n\taddress: 'beijing',\n}\n\n//正常获取name\nvar name = obj.name\n\n//解构写法\nlet { name } = obj\n\n//也可以多个\nlet { name, age, address } = obj;\n\n//如果不存在也可以声明默认值\nlet { name, age, address, status = '1' } = obj;\n\n//想添加一条属性\nobj.status = '1';\n\n//对象属性合并\nvar newObj = {\n\t...obj,\n\tstatus: '1'\n}\n\n//方法传参\nfunction calc(data){\n\tvar a = data.a;\n\tvar b = data.b;\n\treturn a + b;\n}\n//解构传参\nfunction calc({ a, b }){\n\treturn a + b;\n}\n")])]), _c("p", [_vm._v("至于更多的就自己去找学习资料吧")])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/es6.md?vue&type=template&id=4fe88152&

// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/es6.md

var script = {}


/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  script,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var es6 = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 743:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/options.md?vue&type=template&id=08b4c808&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _vm._m(0);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_c("h2", {
    attrs: {
      id: "pei-zhi-xiang-yu-fang-fa"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#pei-zhi-xiang-yu-fang-fa"
    }
  }, [_vm._v("¶")]), _vm._v(" 配置项与方法")]), _c("h3", {
    attrs: {
      id: "pei-zhi-xiang"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#pei-zhi-xiang"
    }
  }, [_vm._v("¶")]), _vm._v(" 配置项")]), _c("table", [_c("thead", [_c("tr", [_c("th", [_vm._v("参数")]), _c("th", [_vm._v("说明")]), _c("th", [_vm._v("类型")]), _c("th", [_vm._v("可选值")]), _c("th", [_vm._v("默认值")])])]), _c("tbody", [_c("tr", [_c("td", [_vm._v("el")]), _c("td", [_vm._v("渲染对象, css选择器, dom元素")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("language")]), _c("td", [_vm._v("语言选择")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("zn / en")]), _c("td", [_vm._v("zn")])]), _c("tr", [_c("td", [_vm._v("data")]), _c("td", [_vm._v("显示的数据")]), _c("td", [_vm._v("array")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("[ ]")])]), _c("tr", [_c("td", [_vm._v("content")]), _c("td", [_vm._v("自定义下拉框html")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("initValue")]), _c("td", [_vm._v("初始化选中的数据, 需要在data中存在")]), _c("td", [_vm._v("array")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("null")])]), _c("tr", [_c("td", [_vm._v("tips")]), _c("td", [_vm._v("默认提示, 类似于placeholder")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("请选择")])]), _c("tr", [_c("td", [_vm._v("empty")]), _c("td", [_vm._v("空数据提示")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("暂无数据")])]), _c("tr", [_c("td", [_vm._v("filterable")]), _c("td", [_vm._v("是否开启搜索")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("false")])]), _c("tr", [_c("td", [_vm._v("searchTips")]), _c("td", [_vm._v("搜索提示")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("请选择")])]), _c("tr", [_c("td", [_vm._v("delay")]), _c("td", [_vm._v("搜索延迟 ms")]), _c("td", [_vm._v("int")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("500")])]), _c("tr", [_c("td", [_vm._v("filterMethod")]), _c("td", [_vm._v("搜索回调函数")]), _c("td", [_vm._v("function(val, item, index, prop)  val: 当前搜索值, item: 每个option选项, index: 位置数据中的下标, prop: 定义key")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("filterDone")]), _c("td", [_vm._v("搜索完成函数")]), _c("td", [_vm._v("function(val, list)  val: 当前搜索值, list: 过滤后的数据")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("remoteSearch")]), _c("td", [_vm._v("是否开启自定义搜索 (远程搜索)")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("false")])]), _c("tr", [_c("td", [_vm._v("remoteMethod")]), _c("td", [_vm._v("自定义搜索回调函数")]), _c("td", [_vm._v("function(val, cb, show, pageIndex)  val: 当前搜索值, cb(arr, totalPage): 回调函数, 需要回调一个数组, 结构同data, 远程分页需要第二个参数: 总页码, show: 下拉框显示状态, pageIndex: 分页下当前页码")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("direction")]), _c("td", [_vm._v("下拉方向")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("auto / up / down")]), _c("td", [_vm._v("auto")])]), _c("tr", [_c("td", [_vm._v("style")]), _c("td", [_vm._v("自定义样式")]), _c("td", [_vm._v("object")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("{ }")])]), _c("tr", [_c("td", [_vm._v("height")]), _c("td", [_vm._v("默认最大高度")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("200px")])]), _c("tr", [_c("td", [_vm._v("paging")]), _c("td", [_vm._v("是否开启自定义分页")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("false")])]), _c("tr", [_c("td", [_vm._v("pageSize")]), _c("td", [_vm._v("分页条数")]), _c("td", [_vm._v("int")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("10")])]), _c("tr", [_c("td", [_vm._v("pageEmptyShow")]), _c("td", [_vm._v("分页无数据是否显示")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("true")])]), _c("tr", [_c("td", [_vm._v("pageRemote")]), _c("td", [_vm._v("是否开启远程分页")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("true")])]), _c("tr", [_c("td", [_vm._v("radio")]), _c("td", [_vm._v("是否开启单选模式")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("false")])]), _c("tr", [_c("td", [_vm._v("repeat")]), _c("td", [_vm._v("是否开启重复性模式")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("false")])]), _c("tr", [_c("td", [_vm._v("clickClose")]), _c("td", [_vm._v("是否点击选项后自动关闭下拉框")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("false")])]), _c("tr", [_c("td", [_vm._v("prop")]), _c("td", [_vm._v("自定义属性名称, 具体看下表")]), _c("td", [_vm._v("object")]), _c("td", [_vm._v("-")]), _c("td")]), _c("tr", [_c("td", [_vm._v("theme")]), _c("td", [_vm._v("主题配置, 具体看下表")]), _c("td", [_vm._v("object")]), _c("td", [_vm._v("-")]), _c("td")]), _c("tr", [_c("td", [_vm._v("model")]), _c("td", [_vm._v("模型, 多选的展示方式, 具体见下表")]), _c("td", [_vm._v("object")]), _c("td", [_vm._v("-")]), _c("td")]), _c("tr", [_c("td", [_vm._v("iconfont")]), _c("td", [_vm._v("自定义选中图标")]), _c("td", [_vm._v("object")]), _c("td", [_vm._v("-")]), _c("td")]), _c("tr", [_c("td", [_vm._v("show")]), _c("td", [_vm._v("展开下拉的回调")]), _c("td", [_vm._v("function")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("hide")]), _c("td", [_vm._v("隐藏下拉的回调")]), _c("td", [_vm._v("function")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("template")]), _c("td", [_vm._v("自定义渲染选项")]), _c("td", [_vm._v("function({ item, sels, name, value })")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("on")]), _c("td", [_vm._v("监听选中变化")]), _c("td", [_vm._v("function({ arr, change, isAdd })")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("max")]), _c("td", [_vm._v("设置多选选中上限")]), _c("td", [_vm._v("int")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("0")])]), _c("tr", [_c("td", [_vm._v("maxMethod")]), _c("td", [_vm._v("达到选中上限的回到")]), _c("td", [_vm._v("function(sels, item), sels: 已选中数据, item: 当前选中的值")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("name")]), _c("td", [_vm._v("表单提交时的name")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("select")])]), _c("tr", [_c("td", [_vm._v("layVerify")]), _c("td", [_vm._v("表单验证, 同layui的lay-verify")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("''")])]), _c("tr", [_c("td", [_vm._v("layVerType")]), _c("td", [_vm._v("表单验证, 同layui的lay-verType")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("''")])]), _c("tr", [_c("td", [_vm._v("layReqText")]), _c("td", [_vm._v("表单验证, 同layui的lay-reqText")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("''")])]), _c("tr", [_c("td", [_vm._v("toolbar")]), _c("td", [_vm._v("工具条, 具体看下表")]), _c("td", [_vm._v("object")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("showCount")]), _c("td", [_vm._v("展示在下拉框中的最多选项数量")]), _c("td", [_vm._v("int")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("0")])]), _c("tr", [_c("td", [_vm._v("enableKeyboard")]), _c("td", [_vm._v("是否启用键盘操作选项")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("true")])]), _c("tr", [_c("td", [_vm._v("enableHoverFirst")]), _c("td", [_vm._v("是否默认选中第一项")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("true")])]), _c("tr", [_c("td", [_vm._v("selectedKeyCode")]), _c("td", [_vm._v("选中的键盘KeyCode")]), _c("td", [_vm._v("int")]), _c("td", [_vm._v("全部KeyCode, 也可xmSelect.KeyCode.Enter,xmSelect.KeyCode.Space")]), _c("td", [_vm._v("13")])]), _c("tr", [_c("td", [_vm._v("autoRow")]), _c("td", [_vm._v("是否开启自动换行(选项过多时)")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("false")])]), _c("tr", [_c("td", [_vm._v("size")]), _c("td", [_vm._v("尺寸")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("large / medium / small / mini")]), _c("td", [_vm._v("medium")])]), _c("tr", [_c("td", [_vm._v("disabled")]), _c("td", [_vm._v("是否禁用多选")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("false")])]), _c("tr", [_c("td", [_vm._v("create")]), _c("td", [_vm._v("创建条目")]), _c("td", [_vm._v("function(val, data), val: 搜索的数据, data: 当前下拉数据")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("null")])]), _c("tr", [_c("td", [_vm._v("tree")]), _c("td", [_vm._v("树形结构, 具体看下表")]), _c("td", [_vm._v("object")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("cascader")]), _c("td", [_vm._v("级联结构, 具体看下表")]), _c("td", [_vm._v("object")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("submitConversion")]), _c("td", [_vm._v("配置表单提交数据")]), _c("td", [_vm._v("function(sels, prop), sels: 已选中数据, prop: 自定义的prop")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("done")]), _c("td", [_vm._v("渲染完成回调")]), _c("td", [_vm._v("function")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])])])]), _c("h3", {
    attrs: {
      id: "prop"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#prop"
    }
  }, [_vm._v("¶")]), _vm._v(" prop")]), _c("table", [_c("thead", [_c("tr", [_c("th", [_vm._v("参数")]), _c("th", [_vm._v("说明")]), _c("th", [_vm._v("类型")]), _c("th", [_vm._v("可选值")]), _c("th", [_vm._v("默认值")])])]), _c("tbody", [_c("tr", [_c("td", [_vm._v("name")]), _c("td", [_vm._v("显示名称")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("name")])]), _c("tr", [_c("td", [_vm._v("value")]), _c("td", [_vm._v("选中值, 当前多选唯一")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("value")])]), _c("tr", [_c("td", [_vm._v("selected")]), _c("td", [_vm._v("是否选中")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("selected")])]), _c("tr", [_c("td", [_vm._v("disabled")]), _c("td", [_vm._v("是否禁用")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("disabled")])]), _c("tr", [_c("td", [_vm._v("children")]), _c("td", [_vm._v("分组children")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("children")])]), _c("tr", [_c("td", [_vm._v("optgroup")]), _c("td", [_vm._v("分组optgroup")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("optgroup")])])])]), _c("h3", {
    attrs: {
      id: "fen-zu-shuo-ming"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#fen-zu-shuo-ming"
    }
  }, [_vm._v("¶")]), _vm._v(" 分组说明")]), _c("p", [_vm._v("如果children属性为数组的时候开启分组模式")]), _c("pre", [_c("code", [_vm._v("{name: '销售员', children: [\n\t{name: '李四', value: 4, selected: true},\n\t{name: '王五', value: 5},\n]},\n\n//可在分组上定义click属性, 来定义点击事件\n{name: '选中', children: [...], click: 'SELECT'},\n{name: '清空', children: [...], click: 'CLEAR'},\n{name: '自动', children: [...], click: 'AUTO'},\n{name: '自定义', children: [...], click: function(item){\n\talert('自定义的, 想干嘛干嘛');\n}},\n")])]), _c("h3", {
    attrs: {
      id: "theme"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#theme"
    }
  }, [_vm._v("¶")]), _vm._v(" theme")]), _c("table", [_c("thead", [_c("tr", [_c("th", [_vm._v("参数")]), _c("th", [_vm._v("说明")]), _c("th", [_vm._v("类型")]), _c("th", [_vm._v("可选值")]), _c("th", [_vm._v("默认值")])])]), _c("tbody", [_c("tr", [_c("td", [_vm._v("color")]), _c("td", [_vm._v("主题颜色")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("#009688")])]), _c("tr", [_c("td", [_vm._v("maxColor")]), _c("td", [_vm._v("选中上限闪烁边框颜色")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("#e54d42")])]), _c("tr", [_c("td", [_vm._v("hover")]), _c("td", [_vm._v("键盘操作的背景色")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("#f2f2f2")])])])]), _c("h3", {
    attrs: {
      id: "model"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#model"
    }
  }, [_vm._v("¶")]), _vm._v(" model")]), _c("p", [_vm._v("目前仅配置label即可")]), _c("pre", [_c("code", [_vm._v("model: {\n\t//是否展示复选框或者单选框图标 show, hidden:变换背景色\n\ticon: 'show',\n\tlabel: {\n\t\t//使用方式\n\t\ttype: 'block',\n\t\t//使用字符串拼接的方式\n\t\ttext: {\n\t\t\t//左边拼接的字符\n\t\t\tleft: '',\n\t\t\t//右边拼接的字符\n\t\t\tright: '',\n\t\t\t//中间的分隔符\n\t\t\tseparator: ', ',\n\t\t},\n\t\t//使用方块显示\n\t\tblock: {\n\t\t\t//最大显示数量, 0:不限制\n\t\t\tshowCount: 0,\n\t\t\t//是否显示删除图标\n\t\t\tshowIcon: true,\n\t\t\t//自定义渲染label, 默认渲染name, 回调参数(item, sels)\n\t\t\ttemplate: null,\n\t\t},\n\t\t//自定义文字\n\t\tcount: {\n\t\t\t//函数处理\n\t\t\ttemplate(data, sels){\n\t\t\t\t//data: 所有的数据\n\t\t\t\t//sels: 选中的数据\n\t\t\t\treturn `已选中 ${sels.length} 项, 共 ${data.length} 项`\n\t\t\t}\n\t\t},\n\t},\n\t//展示类型, 下拉框形式: absolute, 直接显示模式: relative, 浮动布局: fixed\n\ttype: 'absolute', \n},\n")])]), _c("h3", {
    attrs: {
      id: "iconfont"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#iconfont"
    }
  }, [_vm._v("¶")]), _vm._v(" iconfont")]), _c("table", [_c("thead", [_c("tr", [_c("th", [_vm._v("参数")]), _c("th", [_vm._v("说明")]), _c("th", [_vm._v("类型")]), _c("th", [_vm._v("可选值")]), _c("th", [_vm._v("默认值")])])]), _c("tbody", [_c("tr", [_c("td", [_vm._v("select")]), _c("td", [_vm._v("选中图标")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("unselect")]), _c("td", [_vm._v("非选中图标")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("half")]), _c("td", [_vm._v("半选图标")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("parent")]), _c("td", [_vm._v("父节点图标, 值为hidden时, 隐藏")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("-")])])])]), _c("h3", {
    attrs: {
      id: "toolbar"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#toolbar"
    }
  }, [_vm._v("¶")]), _vm._v(" toolbar")]), _c("table", [_c("thead", [_c("tr", [_c("th", [_vm._v("参数")]), _c("th", [_vm._v("说明")]), _c("th", [_vm._v("类型")]), _c("th", [_vm._v("可选值")]), _c("th", [_vm._v("默认值")])])]), _c("tbody", [_c("tr", [_c("td", [_vm._v("show")]), _c("td", [_vm._v("是否展示工具条")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("false")])]), _c("tr", [_c("td", [_vm._v("showIcon")]), _c("td", [_vm._v("是否显示工具图标")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("true")])]), _c("tr", [_c("td", [_vm._v("list")]), _c("td", [_vm._v("工具条数组 (默认有 全选/清空, 可以自定义), 还有 REVERSE:反选")]), _c("td", [_vm._v("array")]), _c("td", [_vm._v("ALL, CLEAR, REVERSE")]), _c("td", [_vm._v('[ "ALL", "CLEAR" ]')])])])]), _c("blockquote", [_c("p", [_vm._v("自定义方式")])]), _c("pre", [_c("code", [_vm._v('list: [ "ALL", "CLEAR", \n\t{\n\t\t//显示图标, 可以是layui内置的图标, 也可以是自己引入的图标\n\t\t//传入的icon会转化为 <i class="layui-icon layui-icon-face-smile"></i>\n\t\ticon: \'layui-icon layui-icon-face-smile\',\n\t\t//显示名称 \n\t\tname: \'xxx\',\n\t\t//点击时触发的回调\n\t\tmethod: function(data){\n\t\t\t//data 当前页面的数据\n\t\t\t\n\t\t}\n\t} \n]\n')])]), _c("h3", {
    attrs: {
      id: "tree"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#tree"
    }
  }, [_vm._v("¶")]), _vm._v(" tree")]), _c("table", [_c("thead", [_c("tr", [_c("th", [_vm._v("参数")]), _c("th", [_vm._v("说明")]), _c("th", [_vm._v("类型")]), _c("th", [_vm._v("可选值")]), _c("th", [_vm._v("默认值")])])]), _c("tbody", [_c("tr", [_c("td", [_vm._v("show")]), _c("td", [_vm._v("是否展示为树状结构")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("false")])]), _c("tr", [_c("td", [_vm._v("showFolderIcon")]), _c("td", [_vm._v("是否显示节点前的三角图标")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("true")])]), _c("tr", [_c("td", [_vm._v("showLine")]), _c("td", [_vm._v("是否显示虚线")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("true")])]), _c("tr", [_c("td", [_vm._v("indent")]), _c("td", [_vm._v("间距")]), _c("td", [_vm._v("int")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("20")])]), _c("tr", [_c("td", [_vm._v("expandedKeys")]), _c("td", [_vm._v("默认展开的节点数组, 为true时展开所有节点")]), _c("td", [_vm._v("array / boolean")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("[ ]")])]), _c("tr", [_c("td", [_vm._v("strict")]), _c("td", [_vm._v("是否遵循严格父子结构")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("true")])]), _c("tr", [_c("td", [_vm._v("simple")]), _c("td", [_vm._v("是否开启极简模式")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("false")])]), _c("tr", [_c("td", [_vm._v("nodeType")]), _c("td", [_vm._v("标注节点类型的key")]), _c("td", [_vm._v("string")]), _c("td", [_vm._v("leaf: 叶子节点, parent: 父节点, half: 半选节点")]), _c("td", [_vm._v("__node_type")])]), _c("tr", [_c("td", [_vm._v("clickExpand")]), _c("td", [_vm._v("点击节点是否展开, false时点击三角箭头进行展开操作")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("true")])]), _c("tr", [_c("td", [_vm._v("clickCheck")]), _c("td", [_vm._v("点击节点是否选中, false时点击复选框进行选中操作")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("true")])])])]), _c("h3", {
    attrs: {
      id: "cascader"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#cascader"
    }
  }, [_vm._v("¶")]), _vm._v(" cascader")]), _c("table", [_c("thead", [_c("tr", [_c("th", [_vm._v("参数")]), _c("th", [_vm._v("说明")]), _c("th", [_vm._v("类型")]), _c("th", [_vm._v("可选值")]), _c("th", [_vm._v("默认值")])])]), _c("tbody", [_c("tr", [_c("td", [_vm._v("show")]), _c("td", [_vm._v("是否展示为级联结构")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("false")])]), _c("tr", [_c("td", [_vm._v("indent")]), _c("td", [_vm._v("每一级的宽度")]), _c("td", [_vm._v("int")]), _c("td", [_vm._v("-")]), _c("td", [_vm._v("100")])]), _c("tr", [_c("td", [_vm._v("strict")]), _c("td", [_vm._v("是否遵循严格父子结构")]), _c("td", [_vm._v("boolean")]), _c("td", [_vm._v("true / false")]), _c("td", [_vm._v("true")])])])]), _c("h3", {
    attrs: {
      id: "quan-ju-fang-fa"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#quan-ju-fang-fa"
    }
  }, [_vm._v("¶")]), _vm._v(" 全局方法")]), _c("table", [_c("thead", [_c("tr", [_c("th", [_vm._v("事件名")]), _c("th", [_vm._v("说明")]), _c("th", [_vm._v("参数")]), _c("th", [_vm._v("返回值")])])]), _c("tbody", [_c("tr", [_c("td", [_vm._v("render")]), _c("td", [_vm._v("渲染多选")]), _c("td", [_vm._v("(options: 配置项)")]), _c("td", [_vm._v("实例对象")])]), _c("tr", [_c("td", [_vm._v("get")]), _c("td", [_vm._v("获取页面中已经渲染的多选")]), _c("td", [_vm._v("(filter: 过滤"), _c("code", [_vm._v("el")]), _vm._v(", single: 是否返回单实例)")]), _c("td", [_vm._v("符合条件的实例数组")])]), _c("tr", [_c("td", [_vm._v("batch")]), _c("td", [_vm._v("批量操作已渲染的多选")]), _c("td", [_vm._v("(filter: 过滤"), _c("code", [_vm._v("el")]), _vm._v(", method: 方法, ...方法参数)")]), _c("td", [_vm._v("符合条件的实例数组")])]), _c("tr", [_c("td", [_vm._v("arr2tree")]), _c("td", [_vm._v("把列表数据转化为树状结构")]), _c("td", [_vm._v("(arr: 数据, pid: 父节点ID的key, id: 对应key, children: 对应key, topParentId: 顶级节点的ID)")]), _c("td", [_vm._v("符合条件的数组")])])])]), _c("pre", [_c("code", [_vm._v("//render 使用方式\nxmSelect.render(OPTIONS);\n\n//get 使用方式\nxmSelect.get('#demo1');\t //指定某一个获取\nxmSelect.get(/.*demo1.*/);  //正则获取\n//自定义方法获取\nxmSelect.get(function(el){\n\treturn el == '#demo1' || el == '#demo2';\n});  \n//单实例\nxmSelect.get('#demo2', true);\n\n//batch 使用方式\n//批量执行禁用\nxmSelect.batch(/.*demo/, 'update', {\n\tdisabled: true,\n});   \n//批量执行warning\nxmSelect.batch(/.*demo/, 'warning', '#F00', true);   \n")])]), _c("h3", {
    attrs: {
      id: "shi-li-fang-fa"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#shi-li-fang-fa"
    }
  }, [_vm._v("¶")]), _vm._v(" 实例方法")]), _c("div", {
    staticClass: "warning"
  }, [_c("p", [_vm._v("xmSelect.render()后会返回一个xmSelect对象, 可以进行方法调用")])]), _c("table", [_c("thead", [_c("tr", [_c("th", [_vm._v("事件名")]), _c("th", [_vm._v("说明")]), _c("th", [_vm._v("参数")])])]), _c("tbody", [_c("tr", [_c("td", [_vm._v("getValue")]), _c("td", [_vm._v("获取当前选中的数据")]), _c("td", [_vm._v("(type: 类型), 可选值: name, nameStr, value, valueStr")])]), _c("tr", [_c("td", [_vm._v("setValue")]), _c("td", [_vm._v("动态设置数据")]), _c("td", [_vm._v("(array: 选中的数据, show: 是否展开下拉,不传默认当前显示状态,取值: true/false, listenOn: 是否触发on的监听, 默认false)")])]), _c("tr", [_c("td", [_vm._v("append")]), _c("td", [_vm._v("追加赋值")]), _c("td", [_vm._v("(array: 追加的数据)")])]), _c("tr", [_c("td", [_vm._v("delete")]), _c("td", [_vm._v("删除赋值")]), _c("td", [_vm._v("(array: 删除的数据)")])]), _c("tr", [_c("td", [_vm._v("opened")]), _c("td", [_vm._v("主动展开下拉")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("closed")]), _c("td", [_vm._v("主动关闭下拉")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("reset")]), _c("td", [_vm._v("重置为上一次的render状态")]), _c("td", [_vm._v("-")])]), _c("tr", [_c("td", [_vm._v("update")]), _c("td", [_vm._v("更新多选选中, reset不保留")]), _c("td", [_vm._v("(options: 见配置项)")])]), _c("tr", [_c("td", [_vm._v("warning")]), _c("td", [_vm._v("警告")]), _c("td", [_vm._v("(color: 默认同theme.maxColor, sustain: 是否持续显示)")])]), _c("tr", [_c("td", [_vm._v("getTreeValue")]), _c("td", [_vm._v("树节点模式下获取数据, v1.2.0 新增")]), _c("td", [_vm._v("(leafOnly: 是否只是叶子节点，默认值为 false, includeHalfChecked: 是否包含半选节点，默认值为 false)")])]), _c("tr", [_c("td", [_vm._v("changeExpandedKeys")]), _c("td", [_vm._v("树模式下更新节点展开状态, v1.2.0 新增")]), _c("td", [_vm._v("(keys: true-全部展开, false-全部关闭, 数组-展开的节点值)")])]), _c("tr", [_c("td", [_vm._v("enable")]), _c("td", [_vm._v("启用选项, disabled=false, v1.2.0 新增")]), _c("td", [_vm._v("(array: 想要启用的选项数组)")])]), _c("tr", [_c("td", [_vm._v("disable")]), _c("td", [_vm._v("禁用用选项, disabled=true, v1.2.0 新增")]), _c("td", [_vm._v("(array: 想要禁用的选项数组)")])]), _c("tr", [_c("td", [_vm._v("calcPosition")]), _c("td", [_vm._v("fixed布局模式下重新计算位置, v1.2.2 新增")]), _c("td", [_vm._v("-")])])])])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/options.md?vue&type=template&id=08b4c808&

// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/options.md

var script = {}


/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  script,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var options = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 744:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??ref--4-0!./build/md-loader!./docs/mds/question.md?vue&type=template&id=121fb80e&
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _vm._m(0);
};
var staticRenderFns = [function () {
  var _vm = this,
    _c = _vm._self._c;
  return _c("section", {
    staticClass: "content element-doc"
  }, [_c("h2", {
    attrs: {
      id: "chang-jian-wen-ti"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#chang-jian-wen-ti"
    }
  }, [_vm._v("¶")]), _vm._v(" 常见问题")]), _c("h3", {
    attrs: {
      id: "formselects-yu-xm-select"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#formselects-yu-xm-select"
    }
  }, [_vm._v("¶")]), _vm._v(" formSelects 与 xm-select")]), _c("p", [_c("a", {
    attrs: {
      href: "https://github.com/hnzzmsf/layui-formSelects/"
    }
  }, [_vm._v("formSelects")]), _vm._v("是作者很久以前开发的一款多选插件, 在jQuery时代还是相对比较稳定, 不过性能上有很大的问题。痛并思痛后，开始学习其他开源组件的编写方案，最后决定重新开发。")]), _c("p", [_c("a", {
    attrs: {
      href: "https://gitee.com/maplemei/xm-select"
    }
  }, [_vm._v("xm-select")]), _vm._v("作者精心二次开发的组件, 在formSelects的样式基础上进行了性能优化。目前看来还是比较稳定的 ^_^")]), _c("h3", {
    attrs: {
      id: "1.zai-na-li-xia-zai"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#1.zai-na-li-xia-zai"
    }
  }, [_vm._v("¶")]), _vm._v(" 1.在哪里下载")]), _c("p", [_c("a", {
    attrs: {
      href: "https://gitee.com/maplemei/xm-select/releases"
    }
  }, [_vm._v("Gitee码云下载")]), _vm._v(", 使用时引入"), _c("code", [_vm._v("xm-select.js")]), _vm._v("即可, 已经内置了css, 具体请看"), _c("a", {
    attrs: {
      href: "/#/component/install"
    }
  }, [_vm._v("入门指南")])]), _c("h3", {
    attrs: {
      id: "2.wei-shi-me-duo-xuan-bu-xian-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#2.wei-shi-me-duo-xuan-bu-xian-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 2.为什么多选不显示")]), _c("p", [_vm._v("重要的事情说三遍, 需要渲染, 需要渲染, 需要渲染")]), _c("h3", {
    attrs: {
      id: "3.xuan-ran-hou-huan-shi-bu-xian-shi"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#3.xuan-ran-hou-huan-shi-bu-xian-shi"
    }
  }, [_vm._v("¶")]), _vm._v(" 3.渲染后还是不显示")]), _c("ul", [_c("li", [_vm._v("打开控制台查看是否报错")]), _c("li", [_vm._v("加群: 660408068, 询问")])]), _c("h3", {
    attrs: {
      id: "4.zhan-wei-biao-qian-wei-shi-me-shi-div"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#4.zhan-wei-biao-qian-wei-shi-me-shi-div"
    }
  }, [_vm._v("¶")]), _vm._v(" 4.占位标签为什么是div")]), _c("p", [_vm._v("演示中使用的是div, 不限制标签, 但是不建议使用"), _c("code", [_vm._v("select")]), _vm._v(", 因为"), _c("code", [_vm._v("layui")]), _vm._v("会渲染"), _c("code", [_vm._v("select")]), _vm._v("标签")]), _c("h3", {
    attrs: {
      id: "5.dong-tai-shu-ju-xuan-ran-bao-cuo"
    }
  }, [_c("a", {
    staticClass: "header-anchor",
    attrs: {
      href: "#5.dong-tai-shu-ju-xuan-ran-bao-cuo"
    }
  }, [_vm._v("¶")]), _vm._v(" 5.动态数据渲染报错")]), _c("p", [_c("img", {
    attrs: {
      src: __webpack_require__(697),
      alt: ""
    }
  })]), _c("p", [_vm._v("检查设置的data数据是否为数组类型")]), _c("pre", [_c("code", [_vm._v("var demo1 = xmSelect.render({\n\tel: '#demo1', \n\tdata: []\n})\n\n//....N多操作以后\nvar arr = data;//这里的data可能是ajax返回的数据\n\n//这里必须是 [object Array]\nconsole.log(Object.prototype.toString.call(arr));\n//如果是 [object String]\n//1. JSON数据\narr = JSON.parse(arr);\n//2. 类似JSON的数据\narr = eval('(' + arr + ')');\n\ndemo1.update({\n\tdata: arr,\n})\n\n\n")])])]);
}];
render._withStripped = true;

// CONCATENATED MODULE: ./docs/mds/question.md?vue&type=template&id=121fb80e&

// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(27);

// CONCATENATED MODULE: ./docs/mds/question.md

var script = {}


/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  script,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var question = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 746:
/***/ (function(module, exports, __webpack_require__) {

var map = {
	"./mds/XM01.md": 699,
	"./mds/XM02.md": 700,
	"./mds/XM03.md": 701,
	"./mds/XM04.md": 702,
	"./mds/XM05.md": 703,
	"./mds/XM06.md": 704,
	"./mds/XM07.md": 705,
	"./mds/XM08.md": 706,
	"./mds/XM09.md": 707,
	"./mds/XM10.md": 708,
	"./mds/XM11.md": 709,
	"./mds/XM12.md": 710,
	"./mds/XM13.md": 711,
	"./mds/XM14.md": 712,
	"./mds/XM15.md": 713,
	"./mds/XM16.md": 714,
	"./mds/XM17.md": 715,
	"./mds/XM18.md": 716,
	"./mds/XM19.md": 717,
	"./mds/XM20.md": 718,
	"./mds/XM21.md": 719,
	"./mds/XM22.md": 720,
	"./mds/XM23.md": 721,
	"./mds/XM24.md": 722,
	"./mds/XM25.md": 723,
	"./mds/XM26.md": 724,
	"./mds/XM27.md": 725,
	"./mds/ZM01.md": 726,
	"./mds/ZM02.md": 727,
	"./mds/ZM03.md": 728,
	"./mds/ZM04.md": 729,
	"./mds/ZM05.md": 730,
	"./mds/ZM06.md": 731,
	"./mds/ZM07.md": 732,
	"./mds/ZM08.md": 733,
	"./mds/ZP01.md": 734,
	"./mds/ZP02.md": 735,
	"./mds/ZP03.md": 736,
	"./mds/ZP04.md": 737,
	"./mds/ZP05.md": 738,
	"./mds/ZP06.md": 739,
	"./mds/ZTEST.md": 740,
	"./mds/es6.md": 742,
	"./mds/install.md": 741,
	"./mds/options.md": 743,
	"./mds/question.md": 744
};


function webpackContext(req) {
	var id = webpackContextResolve(req);
	return __webpack_require__(id);
}
function webpackContextResolve(req) {
	if(!__webpack_require__.o(map, req)) {
		var e = new Error("Cannot find module '" + req + "'");
		e.code = 'MODULE_NOT_FOUND';
		throw e;
	}
	return map[req];
}
webpackContext.keys = function webpackContextKeys() {
	return Object.keys(map);
};
webpackContext.resolve = webpackContextResolve;
module.exports = webpackContext;
webpackContext.id = 746;

/***/ })

}]);