@minix-iot/ui
Version:
基于Vue的移动端轻量级UI组件库
7 lines • 17.2 kB
JavaScript
/*!
* @minix-iot/ui v0.2.4 - searchbar.js, 2709badeb34a699cd765, Wed Nov 24 2021 14:21:12 GMT+0800 (中国标准时间)
* (c) 2017-2020 JDC
* Released under the MIT License.
*/
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define("searchbar",["vue"],e):"object"==typeof exports?exports.searchbar=e(require("vue")):t.searchbar=e(t.Vue)}("undefined"!=typeof self?self:this,(function(t){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="./",n(n.s=113)}({0:function(t,e){t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},t.exports.default=t.exports,t.exports.__esModule=!0},1:function(t,e){t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},t.exports.default=t.exports,t.exports.__esModule=!0},10:function(t,e,n){var r=n(7);t.exports=function(t,e){if(t){if("string"==typeof t)return r(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}},t.exports.default=t.exports,t.exports.__esModule=!0},11:function(t,e,n){var r=n(19),o=n(20),i=n(10),a=n(21);t.exports=function(t,e){return r(t)||o(t,e)||i(t,e)||a()},t.exports.default=t.exports,t.exports.__esModule=!0},113:function(t,e,n){"use strict";n.r(e);var r=n(5),o=n(39),i=n.n(o),a=n(17),u=n(3).a.Create("search-bar"),s={name:u.name,components:{Icon:a.a},props:{value:{type:String,default:""},placeholder:{type:String,default:""},theme:{type:String,default:"gray"},round:{type:Boolean,default:!1},wrapperStyle:{type:Object|String},showPrefix:{type:Boolean,default:!1},showSuffix:{type:Boolean,default:!1}},model:{prop:"value",event:"change"},computed:{wrapperCls:function(){return u.derive("wrapper",[this.theme])},cls:function(){return u.derive([this.theme,{round:this.round}])},iconCls:function(){return u.derive("icon")},contentCls:function(){return u.derive("content")},inputCls:function(){return u.derive("content-input",[this.theme])},addonCls:function(){return u.derive("addon")},prefixCls:function(){return u.derive("prefix")},suffixCls:function(){return u.derive("suffix")},valueInner:{get:function(){return this.value},set:function(t){this.emitChange(t)}}},methods:{emitChange:function(t){this.$emit("change",t)},onClear:function(){this.emitChange("")},onReturn:function(t){this.$emit("return",t)},onCancel:function(t){this.$emit("cancel",t)},onFocus:function(t){this.$emit("focus",t)}},render:function(){var t=this,e=arguments[0],n=function(){if(t.showPrefix)return e("div",{class:t.prefixCls},[t.$slots.prefix||e(a.a,{class:"mx-icon-return",attrs:{name:"arrow-left",size:"16"},on:{click:t.onReturn}})])},r=function(){return e("div",{class:t.iconCls},[t.$slots.icon||e(a.a,{attrs:{name:"search",size:"16"}})])},o=function(){return e("div",{class:t.contentCls},[e("input",i()([{on:{input:function(e){e.target.composing||(t.valueInner=e.target.value)},focus:t.onFocus},class:t.inputCls,attrs:{type:"text",placeholder:t.placeholder},domProps:{value:t.valueInner}},{directives:[{name:"model",value:t.valueInner,modifiers:{}}]}]))])},s=function(){return e("div",{class:t.addonCls},[t.value&&(t.$slots.addon||e(a.a,{attrs:{name:"close",size:"16"},on:{click:t.onClear}}))])},c=function(){if(t.showSuffix)return e("div",{class:t.suffixCls},[t.$slots.action||e("div",{class:u.derive("suffix-cancel"),on:{click:t.onCancel}},["取消"])])};return e("div",{class:this.wrapperCls,style:this.wrapperStyle},[n(),e("div",{class:this.cls},[r(),o(),s()]),c()])}};n(55);r.a.WithInstall(s);e.default=s},12:function(t,e,n){var r=n(7);t.exports=function(t){if(Array.isArray(t))return r(t)},t.exports.default=t.exports,t.exports.__esModule=!0},13:function(t,e){t.exports=function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)},t.exports.default=t.exports,t.exports.__esModule=!0},14:function(t,e){t.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},t.exports.default=t.exports,t.exports.__esModule=!0},15:function(t,e,n){"use strict";var r=n(11),o=n.n(r),i=n(3),a=n(9),u=i.a.Create("badge");e.a={name:u.name,props:{tag:{type:String,default:"div"},theme:{type:String,default:"red"},dot:{type:Boolean,default:!1},max:{type:Number},content:{type:Number|String},color:{type:String},offset:{type:Array},small:{type:Boolean,default:!1}},computed:{cls:function(){return u.derive([this.theme,{dot:this.dot,fixed:!!this.$slots.default,small:this.small}])},wrapperCls:function(){return u.derive("wrapper")},style:function(){var t={};if(this.color){t.backgroundColor=this.color;var e=a.a.FromHex(this.color);t.color=e.isDark?a.a.WHITE:a.a.BLACK}if(this.offset){var n=o()(this.offset,2),r=n[0],i=n[1];this.$slots.default?(t.top="".concat(i,"px"),t.right="".concat(-r,"px")):(t.marginLeft="".concat(r,"px"),t.marginTop="".concat(i,"px"))}return t},hasContent:function(){return this.$slots.content||!!this.content}},render:function(){var t=this,e=arguments[0],n=function(){if(!t.dot){if(t.$slots.content)return t.$slots.content;var e=t.$props,n=e.max,r=e.content;return n&&!Number.isNaN(Number(r))&&r>n?"".concat(n,"+"):t.content}},r=function(){if(t.hasContent||t.dot)return e("div",{class:t.cls,style:t.style},[n()])};if(this.$slots.default){var o=this.tag;return e(o,{class:this.wrapperCls},[this.$slots.default,r()])}return r()}}},17:function(t,e,n){"use strict";var r=n(3),o=n(15),i=r.a.Create("icon");e.a={name:i.name,components:{Badge:o.a},props:{tag:{type:String,default:"i"},dot:{type:Boolean,default:!1},badge:{type:String|Number},name:{type:String,required:!0},size:{type:Number|String},color:{type:String},round:{type:Boolean,default:!1},classPrefix:{type:String,default:"mx-icon"},theme:{type:String},offset:{type:Array}},computed:{imgCls:function(){return i.derive("img")},isImgIcon:function(){return this.name.includes("/")},style:function(){var t={};return this.color&&(t[this.isImgIcon?"backgroundColor":"color"]=this.color),this.size&&(t.fontSize="".concat(this.size,"px")),this.round&&(t.borderRadius="50%"),t}},methods:{onClick:function(t){this.$emit("click",t)}},render:function(){var t=this,e=arguments[0],n=this.$props,r=n.tag,i=n.dot,a=n.badge,u=n.name,s=n.classPrefix,c=function(){return e(r,{class:[s,t.isImgIcon?"":"".concat(s,"-").concat(u),t.isImgIcon&&"mx-icon--img",t.theme&&"mx-icon--".concat(t.theme)],style:t.style,on:{click:t.onClick}},[t.isImgIcon&&e("img",{class:t.imgCls,attrs:{src:u}})])};return i||a?e(o.a,{attrs:{dot:i,content:a,offset:this.offset,small:!0}},[c()]):c()}}},19:function(t,e){t.exports=function(t){if(Array.isArray(t))return t},t.exports.default=t.exports,t.exports.__esModule=!0},2:function(t,e){function n(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}t.exports=function(t,e,r){return e&&n(t.prototype,e),r&&n(t,r),t},t.exports.default=t.exports,t.exports.__esModule=!0},20:function(t,e){t.exports=function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i=[],a=!0,u=!1;try{for(n=n.call(t);!(a=(r=n.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(t){u=!0,o=t}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}},t.exports.default=t.exports,t.exports.__esModule=!0},21:function(t,e){t.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},t.exports.default=t.exports,t.exports.__esModule=!0},3:function(t,e,n){"use strict";n.d(e,"a",(function(){return c}));var r=n(0),o=n.n(r),i=n(2),a=n.n(i),u=n(1),s=n.n(u),c=function(){function t(e){o()(this,t),this._name=e}return a()(t,[{key:"name",get:function(){return"".concat(t.ROOT,"-").concat(this._name)}},{key:"derive",value:function(t,e){return t&&"string"!=typeof t&&(e=t,t=""),t=t?this.sub(t):this.name,"".concat(t).concat(this.mod(t,e))}},{key:"sub",value:function(t){var e=Array.isArray(t)?t:[t];return e.reduce((function(t,e){return"".concat(t,"-").concat(e)}),e.length?this.name:"")}},{key:"mod",value:function(t,e){var n=this;return e?"string"==typeof e?" ".concat(t,"--").concat(e):Array.isArray(e)?e.reduce((function(e,r){return e+n.mod(t,r)}),""):Object.keys(e).reduce((function(r,o){return r+(e[o]?n.mod(t,o):"")}),""):""}}],[{key:"Create",value:function(e){return new t(e)}}]),t}();s()(c,"ROOT","mx")},39:function(t,e,n){"use strict";function r(){return(r=Object.assign||function(t){for(var e,n=1;n<arguments.length;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)}var o=["attrs","props","domProps"],i=["class","style","directives"],a=["on","nativeOn"],u=function(t,e){return function(){t&&t.apply(this,arguments),e&&e.apply(this,arguments)}};t.exports=function(t){return t.reduce((function(t,e){for(var n in e)if(t[n])if(-1!==o.indexOf(n))t[n]=r({},t[n],e[n]);else if(-1!==i.indexOf(n)){var s=t[n]instanceof Array?t[n]:[t[n]],c=e[n]instanceof Array?e[n]:[e[n]];t[n]=s.concat(c)}else if(-1!==a.indexOf(n))for(var l in e[n])if(t[n][l]){var f=t[n][l]instanceof Array?t[n][l]:[t[n][l]],p=e[n][l]instanceof Array?e[n][l]:[e[n][l]];t[n][l]=f.concat(p)}else t[n][l]=e[n][l];else if("hook"==n)for(var d in e[n])t[n][d]=t[n][d]?u(t[n][d],e[n][d]):e[n][d];else t[n]=e[n];else t[n]=e[n];return t}),{})}},4:function(t,e,n){var r=n(12),o=n(13),i=n(10),a=n(14);t.exports=function(t){return r(t)||o(t)||i(t)||a()},t.exports.default=t.exports,t.exports.__esModule=!0},5:function(t,e,n){"use strict";n.d(e,"a",(function(){return y}));var r=n(4),o=n.n(r),i=n(6),a=n.n(i),u=n(0),s=n.n(u),c=n(2),l=n.n(c),f=n(8),p=n.n(f);function d(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"==typeof t)return h(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return h(t,e)}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return a=t.done,t},e:function(t){u=!0,i=t},f:function(){try{a||null==n.return||n.return()}finally{if(u)throw i}}}}function h(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var y=function(){function t(){s()(this,t)}return l()(t,null,[{key:"WithInstall",value:function(t,e){if("object"!==a()(t)&&!t.name)throw new Error("could not install,because it is not a vue component!");t.install=function(n){n.component(t.name,t),e&&(n.prototype["$".concat(t.name.replace("mx-",""))]=e)}}},{key:"SortChildren",value:function(t,e){var n=e.$vnode.componentOptions;if(n&&n.children&&n.children.length){var r=this.FlattenVNode(n.children);return t.sort((function(t,e){return r.indexOf(t.$vnode)-r.indexOf(e.$vnode)})),t}}},{key:"FlattenVNode",value:function(t){return this.TraverseVNode(t)}},{key:"TraverseVNode",value:function(t){var e,n=[],r=d(t);try{for(r.s();!(e=r.n()).done;){var i=e.value;n.push(i),i.componentInstance&&n.push.apply(n,o()(this.TraverseVNode(i.componentInstance.$children.map((function(t){return t.$vnode}))))),i.children&&n.push.apply(n,o()(this.TraverseVNode(i.children)))}}catch(t){r.e(t)}finally{r.f()}return n}},{key:"InvokeComponent",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=[],r=function(){var e=t((function(){r.$destroy(),document.body.removeChild(r.$el),n=n.filter((function(t){return t!==r}))})),r=new p.a(e),o=document.createElement("div");return document.body.appendChild(o),r.$mount(o),r},o=function(){return n.length&&!e||n.push(r()),n[n.length-1]};return function(t){o().open(t)}}}]),t}()},55:function(t,e,n){},6:function(t,e){function n(e){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(t.exports=n=function(t){return typeof t},t.exports.default=t.exports,t.exports.__esModule=!0):(t.exports=n=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.default=t.exports,t.exports.__esModule=!0),n(e)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},7:function(t,e){t.exports=function(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r},t.exports.default=t.exports,t.exports.__esModule=!0},8:function(e,n){e.exports=t},9:function(t,e,n){"use strict";n.d(e,"a",(function(){return d}));var r=n(11),o=n.n(r),i=n(0),a=n.n(i),u=n(2),s=n.n(u),c=n(1),l=n.n(c);function f(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"==typeof t)return p(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return p(t,e)}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return a=t.done,t},e:function(t){u=!0,i=t},f:function(){try{a||null==n.return||n.return()}finally{if(u)throw i}}}}function p(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var d=function(){function t(e,n){a()(this,t),this._channels=e,this._alpha=n}return s()(t,[{key:"r",get:function(){return this._channels[0]}},{key:"g",get:function(){return this._channels[1]}},{key:"b",get:function(){return this._channels[2]}},{key:"a",get:function(){return this._alpha}},{key:"luminosity",get:function(){var t,e=[],n=f(this._channels.entries());try{for(n.s();!(t=n.n()).done;){var r=o()(t.value,2),i=r[0],a=r[1]/255;e[i]=a<=.03928?a/12.92:Math.pow((a+.055)/1.055,2.4)}}catch(t){n.e(t)}finally{n.f()}return.2126*e[0]+.7152*e[1]+.0722*e[2]}},{key:"isDark",get:function(){return this.luminosity<.5}},{key:"isLight",get:function(){return!this.isDark}},{key:"isNone",get:function(){return!this._channels||!this._channels.length}},{key:"toString",value:function(){return this.isNone?"":Number.isNaN(this._alpha)?"rgb(".concat(this._channels.map((function(t){return Math.round(t)})).join(","),")"):"rgba(".concat([this._channels,this._alpha].map((function(t){return Math.round(t)})).join(","),")")}}],[{key:"FromHex",value:function(e){if(!e.startsWith("#"))return new t(null,NaN);var n=e.length>5?function(e){for(var n=e.match(t.REG_HEX),r=[0,0,0],o=n[1],i=0;i<3;i++)r[i]=parseInt(o.slice(2*i,2*i+2),16);return{channels:r,alpha:n[2]?parseFloat(n[2],16)/255:NaN}}(e):function(e){for(var n=e.match(t.REG_HEX_ABBR)[1],r=[0,0,0],o=0;o<3;o++)r[o]=parseInt(n[o]+n[o],16);return{channels:r,alpha:n[4]?parseFloat(n[4],16)/255:NaN}}(e);return new t(n.channels,n.alpha)}},{key:"Mix",value:function(e,n,r){var o=void 0===r?.5:r,i=2*o-1,a=(e.a||1)-(n.a||1),u=((i*a==-1?i:(i+a)/(1+i*a))+1)/2,s=1-u;return new t([u*e.r+s*n.r,u*e.g+s*n.g,u*e.b+s*n.b],e.a*o+n.a*(1-o))}},{key:"Shift",value:function(e,n){return n>0?t.Shade(e,n):t.Tint(e,-n)}},{key:"Tint",value:function(e,n){return t.Mix(t.WHITE,e,n)}},{key:"Shade",value:function(e,n){return t.Mix(t.BLACK,e,n)}}]),t}();l()(d,"WHITE",new d([255,255,255],1)),l()(d,"BLACK",new d([0,0,0],1)),l()(d,"REG_HEX",/^#([a-f0-9]{6})([a-f0-9]{2})?$/i),l()(d,"REG_HEX_ABBR",/^#([a-f0-9]{3,4})$/i)}})}));
//# sourceMappingURL=searchbar.js.map