2022-07-28 xm-select 的使用

简介(文档)

始于layui的一个多选解决方案。
前身formSelects , 由于渲染速度慢, 代码冗余, 被放弃了
xm-select使用了新的开发方式, 利用preact进行渲染, 大幅度提高渲染速度, 并且可以灵活拓展

第一步: 下载
第二步: 引入 xm-select.js
第三步: 写一个`<div id="demo1"></div>`
第四步: 渲染
	var demo1 = xmSelect.render({
		el: '#demo1',
		data: [
			{name: '张三', value: 1},
			{name: '李四', value: 2},
			{name: '王五', value: 3},
		]
	})

搭配layui使用

必须搭配div使用: <div id="demoSelect  "></div>

layui.use([.. 'selectX'], function () {
    ...
    var selectX = layui.selectX;

    var baseDict = {
        radio: true,//是否开启单选模式
        filterable: true,//是否开启搜索
        layVerify: 'required',//表单验证, 同layui的lay-verify
        icon: 'hidden',//隐藏图标
        disabled: true//是否禁用多选
    }

    var demo= selectX.render({
        name: 'demoSelect',
        tips: '标题',
        url: Feng.ctxPath+'/xxx/xxx',
        label: {type:'text'},//
        ...baseDict,
        initValue: [result.data.xxx]//回显,需要搭配下面的selectX.js
    });



});

selectX.js,重新自定义可回显的下拉菜单

layui.define(['jquery', 'xmSelect'], function (exports) {
    "use strict";
    var selectX = function () {
            this.v = '1.0';
        },
        $ = layui.$,
        xmSelect = layui.xmSelect;


    selectX.prototype.render = function (options) {
        var opts = options,
            elem = opts.elem;
        var xm = xmSelect.render({
            autoRow: true,
            el: opts.name !== undefined ? "#"+opts.name : elem,
            name: opts.name,
            tips: opts.tips || "请选择",
            filterable: opts.filterable!==undefined?opts.filterable : false,
            radio: opts.radio !== undefined ? opts.radio : true, // 默认单选
            toolbar: {show: opts.toolbar !== undefined ? opts.toolbar : opts.radio !== undefined ? !opts.radio : true}, // 默认单选不开启工具栏,多选开启
            clickClose: opts.clickClose !== undefined ? opts.clickClose : opts.radio !== undefined ? opts.radio : false,// 默认单选点击后关闭
            layVerify: opts.layVerify !== undefined ? opts.layVerify : 'required', // 默认必填
            model: {
                icon: opts.icon || '',
                label: opts.label || {
                    type: 'block'
                }
            },
            style: opts.style || {},
            on:opts.on || function (data){
                if (opts.isChecked && data.arr.length===0){
                    return data.change;
                }
                return data.arr;
            },
            disabled: opts.disabled!==undefined ? opts.disabled : false,
            prop:{
                name: 'name',
                value: 'code',
                ...opts.prop
            },
            data:[]
        })
        if (options.url!==undefined){
            this.setData(xm,options)
        }
        return xm;
    };
    //更新数据和样式
    selectX.prototype.setData =function(xm,options){
        let that = this;
        $.post(options.url,(obj)=>{
            let data = obj;
            if (obj.data!==undefined){
                data = obj.data;
            }
            that.update(xm,{
                data: data,
                ...options
            })
        })
    }
    //仅更新样式
    selectX.prototype.update = (xm,options) => {
        xm.update({
            ...options
        });
    }
    exports('selectX', new selectX());
});

xm-select.js源码

!function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="./",n(n.s=84)}({16:function(e){e.exports={a:"xm-select",b:"1.0.10"}},2:function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",o=e[3];if(!o)return n;if(t&&"function"==typeof btoa){var r=(l=o,a=btoa(unescape(encodeURIComponent(JSON.stringify(l)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),"/*# ".concat(s," */")),i=o.sources.map(function(e){return"/*# sourceURL=".concat(o.sourceRoot).concat(e," */")});return[n].concat(i).concat([r]).join("\n")}var l,a,s;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2],"{").concat(n,"}"):n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];null!=i&&(o[i]=!0)}for(var l=0;l<e.length;l++){var a=e[l];null!=a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="(".concat(a[2],") and (").concat(n,")")),t.push(a))}},t}},3:function(e,t,n){var o,r,i={},l=(o=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===r&&(r=o.apply(this,arguments)),r}),a=function(e){var t={};return function(e,n){if("function"==typeof e)return e();if(void 0===t[e]){var o=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}t[e]=o}return t[e]}}(),s=null,c=0,u=[],p=n(37);function f(e,t){for(var n=0;n<e.length;n++){var o=e[n],r=i[o.id];if(r){r.refs++;for(var l=0;l<r.parts.length;l++)r.parts[l](o.parts[l]);for(;l<o.parts.length;l++)r.parts.push(x(o.parts[l],t))}else{var a=[];for(l=0;l<o.parts.length;l++)a.push(x(o.parts[l],t));i[o.id]={id:o.id,refs:1,parts:a}}}}function d(e,t){for(var n=[],o={},r=0;r<e.length;r++){var i=e[r],l=t.base?i[0]+t.base:i[0],a={css:i[1],media:i[2],sourceMap:i[3]};o[l]?o[l].parts.push(a):n.push(o[l]={id:l,parts:[a]})}return n}function h(e,t){var n=a(e.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var o=u[u.length-1];if("top"===e.insertAt)o?o.nextSibling?n.insertBefore(t,o.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),u.push(t);else if("bottom"===e.insertAt)n.appendChild(t);else{if("object"!=typeof e.insertAt||!e.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var r=a(e.insertAt.before,n);n.insertBefore(t,r)}}function m(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var t=u.indexOf(e);t>=0&&u.splice(t,1)}function b(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var o=function(){0;return n.nc}();o&&(e.attrs.nonce=o)}return y(t,e.attrs),h(e,t),t}function y(e,t){Object.keys(t).forEach(function(n){e.setAttribute(n,t[n])})}function x(e,t){var n,o,r,i;if(t.transform&&e.css){if(!(i="function"==typeof t.transform?t.transform(e.css):t.transform.default(e.css)))return function(){};e.css=i}if(t.singleton){var l=c++;n=s||(s=b(t)),o=A.bind(null,n,l,!1),r=A.bind(null,n,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",y(t,e.attrs),h(e,t),t}(t),o=function(e,t,n){var o=n.css,r=n.sourceMap,i=void 0===t.convertToAbsoluteUrls&&r;(t.convertToAbsoluteUrls||i)&&(o=p(o));r&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var l=new Blob([o],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(l),a&&URL.revokeObjectURL(a)}.bind(null,n,t),r=function(){m(n),n.href&&URL.revokeObjectURL(n.href)}):(n=b(t),o=function(e,t){var n=t.css,o=t.media;o&&e.setAttribute("media",o);if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,n),r=function(){m(n)});return o(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;o(e=t)}else r()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=l()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=d(e,t);return f(n,t),function(e){for(var o=[],r=0;r<n.length;r++){var l=n[r];(a=i[l.id]).refs--,o.push(a)}e&&f(d(e,t),t);for(r=0;r<o.length;r++){var a;if(0===(a=o[r]).refs){for(var s=0;s<a.parts.length;s++)a.parts[s]();delete i[a.id]}}}};var v,g=(v=[],function(e,t){return v[e]=t,v.filter(Boolean).join("\n")});function A(e,t,n,o){var r=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=g(t,r);else{var i=document.createTextNode(r),l=e.childNodes;l[t]&&e.removeChild(l[t]),l.length?e.insertBefore(i,l[t]):e.appendChild(i)}}},37:function(e,t){e.exports=function(e){var t="undefined"!=typeof window&&window.location;if(!t)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var n=t.protocol+"//"+t.host,o=n+t.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(e,t){var r,i=t.trim().replace(/^"(.*)"$/,function(e,t){return t}).replace(/^'(.*)'$/,function(e,t){return t});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(i)?e:(r=0===i.indexOf("//")?i:0===i.indexOf("/")?n+i:o+i.replace(/^\.\//,""),"url("+JSON.stringify(r)+")")})}},82:function(e,t,n){"use strict";function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var r=function(){},i={},l=[],a=[];function s(e,t){var n,o,i,s,c=arguments,u=a;for(s=arguments.length;s-- >2;)l.push(c[s]);for(t&&null!=t.children&&(l.length||l.push(t.children),delete t.children);l.length;)if((o=l.pop())&&void 0!==o.pop)for(s=o.length;s--;)l.push(o[s]);else"boolean"==typeof o&&(o=null),(i="function"!=typeof e)&&(null==o?o="":"number"==typeof o?o=String(o):"string"!=typeof o&&(i=!1)),i&&n?u[u.length-1]+=o:u===a?u=[o]:u.push(o),n=i;var p=new r;return p.nodeName=e,p.children=u,p.attributes=null==t?void 0:t,p.key=null==t?void 0:t.key,p}function c(e,t){for(var n in t)e[n]=t[n];return e}function u(e,t){null!=e&&("function"==typeof e?e(t):e.current=t)}var p="function"==typeof Promise?Promise.resolve().then.bind(Promise.resolve()):setTimeout,f=/acit|ex(?:s|g|n|p|$)|rph|ows|mnc|ntw|ine[ch]|zoo|^ord/i,d=[];function h(e){!e._dirty&&(e._dirty=!0)&&1==d.push(e)&&p(m)}function m(){for(var e;e=d.pop();)e._dirty&&B(e)}function b(e,t){return e.normalizedNodeName===t||e.nodeName.toLowerCase()===t.toLowerCase()}function y(e){var t=c({},e.attributes);t.children=e.children;var n=e.nodeName.defaultProps;if(void 0!==n)for(var o in n)void 0===t[o]&&(t[o]=n[o]);return t}function x(e){var t=e.parentNode;t&&t.removeChild(e)}function v(e,t,n,r,i){if("className"===t&&(t="class"),"key"===t);else if("ref"===t)u(n,null),u(r,e);else if("class"!==t||i)if("style"===t){if(r&&"string"!=typeof r&&"string"!=typeof n||(e.style.cssText=r||""),r&&"object"==o(r)){if("string"!=typeof n)for(var l in n)l in r||(e.style[l]="");for(var l in r)e.style[l]="number"==typeof r[l]&&!1===f.test(l)?r[l]+"px":r[l]}}else if("dangerouslySetInnerHTML"===t)r&&(e.innerHTML=r.__html||"");else if("o"==t[0]&&"n"==t[1]){var a=t!==(t=t.replace(/Capture$/,""));t=t.toLowerCase().substring(2),r?n||e.addEventListener(t,g,a):e.removeEventListener(t,g,a),(e._listeners||(e._listeners={}))[t]=r}else if("list"!==t&&"type"!==t&&!i&&t in e){try{e[t]=null==r?"":r}catch(e){}null!=r&&!1!==r||"spellcheck"==t||e.removeAttribute(t)}else{var s=i&&t!==(t=t.replace(/^xlink:?/,""));null==r||!1===r?s?e.removeAttributeNS("http://www.w3.org/1999/xlink",t.toLowerCase()):e.removeAttribute(t):"function"!=typeof r&&(s?e.setAttributeNS("http://www.w3.org/1999/xlink",t.toLowerCase(),r):e.setAttribute(t,r))}else e.className=r||""}function g(e){return this._listeners[e.type](e)}var A=[],w=0,k=!1,C=!1;function S(){for(var e;e=A.shift();)e.componentDidMount&&e.componentDidMount()}function O(e,t,n,o,r,i){w++||(k=null!=r&&void 0!==r.ownerSVGElement,C=null!=e&&!("__preactattr_"in e));var l=function e(t,n,o,r,i){var l=t,a=k;if(null!=n&&"boolean"!=typeof n||(n=""),"string"==typeof n||"number"==typeof n)return t&&void 0!==t.splitText&&t.parentNode&&(!t._component||i)?t.nodeValue!=n&&(t.nodeValue=n):(l=document.createTextNode(n),t&&(t.parentNode&&t.parentNode.replaceChild(l,t),j(t,!0))),l.__preactattr_=!0,l;var s,c,u=n.nodeName;if("function"==typeof u)return function(e,t,n,o){for(var r=e&&e._component,i=r,l=e,a=r&&e._componentConstructor===t.nodeName,s=a,c=y(t);r&&!s&&(r=r._parentComponent);)s=r.constructor===t.nodeName;return r&&s&&(!o||r._component)?(I(r,c,3,n,o),e=r.base):(i&&!a&&(V(i),e=l=null),r=E(t.nodeName,c,n),e&&!r.nextBase&&(r.nextBase=e,l=null),I(r,c,1,n,o),e=r.base,l&&e!==l&&(l._component=null,j(l,!1))),e}(t,n,o,r);if(k="svg"===u||"foreignObject"!==u&&k,u=String(u),(!t||!b(t,u))&&(s=u,(c=k?document.createElementNS("http://www.w3.org/2000/svg",s):document.createElement(s)).normalizedNodeName=s,l=c,t)){for(;t.firstChild;)l.appendChild(t.firstChild);t.parentNode&&t.parentNode.replaceChild(l,t),j(t,!0)}var p=l.firstChild,f=l.__preactattr_,d=n.children;if(null==f){f=l.__preactattr_={};for(var h=l.attributes,m=h.length;m--;)f[h[m].name]=h[m].value}return!C&&d&&1===d.length&&"string"==typeof d[0]&&null!=p&&void 0!==p.splitText&&null==p.nextSibling?p.nodeValue!=d[0]&&(p.nodeValue=d[0]):(d&&d.length||null!=p)&&function(t,n,o,r,i){var l,a,s,c,u,p,f,d,h=t.childNodes,m=[],y={},v=0,g=0,A=h.length,w=0,k=n?n.length:0;if(0!==A)for(var C=0;C<A;C++){var S=h[C],O=S.__preactattr_;null!=(_=k&&O?S._component?S._component.__key:O.key:null)?(v++,y[_]=S):(O||(void 0!==S.splitText?!i||S.nodeValue.trim():i))&&(m[w++]=S)}if(0!==k)for(C=0;C<k;C++){var _;if(u=null,null!=(_=(c=n[C]).key))v&&void 0!==y[_]&&(u=y[_],y[_]=void 0,v--);else if(g<w)for(l=g;l<w;l++)if(void 0!==m[l]&&(p=a=m[l],d=i,"string"==typeof(f=c)||"number"==typeof f?void 0!==p.splitText:"string"==typeof f.nodeName?!p._componentConstructor&&b(p,f.nodeName):d||p._componentConstructor===f.nodeName)){u=a,m[l]=void 0,l===w-1&&w--,l===g&&g++;break}u=e(u,c,o,r),s=h[C],u&&u!==t&&u!==s&&(null==s?t.appendChild(u):u===s.nextSibling?x(s):t.insertBefore(u,s))}if(v)for(var C in y)void 0!==y[C]&&j(y[C],!1);for(;g<=w;)void 0!==(u=m[w--])&&j(u,!1)}(l,d,o,r,C||null!=f.dangerouslySetInnerHTML),function(e,t,n){var o;for(o in n)t&&null!=t[o]||null==n[o]||v(e,o,n[o],n[o]=void 0,k);for(o in t)"children"===o||"innerHTML"===o||o in n&&t[o]===("value"===o||"checked"===o?e[o]:n[o])||v(e,o,n[o],n[o]=t[o],k)}(l,n.attributes,f),k=a,l}(e,t,n,o,i);return r&&l.parentNode!==r&&r.appendChild(l),--w||(C=!1,i||S()),l}function j(e,t){var n=e._component;n?V(n):(null!=e.__preactattr_&&u(e.__preactattr_.ref,null),!1!==t&&null!=e.__preactattr_||x(e),_(e))}function _(e){for(e=e.lastChild;e;){var t=e.previousSibling;j(e,!0),e=t}}var R=[];function E(e,t,n){var o,r=R.length;for(e.prototype&&e.prototype.render?(o=new e(t,n),T.call(o,t,n)):((o=new T(t,n)).constructor=e,o.render=P);r--;)if(R[r].constructor===e)return o.nextBase=R[r].nextBase,R.splice(r,1),o;return o}function P(e,t,n){return this.constructor(e,n)}function I(e,t,n,o,r){e._disable||(e._disable=!0,e.__ref=t.ref,e.__key=t.key,delete t.ref,delete t.key,void 0===e.constructor.getDerivedStateFromProps&&(!e.base||r?e.componentWillMount&&e.componentWillMount():e.componentWillReceiveProps&&e.componentWillReceiveProps(t,o)),o&&o!==e.context&&(e.prevContext||(e.prevContext=e.context),e.context=o),e.prevProps||(e.prevProps=e.props),e.props=t,e._disable=!1,0!==n&&(1!==n&&!1===i.syncComponentUpdates&&e.base?h(e):B(e,1,r)),u(e.__ref,e))}function B(e,t,n,o){if(!e._disable){var r,i,l,a=e.props,s=e.state,u=e.context,p=e.prevProps||a,f=e.prevState||s,d=e.prevContext||u,h=e.base,m=e.nextBase,b=h||m,x=e._component,v=!1,g=d;if(e.constructor.getDerivedStateFromProps&&(s=c(c({},s),e.constructor.getDerivedStateFromProps(a,s)),e.state=s),h&&(e.props=p,e.state=f,e.context=d,2!==t&&e.shouldComponentUpdate&&!1===e.shouldComponentUpdate(a,s,u)?v=!0:e.componentWillUpdate&&e.componentWillUpdate(a,s,u),e.props=a,e.state=s,e.context=u),e.prevProps=e.prevState=e.prevContext=e.nextBase=null,e._dirty=!1,!v){r=e.render(a,s,u),e.getChildContext&&(u=c(c({},u),e.getChildContext())),h&&e.getSnapshotBeforeUpdate&&(g=e.getSnapshotBeforeUpdate(p,f));var k,C,_=r&&r.nodeName;if("function"==typeof _){var R=y(r);(i=x)&&i.constructor===_&&R.key==i.__key?I(i,R,1,u,!1):(k=i,e._component=i=E(_,R,u),i.nextBase=i.nextBase||m,i._parentComponent=e,I(i,R,0,u,!1),B(i,1,n,!0)),C=i.base}else l=b,(k=x)&&(l=e._component=null),(b||1===t)&&(l&&(l._component=null),C=O(l,r,u,n||!h,b&&b.parentNode,!0));if(b&&C!==b&&i!==x){var P=b.parentNode;P&&C!==P&&(P.replaceChild(C,b),k||(b._component=null,j(b,!1)))}if(k&&V(k),e.base=C,C&&!o){for(var T=e,M=e;M=M._parentComponent;)(T=M).base=C;C._component=T,C._componentConstructor=T.constructor}}for(!h||n?A.push(e):v||e.componentDidUpdate&&e.componentDidUpdate(p,f,g);e._renderCallbacks.length;)e._renderCallbacks.pop().call(e);w||o||S()}}function V(e){var t=e.base;e._disable=!0,e.componentWillUnmount&&e.componentWillUnmount(),e.base=null;var n=e._component;n?V(n):t&&(null!=t.__preactattr_&&u(t.__preactattr_.ref,null),e.nextBase=t,x(t),R.push(e),_(t)),u(e.__ref,null)}function T(e,t){this._dirty=!0,this.context=t,this.props=e,this.state=this.state||{},this._renderCallbacks=[]}c(T.prototype,{setState:function(e,t){this.prevState||(this.prevState=this.state),this.state=c(c({},this.state),"function"==typeof e?e(this.state,this.props):e),t&&this._renderCallbacks.push(t),h(this)},forceUpdate:function(e){e&&this._renderCallbacks.push(e),B(this,2)},render:function(){}});var M=function(e){for(var t,n,o=1,r="",i="",l=[0],a=function(e){1===o&&(e||(r=r.replace(/^\s*\n\s*|\s*\n\s*$/g,"")))?l.push(e||r,0):3===o&&(e||r)?(l.push(e||r,1),o=2):2===o&&"..."===r&&e?l.push(e,3):2===o&&r&&!e?l.push(!0,2,r):4===o&&n&&(l.push(e||r,2,n),n=""),r=""},s=0;s<e.length;s++){s&&(1===o&&a(),a(s));for(var c=0;c<e[s].length;c++)t=e[s][c],1===o?"<"===t?(a(),l=[l],o=3):r+=t:i?t===i?i="":r+=t:'"'===t||"'"===t?i=t:">"===t?(a(),o=1):o&&("="===t?(o=4,n=r,r=""):"/"===t?(a(),3===o&&(l=l[0]),o=l,(l=l[0]).push(o,4),o=0):" "===t||"\t"===t||"\n"===t||"\r"===t?(a(),o=2):r+=t)}return a(),l},z="function"==typeof Map,L=z?new Map:{},U=z?function(e){var t=L.get(e);return t||L.set(e,t=M(e)),t}:function(e){for(var t="",n=0;n<e.length;n++)t+=e[n].length+"-"+e[n];return L[t]||(L[t]=M(e))};(function(e){var t=function e(t,n,o,r){for(var i=1;i<n.length;i++){var l=n[i++],a="number"==typeof l?o[l]:l;1===n[i]?r[0]=a:2===n[i]?(r[1]=r[1]||{})[n[++i]]=a:3===n[i]?r[1]=Object.assign(r[1]||{},a):r.push(n[i]?t.apply(null,e(t,a,o,["",null])):a)}return r}(this,U(e),arguments,[]);return t.length>1?t:t[0]}).bind(s);function D(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function F(){for(var e=[],t=0;t<arguments.length;t++)e.push("".concat(t+1,". ").concat(arguments[t]));console.warn(e.join("\n"))}function N(e){return"[object Array]"==Object.prototype.toString.call(e)}function q(e){return"[object Function]"==Object.prototype.toString.call(e)}function J(e,t){var n;for(n in t)e[n]=e[n]&&"[object Object]"===e[n].toString()&&t[n]&&"[object Object]"===t[n].toString()?J(e[n],t[n]):e[n]=t[n];return e}function G(e,t,n){var o=n.value,r=D(t),i=function(n){var i=e[n];t.find(function(e){return e[o]==i[o]})||r.push(i)};for(var l in e)i(l);return r}function H(e){return(H="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Y(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function X(e,t){return!t||"object"!==H(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function K(e){return(K=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Q(e,t){return(Q=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var W=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),X(this,K(t).call(this,e))}var n,o,r;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Q(e,t)}(t,T),n=t,(o=[{key:"render",value:function(e){var t=e.tips;return s("div",{class:e.show?"xm-tips":"xm-tips dis"},t)}}])&&Y(n.prototype,o),r&&Y(n,r),t}();function Z(e){return(Z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function $(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function ee(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function te(e,t){return!t||"object"!==Z(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function ne(e){return(ne=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function oe(e,t){return(oe=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var re=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),te(this,ne(t).call(this,e))}var n,o,r;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&oe(e,t)}(t,T),n=t,(o=[{key:"iconClick",value:function(e,t,n,o){this.props.ck(e,t,n,!0),o.stopPropagation()}},{key:"scrollFunc",value:function(e){if(0==e.wheelDeltaX){for(var t=this.labelRef.getElementsByClassName("xm-label-block"),n=10,o=0;o<t.length;o++)n+=t[o].getBoundingClientRect().width+5;var r=this.labelRef.getBoundingClientRect().width,i=n>r?n-r:r,l=this.labelRef.scrollLeft+e.deltaY;l<0&&(l=0),l>i&&(l=i),this.labelRef.scrollLeft=l}}},{key:"componentDidMount",value:function(){this.labelRef.addEventListener&&this.labelRef.addEventListener("DOMMouseScroll",this.scrollFunc.bind(this),!1),this.labelRef.attachEvent&&this.labelRef.attachEvent("onmousewheel",this.scrollFunc.bind(this)),this.labelRef.onmousewheel=this.scrollFunc.bind(this)}},{key:"render",value:function(e){var t=this,n=e.data,o=e.prop,r=e.theme,i=e.model,l=e.sels,a=e.autoRow,c=o.name,u=o.disabled,p=i.label,f=p.type,d=p[f],h="",m=!0;if("text"===f)h=l.map(function(e){return"".concat(d.left).concat(e[c]).concat(d.right)}).join(d.separator);else if("block"===f){m=!1;var b=$(l),y={backgroundColor:r.color},x=d.showCount<=0?b.length:d.showCount;h=b.splice(0,x).map(function(e){var n={width:d.showIcon?"calc(100% - 20px)":"100%"};return s("div",{class:["xm-label-block",e[u]?"disabled":""].join(" "),style:y},s("span",{style:n},e[c]),d.showIcon&&s("i",{class:"xm-iconfont xm-icon-close",onClick:t.iconClick.bind(t,e,!0,e[u])}))}),b.length&&h.push(s("div",{class:"xm-label-block",style:y},"+ ",b.length))}else h=l.length&&d&&d.template?d.template(n,l):l.map(function(e){return e[c]}).join(",");return s("div",{class:["xm-label",a?"auto-row":"single-row"].join(" ")},s("div",{class:"scroll",ref:function(e){return t.labelRef=e}},m?s("div",{class:"label-content",dangerouslySetInnerHTML:{__html:h}}):s("div",{class:"label-content"},h)))}}])&&ee(n.prototype,o),r&&ee(n,r),t}();function ie(e){return(ie="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function le(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function ae(e,t){return!t||"object"!==ie(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function se(e){return(se=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function ce(e,t){return(ce=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var ue=function(e){function t(e){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(n=ae(this,se(t).call(this,e))).setState({filterValue:"",remote:!0,loading:!1,pageIndex:1,pageSize:10}),n.searchCid=0,n.inputOver=!0,n.__value="",n}var n,o,r;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&ce(e,t)}(t,T),n=t,(o=[{key:"optionClick",value:function(e,t,n,o){this.props.ck(e,t,n),this.blockClick(o)}},{key:"groupClick",value:function(e,t){var n=this.props.prop,o=n.click,r=n.children,i=n.disabled,l=e[o],a=e[r].filter(function(e){return!e[i]});"SELECT"===l?this.props.onReset(a,"append"):"CLEAR"===l?this.props.onReset(a,"delete"):"AUTO"===l?this.props.onReset(a,"auto"):q(l)&&l(e),this.blockClick(t)}},{key:"blockClick",value:function(e){e.stopPropagation()}},{key:"pagePrevClick",value:function(e){var t=this.state.pageIndex;t<=1||this.changePageIndex(t-1)}},{key:"pageNextClick",value:function(e,t){var n=this.state.pageIndex;n>=t||this.changePageIndex(n+1)}},{key:"changePageIndex",value:function(e){this.setState({pageIndex:e})}},{key:"searchInput",value:function(e){var t=this,n=e.target.value;n!==this.__value&&(clearTimeout(this.searchCid),this.inputOver&&(this.__value=n,this.searchCid=setTimeout(function(){t.callback=!0,t.setState({filterValue:t.__value,remote:!0})},this.props.delay)))}},{key:"focus",value:function(){this.searchInputRef&&this.searchInputRef.focus()}},{key:"blur",value:function(){this.searchInputRef&&this.searchInputRef.blur()}},{key:"handleComposition",value:function(e){var t=e.type;"compositionstart"===t?(this.inputOver=!1,clearTimeout(this.searchCid)):"compositionend"===t&&(this.inputOver=!0,this.searchInput(e))}},{key:"componentWillReceiveProps",value:function(e){var t=this;this.props.show!=e.show&&(e.show?setTimeout(function(){return t.focus()},0):(this.setState({filterValue:""}),this.__value="",this.searchInputRef&&(this.searchInputRef.value="")))}},{key:"componentDidUpdate",value:function(){if(this.callback){this.callback=!1;var e=this.props.filterDone;q(e)&&e(this.state.filterValue,this.tempData||[])}}},{key:"render",value:function(e){var t=this,n=e.data,o=e.prop,r=e.template,i=e.theme,l=e.radio,a=e.sels,c=e.empty,u=e.filterable,p=e.filterMethod,f=e.remoteSearch,d=e.remoteMethod,h=(e.delay,e.searchTips),m=o.name,b=o.value,y=o.disabled,x=o.children,v=o.optgroup,g=J([],n);if(u)if(f)this.state.remote&&(this.callback=!1,this.setState({loading:!0,remote:!1}),this.blur(),d(this.state.filterValue,function(e){t.focus(),t.callback=!0,t.setState({loading:!1}),t.props.onReset(e,"data")},this.props.show));else{g=g.filter(function(e,n){return e[v]?(delete e.__del,!0):p(t.state.filterValue,e,n,o)});for(var A=0;A<g.length-1;A++){var w=g[A],k=g[A+1];w[v]&&k[v]&&(g[A].__del=!0)}g.length&&g[g.length-1][v]&&(g[g.length-1].__del=!0),g=g.filter(function(e){return!e.__del})}var C=s("div",{class:"xm-search"},s("i",{class:"xm-iconfont xm-icon-sousuo"}),s("input",{type:"text",class:"xm-input xm-search-input",placeholder:h,ref:function(e){return t.searchInputRef=e},onClick:this.blockClick.bind(this),onInput:this.searchInput.bind(this),onCompositionStart:this.handleComposition.bind(this),onCompositionUpdate:this.handleComposition.bind(this),onCompositionEnd:this.handleComposition.bind(this)})),S={};g.filter(function(e){return e[v]}).forEach(function(e){e[x].forEach(function(t){return S[t[b]]=e})}),g=g.filter(function(e){return!e[v]});var O="";if(e.paging){var j=Math.floor((g.length-1)/e.pageSize)+1;this.state.pageIndex>j&&this.changePageIndex(j),j>0&&this.state.pageIndex<=0&&this.changePageIndex(1);var _=(this.state.pageIndex-1)*e.pageSize,R=_+e.pageSize;g=g.slice(_,R);var E={cursor:"no-drop",color:"#d2d2d2"},P={},I={};this.state.pageIndex<=1&&(P=E),this.state.pageIndex==j&&(I=E),O=s("div",{class:"xm-paging"},s("span",{style:P,onClick:this.pagePrevClick.bind(this)},"上一页"),s("span",null,this.state.pageIndex," / ",j),s("span",{style:I,onClick:function(e){return t.pageNextClick.bind(t,e,j)()}},"下一页"))}else e.showCount>0&&(g=g.slice(0,e.showCount));var B,V=[];g.forEach(function(e){var t=S[e[b]];t!=B&&(B=t,V.push(B)),V.push(e)});var T=J([],g=V);this.tempData=T;var M=s("div",{class:"xm-toolbar"},e.toolbar.list.map(function(n){var r;r="ALL"===n?{icon:"xm-iconfont xm-icon-quanxuan",name:"全选",method:function(e){var n=o.optgroup,r=o.disabled,i=e.filter(function(e){return!e[n]}).filter(function(e){return!e[r]});t.props.onReset(G(i,a,o),"sels")}}:"CLEAR"===n?{icon:"xm-iconfont xm-icon-qingkong",name:"清空",method:function(e){t.props.onReset(a.filter(function(e){return e[o.disabled]}),"sels")}}:n;var l=function(e){"mouseenter"===e.type&&(e.target.style.color=i.color),"mouseleave"===e.type&&(e.target.style.color="")};return s("div",{class:"toolbar-tag",onClick:function(){q(r.method)&&r.method(T)},onMouseEnter:l,onMouseLeave:l},e.toolbar.showIcon&&s("i",{class:r.icon}),s("span",null,r.name))}).filter(function(e){return e})),z="hidden"!=e.model.icon;return(g=g.map(function(e){return e[v]?s("div",{class:"xm-group"},s("div",{class:"xm-group-item",onClick:t.groupClick.bind(t,e)},e[m])):function(e){var o=!!a.find(function(t){return t[b]==e[b]}),c=o?{color:i.color,border:"none"}:{borderColor:i.color},u={};!z&&o&&(u.backgroundColor=i.color,e[y]&&(u.backgroundColor="#C2C2C2"));var p=["xm-option",e[y]?" disabled":"",o?" selected":"",z?"show-icon":"hide-icon"].join(" "),f=["xm-option-icon xm-iconfont",l?"xm-icon-danx":"xm-icon-duox"].join(" ");return s("div",{class:p,style:u,value:e[b],onClick:t.optionClick.bind(t,e,o,e[y])},z&&s("i",{class:f,style:c}),s("div",{class:"xm-option-content",dangerouslySetInnerHTML:{__html:r({data:n,item:e,arr:a,name:e[m],value:e[b]})}}))}(e)})).length||g.push(s("div",{class:"xm-select-empty"},c)),s("div",{onClick:this.blockClick},s("div",null,e.toolbar.show&&M,u&&C,s("div",{class:"scroll-body",style:{maxHeight:e.height}},g),e.paging&&O),this.state.loading&&s("div",{class:"loading"},s("span",{class:"loader"})))}}])&&le(n.prototype,o),r&&le(n,r),t}();function pe(e){return(pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function fe(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function de(e,t){return!t||"object"!==pe(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function he(e){return(he=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function me(e,t){return(me=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var be=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),de(this,he(t).call(this,e))}var n,o,r;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&me(e,t)}(t,T),n=t,(o=[{key:"blockClick",value:function(e){e.stopPropagation()}},{key:"shouldComponentUpdate",value:function(){return!this.already}},{key:"render",value:function(e){return this.already=!0,s("div",{onClick:this.blockClick,class:"xm-body-custom",dangerouslySetInnerHTML:{__html:e.content}})}}])&&fe(n.prototype,o),r&&fe(n,r),t}();function ye(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function xe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){ve(e,t,n[t])})}return e}function ve(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ge(e){return(ge="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Ae(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function we(e){return(we=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function ke(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ce(e,t){return(Ce=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var Se=function(e){function t(e){var n,o,r;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),o=this,(n=!(r=we(t).call(this,e))||"object"!==ge(r)&&"function"!=typeof r?ke(o):r).reset(n.props),n.props.onRef(ke(n)),n.bodyView=null,n}var n,o,r;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Ce(e,t)}(t,T),n=t,(o=[{key:"reset",value:function(e){this.updateBorderColor(""),this.resetDate(e.data),this.value(e.initValue?e.initValue:this.findValue(this.state.data),!!this.state.show)}},{key:"findValue",value:function(e){var t=this.props.prop.selected;return e.filter(function(e){return!0===e[t]})}},{key:"resetSelectValue",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=arguments.length>2?arguments[2]:void 0,o=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],r=this.props.on;q(r)&&this.prepare&&o&&r({arr:e,change:t,isAdd:n}),this.setState({sels:e})}},{key:"resetDate",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.setState({data:e})}},{key:"value",value:function(e,t,n){!1!==t&&!0!==t&&(t=this.state.show);var o=this.exchangeValue(e);this.resetSelectValue(o,o,!0,n),this.setState({show:t})}},{key:"exchangeValue",value:function(e){var t=this.props.prop,n=t.optgroup,o=t.value,r=this.state.data.filter(function(e){return!e[n]});return e.map(function(e){return"object"===ge(e)?e[o]:e}).map(function(e){return r.find(function(t){return t[o]==e})}).filter(function(e){return e})}},{key:"append",value:function(e){var t=this.exchangeValue(e);this.resetSelectValue(G(t,this.state.sels,this.props.prop),t,!0)}},{key:"del",value:function(e){var t=this.props.prop.value,n=this.state.sels;(e=this.exchangeValue(e)).forEach(function(e){var o=n.findIndex(function(n){return n[t]===e[t]});-1!=o&&n.splice(o,1)}),this.resetSelectValue(n,e,!1)}},{key:"auto",value:function(e){var t=this,n=this.props.prop.value;e.filter(function(e){return-1!=t.state.sels.findIndex(function(t){return t[n]===e[n]})}).length==e.length?this.del(e):this.append(e)}},{key:"updateBorderColor",value:function(e){this.setState({tmpColor:e})}},{key:"onReset",value:function(e,t){if("data"===t){var n=this.findValue(e);this.resetSelectValue(G(n,this.state.sels,this.props.prop),n,!0),this.setState({data:e})}else"sels"===t?this.resetSelectValue(e,e,!0):"append"===t?this.append(e):"delete"===t?this.del(e):"auto"===t&&this.auto(e)}},{key:"onClick",value:function(e){var t=!this.state.show;if(t){if(this.props.show&&0==this.props.show())return;this.props.onClose(this.props.el)}else{if(this.props.hide&&0==this.props.hide())return;this.bodyView.scroll&&this.bodyView.scroll(0,0)}this.setState({show:t}),e&&e.stopPropagation()}},{key:"componentWillReceiveProps",value:function(e){this.reset(e)}},{key:"componentDidUpdate",value:function(){var e=this.props.direction,t=this.base.getBoundingClientRect();if("auto"===e){this.bodyView.style.display="block",this.bodyView.style.visibility="hidden";var n=this.bodyView.getBoundingClientRect().height;this.bodyView.style.display="",this.bodyView.style.visibility="";var o=document.documentElement.clientHeight-(t.y||t.top)-t.height-20;e=o>n||(t.y||t.top)<o?"down":"up"}"down"==e?(this.bodyView.style.top=t.height+4+"px",this.bodyView.style.bottom="auto"):(this.bodyView.style.top="auto",this.bodyView.style.bottom=t.height+4+"px")}},{key:"componentDidMount",value:function(){this.prepare=!0}},{key:"render",value:function(e,t){var n=this,o=t.sels,r=t.show,i=e.tips,l=e.theme,a=e.prop,c=e.style,u=e.radio,p=e.repeat,f=e.clickClose,d=(e.on,e.max),h=e.maxMethod,m={borderColor:l.color},b={style:xe({},c,r?m:{}),onClick:this.onClick.bind(this),ua:-1!=navigator.userAgent.indexOf("Mac OS")?"mac":"win",size:e.size};this.state.tmpColor&&(b.style.borderColor=this.state.tmpColor,setTimeout(function(){b.style.borderColor="",n.updateBorderColor("")},300));var y=r?"xm-icon xm-icon-expand":"xm-icon",x={tips:i,show:!o.length},v=a.value,g=function(e,t,r,i){if(!r){if(!t||p&&!i){var a=(c=d,c-=0,isNaN(c)&&(c=0),c);if(a>0&&o.length>=a)return n.updateBorderColor(l.maxColor),void(h&&q(h)&&h(o,e));u?n.resetSelectValue([e],[e],!t):n.resetSelectValue([].concat(ye(o),[e]),[e],!t)}else{var s=o.findIndex(function(t){return t[v]==e[v]});-1!=s&&(o.splice(s,1),n.resetSelectValue(o,[e],!t))}var c;f&&!i&&n.onClick()}},A=s("input",{class:"xm-select-default",name:e.name,value:o.map(function(e){return e[a.value]}).join(",")}),w=xe({},e,{data:this.state.data,sels:o,ck:g,title:o.map(function(e){return e[a.name]}).join(",")}),k=xe({},e,{data:this.state.data,sels:o,ck:g,show:r,onReset:this.onReset.bind(this)}),C=["xm-body",r?"":"dis"].join(" ");return s("xm-select",b,A,s("i",{class:y}),s(W,x),s(re,w),s("div",{class:C,ref:function(e){return n.bodyView=e}},e.content?s(be,{content:e.content}):s(ue,k)))}}])&&Ae(n.prototype,o),r&&Ae(n,r),t}(),Oe={tips:"请选择",empty:"暂无数据",searchTips:"请选择"},je={zn:Oe,en:{tips:"please selected",empty:"no data",searchTips:"please search"}},_e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"zn",t=je[e]||Oe;return{data:[],content:"",name:"select",size:"medium",initValue:null,tips:t.tips,empty:t.empty,delay:500,searchTips:t.searchTips,filterable:!1,filterMethod:function(e,t,n,o){return!e||-1!=t[o.name].indexOf(e)},remoteSearch:!1,remoteMethod:function(e,t){t([])},direction:"auto",style:{},height:"200px",autoRow:!1,paging:!1,pageSize:10,radio:!1,repeat:!1,clickClose:!1,max:0,maxMethod:function(e,t){},showCount:0,toolbar:{show:!1,showIcon:!0,list:["ALL","CLEAR"]},prop:{name:"name",value:"value",selected:"selected",disabled:"disabled",children:"children",optgroup:"optgroup",click:"click"},theme:{color:"#009688",maxColor:"#e54d42"},model:{label:{type:"block",text:{left:"",right:"",separator:", "},block:{showCount:0,showIcon:!0},count:{template:function(e,t){return"已选中 ".concat(t.length," 项, 共 ").concat(e.length," 项")}}},icon:"show"},show:function(){},hide:function(){},template:function(e){e.item,e.sels;var t=e.name;e.value;return t},on:function(e){e.arr,e.item,e.selected}}};function Re(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ee(){return(Ee=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function Pe(e){return(Pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Ie(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var Be,Ve={},Te={},Me=function(e){return Object.keys(Te).filter(function(t){return t!=e}).forEach(function(e){return Te[e].closed()})};Be=Me,window.addEventListener("click",function(e){return Be(e)});var ze={},Le=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),Ve[t.el]=t,this.options=_e(t.language),this.update(t)}var t,n,o;return t=e,(n=[{key:"update",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.options=J(this.options,t);var n,o=(n=this.options.el,document.querySelector(n));if(o){var r=this.options.data||[];if("function"==typeof r&&(r=r(),this.options.data=r),N(r)){this.options.data=function(e,t){for(var n,o=t.prop,r=(o.disabled,o.children),i=o.optgroup,l=(o.value,[]),a=0;a<e.length;a++){var s=e[a];if(l.push(s),s[i])n=s,s[r]=[];else{var c=s[r];N(c)?(n=null,s[i]=!0,c.forEach(function(e){return l.push(e)})):n&&n[r].push(s)}}return l}(r,this.options);var i,l,a;return i=s(Se,Ee({},this.options,{onClose:Me,onRef:function(t){return ze[e.options.el]=t}})),a=l=o,O(l.firstElementChild,i,{},!1,a,!1),Te[this.options.el]=this,this}F("data数据必须为数组类型, 不能是".concat(Pe(Te),"类型"))}else F("没有找到渲染对象: ".concat(t.el,", 请检查"))}},{key:"reset",value:function(){var e=this.options;return this.options=_e(e.language),this.update(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){Re(e,t,n[t])})}return e}({},Ve[e.el])),ze[this.options.el].reset(),this}},{key:"opened",value:function(){var e=ze[this.options.el];return!e.state.show&&e.onClick(),this}},{key:"closed",value:function(){var e=ze[this.options.el];return e.state.show&&e.onClick(),this}},{key:"getValue",value:function(e){var t=this,n=J([],ze[this.options.el].state.sels);return"name"===e?n.map(function(e){return e[t.options.prop.name]}):"nameStr"===e?n.map(function(e){return e[t.options.prop.name]}).join(","):"value"===e?n.map(function(e){return e[t.options.prop.value]}):"valueStr"===e?n.map(function(e){return e[t.options.prop.value]}).join(","):n}},{key:"setValue",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(N(e))return ze[this.options.el].value(e,t,n),this;F("请传入数组结构...")}},{key:"append",value:function(e){if(N(e))return ze[this.options.el].append(e),this;F("请传入数组结构...")}},{key:"delete",value:function(e){if(N(e))return ze[this.options.el].del(e),this;F("请传入数组结构...")}},{key:"warning",value:function(e){return ze[this.options.el].updateBorderColor(e||this.options.theme.maxColor),this}}])&&Ie(t.prototype,n),o&&Ie(t,o),e}();t.a=Le},84:function(e,t,n){"use strict";n.r(t),function(e){var t=n(16),o=(n(86),n(82)),r=(n(87),n(89),{name:t.a,version:t.b,render:function(e){return new o.a(e)}});"object"===("undefined"==typeof exports?"undefined":_typeof(exports))?e.exports=r:"function"==typeof define&&n(91)?define(r):window.layui&&layui.define&&layui.define(function(e){e("xmSelect",r)}),window.xmSelect=r}.call(this,n(85)(e))},85:function(e,t){e.exports=function(e){if(!e.webpackPolyfill){var t=Object.create(e);t.children||(t.children=[]),Object.defineProperty(t,"loaded",{enumerable:!0,get:function(){return t.l}}),Object.defineProperty(t,"id",{enumerable:!0,get:function(){return t.i}}),Object.defineProperty(t,"exports",{enumerable:!0}),t.webpackPolyfill=1}return t}},86:function(e,t){Array.prototype.map||(Array.prototype.map=function(e,t){var n,o,r,i=Object(this),l=i.length>>>0;for(t&&(n=t),o=new Array(l),r=0;r<l;){var a,s;r in i&&(a=i[r],s=e.call(n,a,r,i),o[r]=s),r++}return o}),Array.prototype.forEach||(Array.prototype.forEach=function(e,t){var n,o;if(null==this)throw new TypeError("this is null or not defined");var r=Object(this),i=r.length>>>0;if("function"!=typeof e)throw new TypeError(e+" is not a function");for(arguments.length>1&&(n=t),o=0;o<i;){var l;o in r&&(l=r[o],e.call(n,l,o,r)),o++}}),Array.prototype.filter||(Array.prototype.filter=function(e){if(null==this)throw new TypeError;var t=Object(this),n=t.length>>>0;if("function"!=typeof e)throw new TypeError;for(var o=[],r=arguments[1],i=0;i<n;i++)if(i in t){var l=t[i];e.call(r,l,i,t)&&o.push(l)}return o}),Array.prototype.find||(Array.prototype.find=function(e){return e&&(this.filter(e)||[])[0]}),Array.prototype.findIndex||(Array.prototype.findIndex=function(e){for(var t,n=Object(this),o=n.length>>>0,r=arguments[1],i=0;i<o;i++)if(t=n[i],e.call(r,t,i,n))return i;return-1})},87:function(e,t,n){var o=n(88);"string"==typeof o&&(o=[[e.i,o,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0};n(3)(o,r);o.locals&&(e.exports=o.locals)},88:function(e,t,n){(e.exports=n(2)(!1)).push([e.i,"@-webkit-keyframes xm-upbit {\n  from {\n    -webkit-transform: translate3d(0, 30px, 0);\n    opacity: 0.3;\n  }\n  to {\n    -webkit-transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n}\n@keyframes xm-upbit {\n  from {\n    transform: translate3d(0, 30px, 0);\n    opacity: 0.3;\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n}\n@-webkit-keyframes loader {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes loader {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\nxm-select {\n  background-color: #FFF;\n  position: relative;\n  border: 1px solid #E6E6E6;\n  border-radius: 2px;\n  display: block;\n  width: 100%;\n  cursor: pointer;\n}\nxm-select * {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  font-size: 14px;\n  font-weight: 400;\n  text-overflow: ellipsis;\n  user-select: none;\n  -ms-user-select: none;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n}\nxm-select:hover {\n  border-color: #C0C4CC;\n}\nxm-select > .xm-tips {\n  color: #999999;\n  padding: 0 10px;\n  position: absolute;\n  display: flex;\n  height: 100%;\n  align-items: center;\n}\nxm-select > .xm-icon {\n  display: inline-block;\n  overflow: hidden;\n  position: absolute;\n  width: 0;\n  height: 0;\n  right: 10px;\n  top: 50%;\n  margin-top: -3px;\n  cursor: pointer;\n  border: 6px dashed transparent;\n  border-top-color: #C2C2C2;\n  border-top-style: solid;\n  transition: all 0.3s;\n  -webkit-transition: all 0.3s;\n}\nxm-select > .xm-icon-expand {\n  margin-top: -9px;\n  transform: rotate(180deg);\n}\nxm-select > .xm-label.single-row {\n  position: absolute;\n  top: 0;\n  bottom: 0px;\n  left: 0px;\n  right: 30px;\n  overflow: auto hidden;\n}\nxm-select > .xm-label.single-row .scroll {\n  overflow-y: hidden;\n}\nxm-select > .xm-label.single-row .label-content {\n  flex-wrap: nowrap;\n}\nxm-select > .xm-label.auto-row .label-content {\n  flex-wrap: wrap;\n}\nxm-select > .xm-label .scroll .label-content {\n  display: flex;\n  padding: 3px 30px 3px 10px;\n}\nxm-select > .xm-label .xm-label-block {\n  display: flex;\n  position: relative;\n  padding: 0px 5px;\n  margin: 2px 5px 2px 0;\n  border-radius: 3px;\n  align-items: baseline;\n  color: #FFF;\n}\nxm-select > .xm-label .xm-label-block > span {\n  display: flex;\n  color: #FFF;\n  white-space: nowrap;\n}\nxm-select > .xm-label .xm-label-block > i {\n  color: #FFF;\n  margin-left: 8px;\n  font-size: 12px;\n  cursor: pointer;\n  display: flex;\n}\nxm-select > .xm-label .xm-label-block.disabled {\n  background-color: #C2C2C2 !important;\n  cursor: no-drop !important;\n}\nxm-select > .xm-label .xm-label-block.disabled > i {\n  cursor: no-drop !important;\n}\nxm-select > .xm-body {\n  position: absolute;\n  left: 0;\n  top: 42px;\n  padding: 5px 0;\n  z-index: 999;\n  width: 100%;\n  border: 1px solid #E6E6E6;\n  background-color: #fff;\n  border-radius: 2px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);\n  animation-name: xm-upbit;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\nxm-select > .xm-body .scroll-body {\n  overflow: auto;\n}\nxm-select > .xm-body .scroll-body::-webkit-scrollbar {\n  width: 8px;\n}\nxm-select > .xm-body .scroll-body::-webkit-scrollbar-track {\n  -webkit-border-radius: 2em;\n  -moz-border-radius: 2em;\n  -ms-border-radius: 2em;\n  border-radius: 2em;\n  background-color: #FFF;\n}\nxm-select > .xm-body .scroll-body::-webkit-scrollbar-thumb {\n  -webkit-border-radius: 2em;\n  -moz-border-radius: 2em;\n  -ms-border-radius: 2em;\n  border-radius: 2em;\n  background-color: #C2C2C2;\n}\nxm-select > .xm-body.up {\n  top: auto;\n  bottom: 42px;\n}\nxm-select > .xm-body .xm-group {\n  cursor: default;\n}\nxm-select > .xm-body .xm-group-item {\n  display: inline-block;\n  cursor: pointer;\n  padding: 0 10px;\n  color: #999;\n  font-size: 12px;\n}\nxm-select > .xm-body .xm-option {\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: 0 10px;\n  cursor: pointer;\n}\nxm-select > .xm-body .xm-option:hover {\n  background-color: #f2f2f2;\n}\nxm-select > .xm-body .xm-option-icon {\n  color: transparent;\n  display: flex;\n  border: 1px solid #E6E6E6;\n  border-radius: 3px;\n  justify-content: center;\n  align-items: center;\n}\nxm-select > .xm-body .xm-option-icon.xm-icon-danx {\n  border-radius: 100%;\n}\nxm-select > .xm-body .xm-option-content {\n  display: flex;\n  position: relative;\n  padding-left: 15px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: #666;\n  width: calc(100% - 20px);\n}\nxm-select > .xm-body .xm-option.hide-icon .xm-option-content {\n  padding-left: 0;\n}\nxm-select > .xm-body .xm-option.selected.hide-icon .xm-option-content {\n  color: #FFF !important;\n}\nxm-select > .xm-body .xm-select-empty {\n  text-align: center;\n  color: #999;\n}\nxm-select > .xm-body .disabled {\n  cursor: no-drop;\n}\nxm-select > .xm-body .disabled:hover {\n  background-color: #FFF;\n}\nxm-select > .xm-body .disabled .xm-option-icon {\n  border-color: #C2C2C2 !important;\n}\nxm-select > .xm-body .disabled .xm-option-content {\n  color: #C2C2C2 !important;\n}\nxm-select > .xm-body .disabled.selected > .xm-option-icon {\n  color: #C2C2C2 !important;\n}\nxm-select > .xm-body .xm-search {\n  background-color: #FFF !important;\n  position: relative;\n  padding: 0 10px;\n  margin-bottom: 5px;\n  cursor: pointer;\n}\nxm-select > .xm-body .xm-search > i {\n  position: absolute;\n  color: #666;\n}\nxm-select > .xm-body .xm-search-input {\n  border: none;\n  border-bottom: 1px solid #E6E6E6;\n  padding-left: 27px;\n  cursor: text;\n}\nxm-select > .xm-body .xm-paging {\n  padding: 0 10px;\n  display: flex;\n  margin-top: 5px;\n}\nxm-select > .xm-body .xm-paging > span:first-child {\n  border-radius: 2px 0 0 2px;\n}\nxm-select > .xm-body .xm-paging > span:last-child {\n  border-radius: 0 2px 2px 0;\n}\nxm-select > .xm-body .xm-paging > span {\n  display: flex;\n  flex: auto;\n  justify-content: center;\n  vertical-align: middle;\n  padding: 0 15px;\n  margin: 0 -1px 0 0;\n  background-color: #fff;\n  color: #333;\n  font-size: 12px;\n  border: 1px solid #e2e2e2;\n}\nxm-select > .xm-body .xm-toolbar {\n  padding: 0 10px;\n  display: flex;\n  margin: -3px 0;\n  cursor: default;\n}\nxm-select > .xm-body .xm-toolbar .toolbar-tag {\n  cursor: pointer;\n  display: flex;\n  margin-right: 20px;\n  color: #666;\n  align-items: baseline;\n}\nxm-select > .xm-body .xm-toolbar .toolbar-tag:hover {\n  opacity: 0.8;\n}\nxm-select > .xm-body .xm-toolbar .toolbar-tag:active {\n  opacity: 1;\n}\nxm-select > .xm-body .xm-toolbar .toolbar-tag > i {\n  margin-right: 2px;\n  font-size: 14px;\n}\nxm-select > .xm-body .xm-toolbar .toolbar-tag:last-child {\n  margin-right: 0;\n}\nxm-select > .xm-body .xm-body-custom {\n  line-height: initial;\n  cursor: default;\n}\nxm-select > .xm-body .xm-body-custom * {\n  box-sizing: initial;\n}\nxm-select .xm-input {\n  cursor: pointer;\n  border-radius: 2px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: #E6E6E6;\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n  background-color: #FFF;\n  line-height: 1.3;\n  padding-left: 10px;\n  outline: 0;\n}\nxm-select .dis {\n  display: none;\n}\nxm-select .loading {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(255, 255, 255, 0.6);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\nxm-select .loading .loader {\n  border: 0.2em dotted currentcolor;\n  border-radius: 50%;\n  -webkit-animation: 1s loader linear infinite;\n  animation: 1s loader linear infinite;\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  color: inherit;\n  vertical-align: middle;\n  pointer-events: none;\n}\nxm-select .xm-select-default {\n  display: none !important;\n}\nxm-select[size='large'] {\n  min-height: 40px;\n  line-height: 40px;\n}\nxm-select[size='large'] .xm-input {\n  height: 40px;\n}\nxm-select[size='large'] .xm-label .scroll .label-content {\n  line-height: 34px;\n}\nxm-select[size='large'] .xm-label .xm-label-block {\n  height: 30px;\n  line-height: 30px;\n}\nxm-select[size='large'] .xm-body .xm-option .xm-option-icon {\n  height: 20px;\n  width: 20px;\n  font-size: 20px;\n}\nxm-select[size='large'] .xm-paging > span {\n  height: 34px;\n  line-height: 34px;\n}\nxm-select {\n  min-height: 36px;\n  line-height: 36px;\n}\nxm-select .xm-input {\n  height: 36px;\n}\nxm-select .xm-label .scroll .label-content {\n  line-height: 30px;\n}\nxm-select .xm-label .xm-label-block {\n  height: 26px;\n  line-height: 26px;\n}\nxm-select .xm-body .xm-option .xm-option-icon {\n  height: 18px;\n  width: 18px;\n  font-size: 18px;\n}\nxm-select .xm-paging > span {\n  height: 30px;\n  line-height: 30px;\n}\nxm-select[size='small'] {\n  min-height: 32px;\n  line-height: 32px;\n}\nxm-select[size='small'] .xm-input {\n  height: 32px;\n}\nxm-select[size='small'] .xm-label .scroll .label-content {\n  line-height: 26px;\n}\nxm-select[size='small'] .xm-label .xm-label-block {\n  height: 22px;\n  line-height: 22px;\n}\nxm-select[size='small'] .xm-body .xm-option .xm-option-icon {\n  height: 16px;\n  width: 16px;\n  font-size: 16px;\n}\nxm-select[size='small'] .xm-paging > span {\n  height: 26px;\n  line-height: 26px;\n}\nxm-select[size='mini'] {\n  min-height: 28px;\n  line-height: 28px;\n}\nxm-select[size='mini'] .xm-input {\n  height: 28px;\n}\nxm-select[size='mini'] .xm-label .scroll .label-content {\n  line-height: 22px;\n}\nxm-select[size='mini'] .xm-label .xm-label-block {\n  height: 18px;\n  line-height: 18px;\n}\nxm-select[size='mini'] .xm-body .xm-option .xm-option-icon {\n  height: 14px;\n  width: 14px;\n  font-size: 14px;\n}\nxm-select[size='mini'] .xm-paging > span {\n  height: 22px;\n  line-height: 22px;\n}\n.layui-form-pane xm-select {\n  margin: -1px -1px -1px 0;\n}\n",""])},89:function(e,t,n){var o=n(90);"string"==typeof o&&(o=[[e.i,o,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0};n(3)(o,r);o.locals&&(e.exports=o.locals)},90:function(e,t,n){(e.exports=n(2)(!1)).push([e.i,'/* 阿里巴巴矢量图标库 */\n@font-face {\n  font-family: "xm-iconfont";\n  src: url(\'//at.alicdn.com/t/font_792691_qxv28s6g1l9.eot?t=1534240067831\');\n  /* IE9*/\n  src: url(\'//at.alicdn.com/t/font_792691_qxv28s6g1l9.eot?t=1534240067831#iefix\') format(\'embedded-opentype\'), /* IE6-IE8 */ url(\'data:application/x-font-woff;charset=utf-8;base64,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\') format(\'woff\'), url(\'//at.alicdn.com/t/font_792691_qxv28s6g1l9.ttf?t=1534240067831\') format(\'truetype\'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url(\'//at.alicdn.com/t/font_792691_qxv28s6g1l9.svg?t=1534240067831#iconfont\') format(\'svg\');\n  /* iOS 4.1- */\n}\n.xm-iconfont {\n  font-family: "xm-iconfont" !important;\n  font-size: 16px;\n  font-style: normal;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n.xm-icon-quanxuan:before {\n  content: "\\e62c";\n}\n.xm-icon-caidan:before {\n  content: "\\e610";\n}\n.xm-icon-fanxuan:before {\n  content: "\\e837";\n}\n.xm-icon-pifu:before {\n  content: "\\e668";\n}\n.xm-icon-qingkong:before {\n  content: "\\e63e";\n}\n.xm-icon-sousuo:before {\n  content: "\\e600";\n}\n.xm-icon-danx:before {\n  content: "\\e62b";\n}\n.xm-icon-duox:before {\n  content: "\\e613";\n}\n.xm-icon-close:before {\n  content: "\\e601";\n}\n.xm-icon-expand:before {\n  content: "\\e641";\n}\n',""])},91:function(e,t){(function(t){e.exports=t}).call(this,{})}});

您好!对于您提到的 "xmselect layui" ,我理解您是在询问关于在layui中使用xmSelect的方法。 xmSelect是一款基于jQuery的下拉框插件,而layui是一款轻量级的前端UI框架。要在layui中使用xmSelect,您需要先引入相应的库文件。 首先,您需要在页面中引入jQuery库和layui库: ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui@2.6.8/dist/css/layui.css"> <script src="https://cdn.jsdelivr.net/npm/layui@2.6.8/dist/layui.all.js"></script> ``` 然后,您需要引入xmSelect的样式文件和JavaScript文件: ```html <link rel="stylesheet" href="https://unpkg.com/xm-select/dist/css/xm-select.css"> <script src="https://unpkg.com/xm-select"></script> ``` 接下来,在您需要使用xmSelect的地方,可以使用以下代码进行初始化: ```javascript layui.use(['xmSelect'], function () { var xmSelect = layui.xmSelect; // 初始化xmSelect var demoSelect = xmSelect.render({ el: '#selectId', // 容器ID language: 'zh-CN', // 设置语言为中文 data: [{name: '选项1', value: '1'}, {name: '选项2', value: '2'}, {name: '选项3', value: '3'}], // 下拉框选项数据 filterable: true, // 是否启用搜索功能 radio: true // 是否单选模式 // 其他配置项... }); }); ``` 请注意,上述代码中的 `#selectId` 是一个容器元素的ID,您需要在页面中创建一个对应的 `<div id="selectId"></div>` 元素作为xmSelect的容器。 通过以上步骤,您就可以在layui中使用xmSelect了。当然,您也可以根据自己的需求进一步定制化配置,具体参数和用法可以参考xmSelect的官方文档(https://gitee.com/xm-plus/xm-select)。 希望以上信息对您有所帮助!如有任何疑问,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值